วิธีสร้างมุมมองใน Drupal 8: 12 ขั้นตอน (พร้อมรูปภาพ)

สารบัญ:

วิธีสร้างมุมมองใน Drupal 8: 12 ขั้นตอน (พร้อมรูปภาพ)
วิธีสร้างมุมมองใน Drupal 8: 12 ขั้นตอน (พร้อมรูปภาพ)

วีดีโอ: วิธีสร้างมุมมองใน Drupal 8: 12 ขั้นตอน (พร้อมรูปภาพ)

วีดีโอ: วิธีสร้างมุมมองใน Drupal 8: 12 ขั้นตอน (พร้อมรูปภาพ)
วีดีโอ: ทวิตเตอร์ถูกระงับ กับ วิธีแก้ หาก Twitter เข้าไม่ได้ | พูดจาประสาอาร์ต 2024, อาจ
Anonim

Drupal เป็นหนึ่งใน 3 ระบบจัดการเนื้อหา (CMS) ชั้นนำของโลก พร้อมด้วย WordPress และ Joomla ปัจจุบัน Drupal 8 เป็นเวอร์ชันล่าสุดของ Drupal

Views เป็นโมดูลที่ทรงพลังที่สุดของ Drupal เพราะช่วยให้เราสามารถแสดง 'เนื้อหา' ของเว็บไซต์ในรูปแบบใดก็ได้ เนื้อหาที่ Views อนุญาตให้เราแสดงนั้นเป็นเอนทิตี เช่น:

  • โหนด (เนื้อหา เช่น หน้าพื้นฐาน บทความ หรือโพสต์ในบล็อก)
  • ความคิดเห็น
  • ข้อกำหนดอนุกรมวิธาน (เช่น 'ป้ายกำกับ' หรือ 'แท็ก' ที่สามารถกำหนดให้กับเนื้อหาได้)
  • โปรไฟล์ผู้ใช้ (ผู้ที่สามารถเข้าสู่ระบบเว็บไซต์)

ดังนั้น เพื่อให้เข้าใจบทความนี้ คุณควรทำความเข้าใจว่าเอนทิตีใดอยู่ใน Drupal และองค์ประกอบประกอบด้วยฟิลด์อย่างไร

โปรดทราบ:

บทความนี้ไม่ควรถือว่าถูกต้องหรือสมบูรณ์จนกว่า Drupal 8 จะออกวางจำหน่าย และบทความนี้ได้รับการอัปเดตตามความเหมาะสม

ขั้นตอน

สร้างมุมมองใน Drupal 8 ขั้นตอน 1
สร้างมุมมองใน Drupal 8 ขั้นตอน 1

ขั้นตอนที่ 1 รับรู้มุมมองในหน้าเว็บ

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

  • หากต้องการค้นหาโดยใช้โค้ด (เช่น โดยการเลือก 'ดูแหล่งที่มา' ของหน้าเว็บ) คุณสามารถค้นหา '
  • ' แท็กที่มีคลาส 'block-views'

ส่วนที่ 1 จาก 3: การสร้างมุมมอง

สร้างมุมมองใน Drupal 8 ขั้นตอนที่ 2
สร้างมุมมองใน Drupal 8 ขั้นตอนที่ 2

ขั้นตอนที่ 1. ไปที่หน้ามุมมอง

เข้าสู่ไซต์ Drupal ของคุณแล้วเลือก 'จัดการ' > 'โครงสร้าง' > 'มุมมอง'

สร้างมุมมองใน Drupal 8 ขั้นตอน 3
สร้างมุมมองใน Drupal 8 ขั้นตอน 3

ขั้นตอนที่ 2 เพิ่มมุมมองใหม่และเลือกการตั้งค่าเริ่มต้น

  • คลิกปุ่ม 'เพิ่มมุมมองใหม่
  • กรอกชื่อวิว; ใช้สำหรับการบริหารเท่านั้น (คุณจะเห็นสิ่งนี้ในหน้าการดูแลระบบ แต่ไม่เห็นบนเว็บไซต์จริง)
  • เพิ่มคำอธิบายหากชื่อของมุมมองไม่ได้บอกเป็นนัยชัดเจนว่ามีไว้เพื่ออะไรหรือมีโครงสร้างอย่างไร
  • ภายใต้ "การตั้งค่าการดู" คุณสามารถเลือกประเภทของเอนทิตี (และประเภทของเนื้อหาหากคุณเลือกเอนทิตีเนื้อหา) ที่คุณต้องการให้มุมมองแสดง ไม่สามารถเปลี่ยนแปลงได้เมื่อคุณบันทึกมุมมอง เอนทิตีที่แสดงจะเรียกว่าผลลัพธ์ เช่นเดียวกับผลการค้นหา

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

สร้างมุมมองใน Drupal 8 ขั้นตอน 4
สร้างมุมมองใน Drupal 8 ขั้นตอน 4

