การทำ Node แบบสุ่มด้วย Views แบบ Block

คราวนี้เรามาใช้ views ทำ Block ไว้สำหรับแสดง Node แบบสุ่ม เอาไว้แสดงผลในหน้าแรกหรือ ทุก ๆ หน้า ก่อนอื่น ต้องเตรียมเนื้อหาก่อน โดยเพิ่ม Blog ขึ้นมาซัก 6-8 Node ก่อน เพื่อจะได้เห็น การสุ่มขึ้นมาของ Node
เราจะทำการสร้าง views ให้แสดง Node ออกมา 4 อัน แสดงผลให้เป็นแบบ 2 คอลัมน์ แบบสุ่ม ตามขั้นตอนดังนี้
ขั้นตอนที่ 1 เราก็เข้าไปสร้าง Views โดยไปที่เมนู Administer > Site Building > Views เลือก Add

กำหนดชื่อ views ( view name) เป็น NodeRandom
คำอธิบาย views (view description) เป็น random node
เลือก Next

ขั้นตอนที่ 2 ทำการกำหนด Row style ให้เป็น Node แล้วเลือก Update

ขั้นตอนที่ 3 กำหนด style ให้เป็น grid

กำหนด Build Mode ให้เป็น Teaser ( แสดง Node แบบย่อ ) และทำเครื่องหมายเช็คถูกที่ Display links

ขั้นตอนที่ 4 กำหนด จำนวน column ให้เป็น 2

ขั้นตอนที่ 5 กำหนด Items to display ให้เป็น 4

ขั้นตอนที่ 6 กำหนด filter ที่เราจะใช้งาน ( ถ้านำไปใช้กับ Node ชนิดอื่น ก็สามารถเปลี่ยนประเภทของ Node ได้ ) ทำการเลือก filter ชนิด node : type ทำการเลือก Blog entry

ขั้นตอนที่ 7 กำหนด Sort criteria เลือก ให้เป็นแบบ global : Random

ขั้นตอนที่ 8 ทำการ Add display ให้กับ Views ที่เรากำลังสร้างนี้ โดย เลือกประเภท ของ Views ให้เป็น Block และ เลือก Add display

ขั้นตอนที่ 9 ทำการบันทึก Views เป็นขั้นตอนที่สำคัญมาก ๆ ถ้าหากท่านไม่ทำการบันทึก ที่เราทำมาข้างต้นทั้งหมด ก็หายไปหมด ฉะนั้น ต้องทำการบันทึกทุกครั้ง (สามารถทำการบันทึกได้ในระหว่างทุก ๆ ขั้นตอนได้) เราขะเห็นตัวอย่าง Views ที่เราได้กำหนดค่าขึ้นมาดังรูป

ขั้นตอนที่ 10 เข้าไปกำหนดการแสดงผล Block ที่เราได้สร้างขึ้นมาจาก Views ได้โดยเข้าไปที่ Administer > Site Building > Block โดยกำหนด ให้ Block ที่เราได้สร้างขึ้นมา (NodeRandom: Block) นำไปวางในตำแหน่ง ของ Content เสร็จแล้วทำการบันทึก Block ดังกล่าว

จากนั้นเป็นการตั้งค่าการแสดงผล ของ Block โดยเราจะกำหนดให้แสดงทุกหน้า่ ยกเว้น หน้า Admin และ หน้าของ User ให้คลิ๊กที่ Configure ที่อยู่ด้านหลังของ NodeRamdom : Block เพื่อเข้าไปสู่ในส่วนของการ กำหนดการแสดงผล

กำหนด Block Title ให้เป็น Blog
กำหนด Show block on specific pages ให้เป็น Show on every page except the listed pages.
กรอกช่อง pages ให้เป็น
admin/*
user/*

แล้วทำการบันทึก ( Save block )
เราสามารถตรวจสอบ Block ที่เราได้สร้างขึ้นมาโดยหน้าตา ทีได้ออกมาก็จะเป็นตามตัวอย่างด้านล่างนี้
แต่ตัวอย่างข้างล่างนี้ ผมได้เปลี่ยน NodeType ตามขึ้นตอนที่ 6 จึงได้ผลออกมาอย่างที่เห็นนี่แหละครับ

ตัวอย่างการแสดง Node แบบสุ่ม คงไม่ยา่กเกินไปนะครับ ถ้่า่หากมีข้อสงสัยก็ comments ไว้นะครับ แล้วผมจะมาแก้ไขความกระจ่างให้ คราวหน้าผมจะเอา เทคนิคดี ๆ มาฝากอีกนะครับ

1 Comment »

  1. 1
    Gundosmhl Says:

    Aloha!krxy! http://htollkeh.com immak qswyq


RSS Feed for this entry

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: