Drupal

วิธีใช้ Drupal ตอนที่ 6 – วิธีติดตั้ง Modules

Submitted by poakpong on Fri, 2012-05-04 - 23:53

การเพิ่มฟังก์ชั่นให้กับ Drupal เราสามารถเลือกใช้งาน Modules ต่างๆ ตามที่เราต้องการ เพื่อเอามาปรับเสริมใช้งานในเว็บไซต์ของเรา เช่น ตัวเก็บสถิติคนเข้าชมเว็บไซต์, ตัวช่วยในการสร้าง URL alias แบบอัตโนมัติ หรือแม้แต่ Views ในส่วนของการแสดงข้อมูล เป็นต้น

การติดตั้ง Modules ทำได้ 2 วิธี คือ Upload และ Online

วิธีติดตั้ง Modules แบบ Upload

เริ่มต้นด้วยการค้นหาและดาวน์โหลดไฟล์ .tar.gz หรือ .zip จากเว็บ Drupal.org หรือจากที่อื่นๆ นำมาขยายไฟล์ออก แล้วนำมา Upload ผ่านโปรแกรม FTP เข้าสู่เซิร์ฟเวอร์

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

Submitted by poakpong on Mon, 2012-04-02 - 15:57

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

FTP FileZilla

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

Submitted by poakpong on Sat, 2012-03-17 - 00:34

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

สร้าง Basic Page ใหม่

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

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

Submitted by poakpong on Thu, 2012-03-15 - 20:17

การแทรก 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)

Submitted by poakpong on Mon, 2012-03-12 - 02:03

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

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

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

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

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

Submitted by poakpong on Mon, 2012-03-12 - 01:25

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

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

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

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

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

Submitted by poakpong on Fri, 2012-03-02 - 09:07

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

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

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

Submitted by poakpong on Fri, 2012-03-02 - 01:15

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

All content in drupal 7

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

Submitted by poakpong on Thu, 2012-03-01 - 22:34

ก่อนที่เราจะเริ่มสร้างเนื้อหาใน 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

Submitted by poakpong on Thu, 2012-03-01 - 19:08

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

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