โหมดดูใน Drupal 8 . คืออะไร

Drupal เป็นที่รู้จักกันดีในเรื่องความยืดหยุ่นในการจัดการและนำเสนอเนื้อหา โหมดมุมมอง Drupal อนุญาตให้คุณแสดง (แสดง) เอนทิตีหรือเอนทิตีของ Drupal (เช่น โหนด) ด้วยวิธีใดวิธีหนึ่ง ตามบริบทเฉพาะ

บทช่วยสอนนี้จะสาธิตการใช้งานโหมดมุมมอง Drupal พร้อมตัวอย่าง เราจะติดตั้งและใช้โมดูล Field Group และ Display Suite

มาเริ่มกันเลย!

ขั้นตอนที่ 1. ติดตั้งโมดูลที่จำเป็น

• เปิด แอปพลิเคชั่นเทอร์มินัลแล้ววางเคอร์เซอร์ไว้ที่รูทของการติดตั้ง Drupal

• พิมพ์:

นักแต่งเพลงต้องการ “drupal//field_group:^3.0"

นักแต่งเพลงต้องการ drupal/ds

• คลิก ขยาย

• เปิดใช้งาน Display Suite และ Field Group

• คลิก ติดตั้ง

ระบบจะแจ้งให้คุณเปิดใช้งานโมดูล Layout Discovery

• คลิก ดำเนินการ ต่อ

ไม่จำเป็นต้องใช้โมดูลเพิ่มเติม

ขั้นตอนที่ 2. ประเภทเนื้อหา

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

ทุ่งนา:

• เกิด

• เสียชีวิต

• เป็นที่รู้จักสำหรับ

จะถูกจัดกลุ่มในกลุ่มฟิลด์ที่เรียกว่าข้อมูลส่วนบุคคล

ขั้นตอนที่ #3 สร้างกลุ่มฟิลด์

• คลิก จัดการการแสดงผล > เพิ่มกลุ่มฟิลด์
• เลือก Fieldset ในเมนูดร็อปดาวน์
• เพิ่ม ป้ายกำกับที่เหมาะสม
• คลิก สร้างกลุ่ม

• ลาก fieldset ใต้ฟิลด์ Image

• ซ่อน ป้ายกำกับรูปภาพ

• จัดกลุ่ม ฟิลด์ภายใน fieldset โดยเยื้อง

• สร้าง ป้ายกำกับภายใน fieldset inline

• คลิก บันทึก

โปรดสังเกต ว่า เรากำลังกำหนดค่าโหมดมุมมองแอ็กทีฟหนึ่งในสองโหมดใน Drupal ( ค่าเริ่มต้น และ ทีเซอร์ ) แล้ว

โหมดมุมมองเริ่มต้นจะแสดงทั้งโหนด ในขณะที่โหมดมุมมองทีเซอร์จะแสดงการแสดงทีเซอร์ของบทความบนหน้าแรกของ Drupal

ขั้นตอนที่ #4 สร้างเนื้อหา

• คลิก เนื้อหา > เพิ่มเนื้อหา > บุคคลที่มีชื่อเสียง

• สร้าง 4 ถึง 5 โหนด

ขั้นตอนที่ #5 สร้างโหมดมุมมองที่กำหนดเอง

• คลิก โครงสร้าง > ประเภทเนื้อหา

• เลือก จัดการการแสดงผล สำหรับประเภทเนื้อหา 'บุคคลที่มีชื่อเสียง'

• เลื่อน ลงและ คลิก การตั้งค่าการแสดงผลแบบกำหนดเอง

• คลิก จัดการโหมดการดู

ที่นี่ เราสามารถกำหนดค่าโหมดมุมมองที่มีอยู่สำหรับเอนทิตีประเภทต่างๆ ( บันเดิ ล ) นอกจากนี้เรายังสามารถสร้างโหมดการดูแบบกำหนดเองเพื่อให้ตรงกับความต้องการด้านการออกแบบหรือข้อมูลของเรา

• คลิก เพิ่มโหมดการดู

• คลิก เนื้อหา

• ตั้งชื่อที่ถูกต้อง ให้ โหมดมุมมอง

• คลิก บันทึก

  

• สร้าง โหมดการดูอีก 2 โหมด

