Drupal

เตรียมความพร้อมก่อนเรียน "สอนทำเว็บ" ด้วย drupal กับปกป้อง

อุปสรรคที่พบบ่อยอย่างหนึ่งของผู้ที่มาเรียน สอนทำเว็บ ด้วย drupal กับปกป้อง คือผู้เรียนมีความตั้งใจเต็มเปี่ยม แต่ขาดการเตรียมพร้อมในการทำงานกับเว็บไซต์ ทำให้อาจจะต้องเสียเวลาในช่วงแรกในการดาวน์โหลดและติดตั้งโปรแกรมที่จำเป็นในการทำงานเกี่ยวกับเว็บไซต์ เช่นโปรแกรม FTP ที่ใช้สำหรับคัดลอกถ่ายโอนข้อมูลจากคอมพิวเตอร์ของเราไปยังเว็บเซิร์ฟเวอร์เว็บโฮสติ้ง หรือโปรแกรม Text Editor สำหรับช่วยในการแก้ไขโค้ดในบางจุดทำได้สะดวกมากขึ้น (โปรแกรม Notepad ที่มีอยู่ในเครื่อง Windows ไม่เอื้ออำนวยให้ใช้ในงานทำแก้ไขโค้ดของเว็บไซต์)

FTP FileZilla

วิธีใช้ Drupal ตอนที่ 5 – สร้างและแก้ไข Basic page

Basic page ใน Drupal 7 คือหน้าเว็บเพจที่จะใช้งานในลักษณะหน้าเนื้อหาตายตัว ไม่อ้างอิงกับเวลา (ไม่เหมือนข่าว หรือเนื้อหาบล็อก) มักจะใช้ Basic page สำหร้าบหน้าที่เราไม่ค่อยเปลี่ยนแปลงเนื้อหาภายในบ่อย เช่น About us หรือหน้าประกาศโฆษณาพิเศษ เป็นต้น

สร้าง Basic Page ใหม่

การสร้าง Basic page ใหม่ ให้เลือกเมนู Add content และคลิกหัวข้อ Basic page

วิธีแทรก icon บน Title Block Drupal 7

การแทรก icon บน title block ทำเพื่อสร้างจุดเน้นของสายตาผู้ชม ให้มองเนื้อหาเป็นกลุ่มหมวดหมู่มากขึ้น และความเป็นระเบียบสวยงาม จริง ๆ ก็มีโมดูล block icons ใช้กัน แต่มีเฉพาะ drupal 6 เท่านั้น  ส่วน drupal 7 แนะนำว่าให้ใช้ css ช่วยในการจัดการ ไม่ต้องไปแก้ไข drupal core เพราะเวลาอัพเดทก็ไม่ต้องคอยจำว่าเราไปแก้โค้ดระบบตรงไหนไว้บ้าง :-)

ขั้นตอนวิธีทำ

แบบที่ 1 ใส่ icon เหมือนกันหมดทุกบล็อก

- แทรก css ชุดนี้เข้าไปในไฟล์ style.css ในโฟลเดอร์ชุดธีม

.block h2 {
  padding-left: 1.5em;
  background: url(/themes/garland/images/menu-leaf.gif) no-repeat;
}

หมายเหตุ:

  • ในบางธีม title block ใช้ h2 บางธีม title block ใช้ h3 ต้องเช็คด้วยนะครับว่าธีมที่เราเลือกใช้นั้นใช้ header ระดับไหน
  • เปลี่ยน /themes/garland/images/menu-leaf.gif ให้เป็นรูป icon ที่คุณต้องการ

ตัวอย่างเว็บไทยที่ใช้ Drupal เป็นพื้นฐานในการทำเว็บ (ตอนที่ 2)

ต่อเนื่องจากบล็อกเมื่อกี้ "ตัวอย่างเว็บไทยที่ใช้ drupal เป็นพื้นฐานในการทำเว็บ" ยังมีเว็บอีกจำนวนหนึ่งที่อยากนำเสนอ ว่าเว็บเหล่านี้ก็ขับเคลื่อนด้วยพลังของ drupal อยู่เบื้องหลังเช่นกัน

ตัวอย่างเว็บไทย เว็บสาระบันเทิง ที่ทำด้วย drupal

ไทยแลนด์ก็อตทาเลนต์ : http://www.thailandsgottalent.tv/home

สอนทำเว็บ ตัวอย่างเว็บ drupal

ตัวอย่างเว็บไทยที่ใช้ Drupal เป็นพื้นฐานในการทำเว็บ

นั่งหาเว็บคนไทยที่ทำด้วย drupal เอามาเป็นรูปประกอบ คอร์สพิเศษ สอนทำเว็บ สอนเขียนเว็บ พบเว็บไทยที่ใช้ drupal ก็มีพอสมควร ถูกใช้งานในหลายลักษณะ เว็บบล็อก เว็บส่วนตัว เว็บองค์กร เว็บบริษัท เว็บหน่วยงาน เว็บราชการ เว็บห้องสมุด หลายหลากจริงๆ

ตัวอย่างเว็บไทย เว็บบริษัท ที่ทำด้วย drupal

บริษัท ชัยฤทธิ์ เท็กซ์ไทล์ จำกัด : http://www.chaiyarittextile.com