ขั้นตอนที่ 3 เลือกโหมดการแสดงผล:

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

สร้างมุมมองใน Drupal 8 ขั้นตอนที่ 5
สร้างมุมมองใน Drupal 8 ขั้นตอนที่ 5

ขั้นตอนที่ 4 เลือกชื่อและเลย์เอาต์

หากคุณต้องการให้ชื่อเพจหรือชื่อบล็อกแตกต่างจากชื่อวิว คุณสามารถเปลี่ยนได้ ใต้ 'การตั้งค่าการแสดงเพจ/บล็อก' เลือกเลย์เอาต์ที่คุณต้องการให้ผลลัพธ์มี:

  • ตารางคือตารางขนาดใหญ่ ซึ่งแต่ละผลลัพธ์มีเซลล์ของตัวเอง
  • รายการ HTML เป็นรายการสัญลักษณ์แสดงหัวข้อย่อย 'ไม่เรียงลำดับ'
  • ตารางจะแสดงผลลัพธ์แต่ละรายการเป็นแถว และแต่ละฟิลด์ของแต่ละผลลัพธ์จะอยู่ในเซลล์ของตัวเอง
  • รายการที่ไม่ได้จัดรูปแบบเป็นเลย์เอาต์ที่ง่ายที่สุด โดยแต่ละผลลัพธ์จะอยู่ใต้ผลลัพธ์ก่อนหน้า
สร้างมุมมองใน Drupal 8 ขั้นตอน 6
สร้างมุมมองใน Drupal 8 ขั้นตอน 6

ขั้นตอนที่ 5. เลือกรูปแบบการแสดงผลและการตั้งค่าอื่นๆ

ช่องเลือก "ของ" ให้คุณเลือกรูปแบบการแสดงผล (เช่น โพสต์หรือทีเซอร์แบบเต็ม) ที่คุณต้องการใช้ หรือฟิลด์เฉพาะ รูปแบบการแสดงผลสามารถกำหนดค่าได้ในการตั้งค่าเอนทิตี (เช่น ในหน้า 'โครงสร้าง' > 'ประเภทเนื้อหา' สำหรับเนื้อหา) เลือกตัวเลือกฟิลด์ หากคุณต้องการเลือกว่าฟิลด์ใดที่คุณต้องการแสดง (เช่น 'ชื่อ', 'วันที่สร้าง' และอื่นๆ อีกมากมาย) และการตั้งค่าของแต่ละฟิลด์

ส่วนที่ 2 จาก 3: การแก้ไขการตั้งค่า

สร้างการดูใน Drupal 8 ขั้นตอน 7
สร้างการดูใน Drupal 8 ขั้นตอน 7

ขั้นตอนที่ 1. ทำความคุ้นเคยกับหน้าจอแก้ไขมุมมอง

เมื่อคุณบันทึกมุมมองแล้ว หรือเมื่อคุณแก้ไขมุมมองที่มีอยู่ คุณจะเห็นหน้าจอที่มีชื่อของมุมมอง (และประเภทของเอนทิตีที่แสดง) ที่ด้านบน ครึ่งบนของหน้าจอนี้มีชื่อว่า "การแสดงผล" เป็นที่ที่คุณสามารถเปลี่ยนเกือบทุกอย่างเกี่ยวกับมุมมองได้ ครึ่งล่างคือที่ที่จะแสดงตัวอย่างผลลัพธ์ และจะได้รับการอัปเดตเมื่อคุณเปลี่ยนการตั้งค่ามุมมอง

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

สร้างมุมมองใน Drupal 8 ขั้นตอน 8
สร้างมุมมองใน Drupal 8 ขั้นตอน 8

ขั้นตอนที่ 2 ตรวจสอบการตั้งค่าพื้นฐาน