ฉันใช้ชื่อเหล่านี้: โหมด มุมมองชีวิต - โหมดมุมมอง เรื่อง ไม่สำคัญ

• คลิก โครงสร้าง > ประเภทเนื้อหา

• เลือก บุคคลที่มีชื่อเสียง > จัดการการแสดงผล

• เลื่อน ลงและ คลิก การตั้งค่าการแสดงผลแบบกำหนดเอง อีกครั้ง

• ตรวจสอบ โหมดการดู 3 โหมดที่คุณเพิ่งสร้างขึ้น

• คลิก บันทึก

• คลิก โหมดมุมมอง ข้อมูลส่วนบุคคล

• เลื่อน ลงและ เลือก เค้าโครงสองคอลัมน์ (ภายใต้ตัวเลือก Display Suite) จากดรอปดาวน์

• คลิก บันทึก

• คลิก บันทึก อีกครั้ง (ในที่สุด) เพื่อย้ายเขตข้อมูลไปยังคอลัมน์ใหม่

• ลาก ชุดฟิลด์ ข้อมูลส่วนบุคคล ไปที่ด้านบนของคอลัมน์ด้านซ้าย

• วาง สามฟิลด์ที่เกี่ยวข้องตามลำดับ

• วาง รูปภาพบนคอลัมน์ด้านขวา

• เปลี่ยน รูปแบบรูปภาพ เป็นสื่อ

• คลิก อัปเดต

• ลาก ฟิลด์อื่นทั้งหมดไปยังส่วน ปิด การใช้งาน

• เลื่อน ลงแล้ว คลิก บันทึก

• ทำซ้ำ ขั้นตอนกับอีกสองโหมดมุมมองโดยใช้ตัวเลือกเค้าโครง:

  • ความกว้างเท่ากับสามคอลัมน์

  • สามคอลัมน์ 25/50/25

ขั้นตอนที่ #6 สร้างมุมมอง

• คลิก โครงสร้าง > มุมมอง > เพิ่มมุมมอง

• ตั้งชื่อที่ถูกต้อง ให้ มุมมอง

• เลือก เนื้อหา ประเภท บุคคลที่มีชื่อเสียง

• ตรวจสอบ สร้างบล็อก

• เปลี่ยน จำนวน รายการต่อบล็อก เป็น 1

• ทำ เครื่องหมาย ใช้เพจเจอร์

• คลิก บันทึกและแก้ไข

• คลิก ตัวเลือก ฟิลด์ ภายใต้ส่วน รูปแบบ

• เลือก เนื้อหา

• คลิก สมัคร

• เลือก โหมดดูภาพแรก

• คลิก สมัคร

• คลิก บันทึก

• คลิก ส่วน ขั้นสูง ทางด้านขวาของ Views UI

• คลิก ที่ ใช้ AJAX: ไม่ใช่

• ตรวจสอบ ใช้ AJAX

• คลิก สมัคร

• คลิก บันทึก

• สร้าง อีก 2 บล็อกด้วยกระบวนการเดียวกัน การตั้งค่าเดียวที่จะแตกต่างออกไปคือโหมดดูในส่วน รูปแบบ

ขั้นตอนที่ #7 วางบล็อค

• สร้าง บทความที่มีเพียงชื่อเรื่อง

• คลิก บันทึก

• คลิก โครงสร้าง > เค้าโครงบล็อก

• เลื่อน ลงไปที่ส่วน เนื้อหา

• คลิก วางบล็อก

• ค้นหา ทั้ง 3 บล็อก

• คลิก วางบล็อก

• ยกเลิกการเลือก แสดงชื่อ

• จำกัด การบล็อกไว้ที่บทความที่เราเพิ่งสร้างขึ้น

• คลิก บันทึกบล็อก

• ทำซ้ำ ขั้นตอนกับอีก 2 ช่วงตึก

• จัดเรียง บล็อกใหม่ใต้ชื่อ

• คลิก บันทึกบล็อก

ตรงไปที่บทความและดู

Drupal เท่! ยินดีด้วย!

โปรดบอกเราว่าคุณวางแผนที่จะใช้คุณสมบัติ Drupal ที่มีประโยชน์นี้อย่างไร ขอบคุณที่อ่าน!