ตัวอย่างเว็บไทย ทำด้วย drupal

วิธีใช้ Drupal ตอนที่ 4 – Taxonomy, Vocabulary & Terms

ส่วนประกอบหนึ่งที่เป็นพื้นฐานของการทำเว็บด้วย Drupal 7 คือการใช้งาน Taxonomy ที่ช่วยในการจัดระเบียบเนื้อหาว่าอยู่ในหมวดหมู่ไหนหรือมีเรื่องราวเกี่ยวกับอะไรบ้าง ตามคำอธิบายที่เขียนกำกับไว้ว่า Manage tagging, categorization, and classification of your content

การเข้าถึง Taxonomy เข้าผ่านทางเมนู Structure ในแถบ Toolbar (ด้านบนสุด สีดำ) และเลือกหัวข้อ Taxonomy

วิธีใช้ Drupal ตอนที่ 3 – แก้ไขเนื้อหาที่สร้างไปแล้ว

หลังจากที่เรารู้วิธีการสร้างเนื้อหาใหม่ใน Drupal 7 กันแล้ว ก็ต้องมีบ้างที่เราอาจจะสร้างผิด หรือพิมพ์อะไรในบทความผิด หรืออยากจะแก้ไขอะไรในเนื้อหาที่สร้างไปแล้ว ก็เลือกที่เมนู Content ในแถบ Toolbar ด้านบน จะมี List ของเนื้อหาที่เราเคยสร้างไว้ทั้งหมดปรากฎขึ้นมา

All content in drupal 7

วิธีใช้ Drupal ตอนที่ 2 – การสร้างเนื้อหา

ก่อนที่เราจะเริ่มสร้างเนื้อหาใน Drupal 7 ต้องทำความเข้าใจลักษณะพื้นฐานของ Drupal เล็กน้อย กล่าวคือ เนื้อหา(เกือบ)ทั้งหมดที่เราเพิ่มเข้าไปในระบบ จะถูกเรียกว่า Node (โหนด) โดยแต่ละ Node จะเก็บข้อมูลพื้นฐานที่ประกอบด้วย Title (หัวข้อ) และ Body (รายละเอียด) ซึ่งเราสามารถเพิ่มช่องเก็บข้อมูลอื่นๆ ประกอบ Node ได้อีก (จะกล่าวถึงในภายหลัง) โดยแต่ละโหนดจะถูกเรียกใช้ผ่าน URL path ของระบบ เช่น /node/1 เป็นต้น

basic node path in drupal 7

นอกจากนี้ ระบบ Node ใน Drupal 7 จะบันทึกผูกกับชนิดของเนื้อหา Content types อีกด้วย ซึ่งโดยค่าพื้นฐาน Drupal 7 จะกำหนดชนิดเนื้อหา Content types มาให้ 2 อย่าง

  • Article – ใช้สำหรับสร้างเนื้อหาที่อ้างอิงกับเวลา เช่น ข่าว, ประกาศประชาสัมพันธ์ หรือ บล็อก
  • Basic page – ใช้สำหรับสร้างเนื้อหาคงที่ เช่น หน้าเพจ "เกี่ยวกับเรา"

ซึ่งหากเราต้องการสร้างชนิดเนื้อหาเพิ่มเติม ก็สามารถทำได้โดยคลิกที่เมนู Structure > Content types และ Add content type

basic content types in drupal 7

วิธีใช้ Drupal ตอนที่ 1 – Toolbar, Shortcut & Dashboard

วิธีใช้ Drupal 7 จะเปลี่ยนแปลงไปจากเวอร์ชั่น 6 พอสมควร เพราะมีส่วนของ Toolbar, Shortcut และ Dashboard (แสดงผลแบบ Overlay) เพิ่มเข้ามา เพื่อช่วยให้เราสามารถแยกการจัดการระหว่างหน้าบ้าน (หน้าแสดงข้อมูล) และหลังบ้าน (จัดการข้อมูลในระบบ) ซึ่งการที่เราจะเข้าถึงส่วนของ Toolbar, Shortcut และ Dashboard ได้นั้น เราสามารถเข้าได้โดย

ถ้าลง Drupal 7 แล้วยังไม่ได้เปลี่ยน Theme ในส่วนของหน้าแรก ทางซ้ายมือจะมีช่องสำหรับ Username และ Password

วิธีติดตั้ง Drupal, Install Drupal 7

วิดีโอสอน วิธีติดตั้ง Drupal, Install Drupal 7 เป็นคลิปที่อยากทำมานานแล้ว และเพิ่งจะมีโอกาสทำเสร็จเป็นรูปเป็นร่าง เรียกได้ว่าเป็นคลิปที่ใช้เวลารวดเร็วมาก ชนิดที่เรียกว่าติดตั้ง Drupal ภายใน 10 นาที กันเลยทีเดียว วิดีโอนี้เป็นแค่เพียงการติดตั้งเริ่มต้นจัดทำเว็บ ยังไม่ได้ลงในรายละเอียดในการจัดทำเว็บในรูปแบบไหน-อย่างไร ซึ่งถ้ามีโอกาสก็จะพยายามทำเป็นคลิปต่อๆ ไป

ความต้องการพื้นฐานในการติดตั้ง Drupal 7.x ได้แก่