ใต้ชื่อ "การแสดงผล" คุณจะเห็นปุ่มสำหรับการแสดงผลแต่ละประเภทที่มุมมองของคุณมี (บล็อกและหน้า) หากคุณคลิกปุ่ม "เพิ่ม" คุณจะเห็นจอแสดงผลประเภทใหม่หลายประเภท ด้านล่างนี้ คุณจะเห็นชื่อประเภทการแสดงผลที่เลือก คุณควรเปลี่ยนชื่อจอแสดงผลถ้าคุณมีประเภทเดียวกันมากกว่าหนึ่งบล็อก (เช่น คุณมีสองช่วงตึก บล็อกหนึ่งมีเค้าโครงตาราง อีกชุดมีเค้าโครงตาราง) ด้านล่างนี้ มี 3 คอลัมน์ (แม้ว่าคอลัมน์ที่สาม 'ขั้นสูง' จะถูกย่อให้เล็กสุดในตอนแรก) คอลัมน์แรกจะแสดงการตั้งค่าที่คุณเลือกเมื่อคุณสร้างมุมมองและบันทึก ที่ด้านล่างสุดคือ FILTER และ SORT CRITERIA ตัวกรองช่วยให้คุณจำกัดเอนทิตีที่จะแสดงในผลลัพธ์ ตัวอย่างเช่น ตามค่าเริ่มต้นสำหรับมุมมอง "เนื้อหา" จะมีตัวกรองที่อนุญาตให้แสดงเฉพาะเนื้อหาที่เผยแพร่เท่านั้น เกณฑ์การจัดเรียงมีความชัดเจนในตัวเอง ทั้งตัวกรองและการจัดเรียงสามารถ "เปิดเผยต่อผู้เข้าชม" ได้ ซึ่งหมายความว่าทุกคนที่ดูหน้าเว็บจะสามารถปรับตัวกรองหรือเกณฑ์การจัดเรียงได้ ซึ่งมีค่ามากสำหรับการดูขนาดใหญ่ที่มีเนื้อหาจำนวนมาก คุณจะเห็น 'เกณฑ์การเปิดเผย' เหล่านี้อยู่เหนือผลลัพธ์ (ในพื้นที่แสดงตัวอย่างผลลัพธ์ที่ด้านล่างของหน้า)

สร้างมุมมองใน Drupal 8 ขั้นตอน 9
สร้างมุมมองใน Drupal 8 ขั้นตอน 9

ขั้นตอนที่ 3 กำหนดการตั้งค่าเฉพาะประเภทการแสดงผล

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

สร้างมุมมองใน Drupal 8 ขั้นตอน 10
สร้างมุมมองใน Drupal 8 ขั้นตอน 10

ขั้นตอนที่ 4 เพิ่มส่วนหัวหรือส่วนท้ายเพื่อให้ข้อมูลเพิ่มเติม

ด้านล่างการตั้งค่าเฉพาะประเภทการแสดงผล คุณสามารถเพิ่มส่วนหัวและส่วนท้าย (หรือมากกว่าหนึ่งรายการ) ให้กับมุมมองได้ ตัวเลือกที่ใช้กันทั่วไป ได้แก่ Global: Text area และ Global: Result Summary สรุปผลลัพธ์จะแสดงข้อมูลเกี่ยวกับผลลัพธ์ของมุมมอง เช่น จำนวนผลลัพธ์ที่แสดงอยู่ในปัจจุบัน ตัวเลือกอื่นๆ คือการเพิ่มมุมมองอื่นทั้งหมด หรือทั้งเอนทิตี (เช่น หน้า) ลงในส่วนหัวหรือส่วนท้าย

สร้างมุมมองใน Drupal 8 ขั้นตอนที่ 11
สร้างมุมมองใน Drupal 8 ขั้นตอนที่ 11

ขั้นตอนที่ 5 จัดเตรียมพฤติกรรมที่ไม่มีผลลัพธ์เพื่อสร้างความมั่นใจให้กับผู้ดู

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

ส่วนที่ 3 จาก 3: การเพิ่มความสัมพันธ์และตัวกรองตามบริบท

ขั้นตอนที่ 1 เพิ่มความสัมพันธ์เพื่อแสดงหรือใช้ข้อมูลที่เกี่ยวข้องเพิ่มเติม

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

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

ในการดำเนินการนี้ ให้คลิกปุ่ม 'เพิ่ม' ถัดจาก 'ความสัมพันธ์' และเลือก 'เนื้อหา: ผู้เขียนเนื้อหา' จากรายการความสัมพันธ์ที่มีอยู่ (คำใบ้: คุณสามารถใช้ช่องค้นหาได้หากคุณทราบว่าต้องการเพิ่มความสัมพันธ์ใด) และคลิกปุ่มใช้ ถัดไป คุณสามารถตรวจสอบตัวเลือก จากนั้น 'ใช้' ความสัมพันธ์

หากต้องการใช้ความสัมพันธ์นี้ในตัวกรองทั่วไป ให้คลิกปุ่ม "เพิ่ม" ของตัวกรอง ในกล่องโต้ตอบ 'เพิ่มเกณฑ์ตัวกรอง' ในกล่องการเลือก 'ประเภท' จะมีตัวเลือก 'ผู้ใช้' ใหม่ (วางไว้ที่นั่นเนื่องจากความสัมพันธ์) ซึ่งคุณควรเลือกเพื่อจำกัดรายการฟิลด์ให้แคบลง ค้นหาและใช้ฟิลด์ 'ผู้ใช้: บทบาท' ในกล่องโต้ตอบ 'กำหนดค่าเกณฑ์ตัวกรอง: ผู้ใช้: บทบาท' ให้เลือก 'ผู้เขียน' จากกล่องความสัมพันธ์ (ควรเลือกโดยค่าเริ่มต้น) ตอนนี้คุณสามารถเลือก 'ผู้ดูแลระบบ' และใช้ตัวกรองได้

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

แนะนำ: