• knife set
  • feed

    Drupal

    บล็อกนี้เป็นซีรีส์ของ คู่มือปรุงเว็บไซต์ฉบับ non-programmer โดยนำเคสของ stylelurf.com มาให้ดูกันครับ จะเป็นการเล่าของการทำเว็บไซต์ยากๆ โดยไม่จำเป็นต้องรู้โค้ด PHP หรือ MySQL ซักนิดเดียว

    คราวก่อนเล่าวิธีติดตั้งดรูปัล (Drupal) ไปแล้วว่าสามารถทำได้ภายในไม่เกิน 10 นาที คราวนี้มาวิธีใหม่ติดตั้งลงในวินโดวส์ใช้เวลาประมาณนาที ด้วย DAMP (Drupal, Apache, MySQL and PHP) โดยวิธีการก็

    1. ดาวน์โหลด Acquia Drupal แล้วเลือก stack installer (DAMP) for Windows (ใครใช้ Mac ก็เลือกตามชอบ) ที่ http://acquia.com/downloads ไฟล์ประมาณ 30 Mb (ใครเน็ตช้าก็รอหน่อย)
    2. ได้มาเป็นไฟล์ EXE ก็เปิดมาแล้วคลิก Next ไปเรื่อยๆ 


    3. แล้วก็ใส่ username / password / email สำหรับแอดมิน แล้วก็ Next ต่อไปเรื่อยจนจบ 
    4. เสร็จแล้ว
    5. ... (สำหรับวินโดวส์) ไฟล์ทั้งหมดจะถูกเก็บไว้ที่
      C:\Documents and Settings\__ชื่อเรา__\Sites\acquia-drupal-site
      หากใครจะเพิ่มฟีเจอร์หรือเพิ่มธีมอะไร ก็มาใส่ตรงนี้

    หากใครอยากลองก็โหลดมาเล่นกันได้ที่ http://acquia.com/downloads 

    บล็อกนี้เป็นซีรีส์ของ คู่มือปรุงเว็บไซต์ฉบับ non-programmer โดยนำเคสของ stylelurf.com มาให้ดูกันครับ จะเป็นการเล่าของการทำเว็บไซต์ยากๆ โดยไม่จำเป็นต้องรู้โค้ด PHP หรือ MySQL ซักนิดเดียว 


    Drupal: 6.x
    MODULES ที่ใช้:

    ต่อจากคราวก่อนเรื่อง วิวส์ (Views) คราวนี้ก็เป็นอีกตัวอย่างที่ใช้จริงในเว็บ Stylelurf ในหน้า
    http://stylelurf.com/forum (ลองกดเข้าไปดูได้) จะสังเกตตรงแถบด้านขวาที่มีส่วนแสดงรายการสามส่วน ซึ่งสามตัวนั้นก็เป็นวิวส์หมดเลยทั้งสามตัว โดยตัวอย่างในเอนทรีนี้จะเป็นวิวส์ตัวบน Active Forum Topics

    วิวส์นี้เป็นวิวส์ที่ดึงข้อมูลจากฐานข้อมูล เพื่อแสดงกระทู้ที่มีคนตอบล่าสุด ใช้สำหรับให้สมาชิกตามอ่านได้ถูก สะดวกเวลาเข้าเว็บจะรู้ว่าเรื่องไหนเป็นเรื่องใหม่ จะได้ไปร่วมคุยได้  โดยมีเงื่อนไขคือ

    • เรียกเฉพาะหน้าที่เป็นกระทู้ฟอรั่ม
    • แสดงเฉพาะชื่อหัวข้อ พร้อมทำลิงก์ไปหน้านั้น
    • แสดงแค่ 5 หัวข้อ
    • เรียงลำดับตามเวลาที่มีคนคอมเมนต์ ใหม่สุดอยู่บน
    วิธีทำก็ใช้ลำดับเดิมตามภาพด้านล่าง

    Drupal Views

    ทำตามลำดับเดิมที่เลือก

    1. เข้าไปที่ Admin → Site building → Views
    2. กด Add แล้วจะมีให้ใส่ชื่อ (view name) ก็ใส่พร้อมคำอธิบาย (view description)
    3. View type อันนี้เลือก Node
    4. ตั้งค่าตามลำดับ ได้แก่
      1. Field - เลือก Node: Title เพราะเราต้องการดึงเฉพาะหัวข้อ เสร็จแล้วพอกดผ่านไป หน้าถัดไปตรงช่อง Label เราก็ลบออก เพราะไม่ต้องการข้อความตรงนี้ ส่วนช่อง Link this field to its node เราก็ติ๊กไว้ เพื่อให้หัวข้อลิงก์ไปยังหน้านั้นอัตโนมัติ แล้วก็กด update
      2. Filters - เลือก node type แล้วเลือก is one of แล้วเลือก Forum topic เพราะจะเอาหัวข้อของกระทู้ในฟอรั่มอย่างเดียว
      3. Sort criteria - เลือก Node: Last comment time เสร็จแล้วก็เลือก sort oder เป็น Descending ส่วน Granularity ก็เหมือนเดิมเป็น Second เพื่อให้เรียงลำดับจากใหม่สุดไว้บน
      4. เลือก Block แล้วกด Add display - เพราะจะทำเป็นบล็อคไปใส่ในหน้านั้น
      5. ตั้งค่าพื้นฐาน
        1. Title ใส่ Active Forum Topics จะได้แสดงชื่อตรงบล็อค
        2. Style เลือก HTML List ให้แสดงเป็นลิสต์
        3. Item to display:  5 - ให้แสดงผลแค่ห้าชื่อพอ
    5. คราวนี้คงพอเห็นตัวอย่างด้านล่างขึ้นมาแล้ว ก็กดเซฟ
    6. เสร็จก็เข้าไปที่ Admin → Site building → Block คราวนี้เราก็เลือกวิวส์นั้นไปใส่ในตำแหน่งที่ต้องการ เพียงแค่นี้เราก็ได้วิวส์แล้ว โดยไม่ต้องไปยุ่งกับโค้ดหรือคำสั่ง SQL

    อันนี้ก็เป็นตัวอย่างอีกหนึ่งตัวอย่างสำหรับการใช้วิวส์ ซึ่งวิวส์นั้นใช้ได้อีกหลายวิธี โดยเอนทรีต่อไปจะแสดงอีกตัวอย่างหนึ่ง

    บล็อกนี้เป็นซีรีส์ของ คู่มือปรุงเว็บไซต์ฉบับ non-programmer โดยนำเคสของ stylelurf.com มาให้ดูกันครับ จะเป็นการเล่าของการทำเว็บไซต์ยากๆ โดยไม่จำเป็นต้องรู้โค้ด PHP หรือ MySQL ซักนิดเดียว 


    Drupal: 6.x
    MODULES ที่ใช้:

    ต่อจากคราวก่อนเรื่อง วิวส์ (Views) คราวนี้ก็มาวิวส์อีกรอบ เพราะวิวส์นั้นทำได้หลายอย่างเลยทีเดียว ถ้าเขียนหนังสือวิธีปรุงวิวส์ก็คงเขียนได้เป็นเล่ม คราวนี้ก็เป็นตัวอย่างพื้นฐานอีกตัว โดยคราวนี้ก็ตัวอย่าง Stylelurf ขึ้นมาโดยอันนี้เป็นวิวส์จากหน้า http://stylelurf.com/polls (ลองแวะดูได้) ซึ่งหน้านี้เป็นวิวส์ทั้งหน้าเลย ต่างจากคราวก่อนที่เป็นวิวส์เฉพาะบล็อค

    วิวส์นี้เป็นวิวส์ที่ดึงข้อมูลโพลจากหลายหน้ามาแสดง โดยมีเงื่อนไขคือ

    • เรียกเฉพาะหน้าที่เป็นโพล
    • แสดงแค่ 5 โพล
    • เรียงลำดับแบบสุ่ม
    • เรียกเฉพาะหน้าที่สร้างไว้ไม่เกิน 30 วัน
    ขั้นตอนก็ลำดับเดิม โดย

    Drupal Views

    วิธีทำ ก็ดังนี้ครับ ทำตามลำดับเดิมที่เลือก

    1. เข้าไปที่ Admin → Site building → Views
    2. กด Add แล้วจะมีให้ใส่ชื่อ (view name) ก็ใส่พร้อมคำอธิบาย (view description)
    3. View type อันนี้เลือก Node
    4. ตั้งค่า
      1. Field - อันนี้ข้ามไป เพราะเราจะเรียกทุกฟีลด์เลย
      2. Filters - ตัวกรองข้อมูล อันนี้เลือกสองตัวคือ
        1. เลือก node type แล้วเลือก is one of แล้วเลือก Poll เพราะจะเอาโพลอย่างเดียว
        2. เลือก Node: Post date → Operator เลือก is greater than → Value เลือก an offset ... แล้วใส่ value คือ -30 days (อย่าลืมเครื่องหมายลบ) - เพราะต้องการแค่โพลที่สร้างไว้ไม่เกิน 30 วัน
      3. Sort criteria - เลือก Global Random - เพื่อให้สุ่มลำดับ
      4. เลือก Page แล้วกด Add display
      5. ตั้งค่าพื้นฐานเลือกดังนี้
        1. Title ใส่ Polls จะได้แสดงชื่อหน้าคำว่า "Polls"
        2. Row style เลือก Node (เพราะจะแสดงทั้งโหนดเลยไม่ใช่เฉพาะฟีลด์)
        3. Item to display: 5
      6. ใต้เบอร์ (5) จะมี Page settings โผล่ขึ้นมา แล้วตรงช่อง แพธ (Path) พิมพ์คำว่า polls เข้าไป เพื่อจะให้วิวส์นี้แสดงผลที่หน้า http://stylelurf.com/polls
    5. เซฟแล้วก็เข้าไปที่  http://stylelurf.com/polls เพียงแค่นี้ก็สร้างได้แล้ว

    อันนี้ก็เป็นตัวอย่างอีกหนึ่งตัวอย่างสำหรับการใช้วิวส์ขั้นพื้นฐาน ซึ่งหากใครต้องการวิวส์ที่มีการเชื่อมโยงกับตารางในฐานข้อมูลอื่น สามารถเลือกตรง Relationships ได้ หรือถ้าใครอยากส่งผ่านค่าจาก URL เพื่อให้วิวส์คำนวณก็ให้จัดการตรง Arguments ได้ ซึ่งก็จะเป็นขั้นสูงกว่าพื้นฐานอีกหน่อย สามารถหาอ่านวิธีได้ที่ http://drupal.org/handbook/modules/views