บทนำ: การสร้างหน้า Drupal ด้วยการติดตั้งบล็อก, & เข้าชม.

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


ผู้ใช้ยังสามารถเพิ่มรูปภาพสไลด์โชว์วิดีโอข้อความที่กำหนดเองเมนู ฯลฯ ไปยังภูมิภาคใน แผง การใช้ บล็อก & เข้าชม. ภูมิภาคบล็อกแผงสามารถรวม HTML ที่กำหนดเอง, CSS, & รหัส PHP.

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

ขั้นตอนที่หนึ่ง: ติดตั้ง & เปิดใช้งานโมดูลการติดตั้ง.

ขั้นตอนแรกคือการติดตั้งและเปิดใช้งาน แผง โมดูลในส่วนการบริหาร Drupal.

  • อ้างอิง: ผู้ใช้จะต้องติดตั้ง ชุดเครื่องมือ Chaos วิ่ง แผง.
  • แนะนำ: วางเว็บไซต์ใน โหมดการบำรุงรักษา เพื่อเริ่มการอัพเกรด.
  • จำเป็นต้องใช้: นำทางไปยัง / admin / modules / ติดตั้ง & ป้อนลิงค์เพื่อติดตั้ง เครื่องมือโกลาหล ชุดโมดูล.
  • จำเป็นต้องใช้: นำทางไปยัง / admin / modules / ติดตั้ง & ป้อนลิงค์เพื่อติดตั้ง แผง ชุดโมดูล.
  • จำเป็นต้องใช้: นำทางไปยังผู้ดูแลระบบ / โมดูล & เปิดใช้งาน การค้นพบเค้าโครง องค์ประกอบโมดูลใน Drupal Core พร้อมกับ cTools & แผง โมดูล.

นอกจากข้อผิดพลาดของฐานข้อมูลหรือความไม่ลงรอยกันของธีมที่กำหนดเองตอนนี้ผู้ดูแลระบบจะสามารถเรียกใช้ได้ แผง สำหรับการสร้างเนื้อหา & หน้า Landing แบบไดนามิก.

วิธีสร้างหน้า Landing Page สำหรับ Drupal โดยใช้พาเนล

บันทึก: ผู้ใช้ควรเห็นหน้าจอที่ประสบความสำเร็จในการตรวจสอบการติดตั้งที่ประสบความสำเร็จของโมดูลทั้งสอง.

จากนั้นไปที่ส่วน / admin / modules และเปิดใช้งานทั้ง CTools & แผง ส่วนประกอบโมดูล.

วิธีสร้างหน้า Landing Page สำหรับ Drupal โดยใช้พาเนล

วิธีสร้างหน้า Landing Page สำหรับ Drupal โดยใช้พาเนล

วิธีสร้างหน้า Landing Page สำหรับ Drupal โดยใช้พาเนล

วิธีสร้างหน้า Landing Page สำหรับ Drupal โดยใช้พาเนล

การตั้งค่าโมดูลแผง: ติดตั้ง แผง & แผง IPE ส่วนประกอบโมดูลพร้อมกับ เครื่องมือความโกลาหล (รวมถึง: บล็อก & views) สำหรับ CMS สำหรับการสร้างหน้า Landing Page.

วิธีสร้างหน้า Landing Page สำหรับ Drupal โดยใช้พาเนล

แนะนำ: ตรวจสอบ สิทธิ์ของผู้ใช้ สำหรับ แผง & CTools at / admin / people / role เพื่อตรวจสอบ ผู้ดูแลเว็บไซต์ หรืออื่น ๆ บทบาท มีพลังที่เหมาะสมและบันทึกการตั้งค่าใหม่.

วิธีสร้างหน้า Landing Page สำหรับ Drupal โดยใช้พาเนล

สมบูรณ์: นำเว็บไซต์ออกจาก โหมดการบำรุงรักษา ที่ผู้ดูแลระบบ / กำหนดค่า / พัฒนา / บำรุงรักษาให้พร้อมใช้งานกับการอัพเกรด.

ขั้นตอนที่สอง: สร้างบล็อกการดูสำหรับประเภทเนื้อหาที่กำหนดเอง.

ในการสาธิตนี้หน้า Landing Page จะกรองเนื้อหาแบบไดนามิกจากสามแบบกำหนดเอง ประเภทเนื้อหา ใน Drupal 8: บล็อกโพสต์, ฟอรั่มกระทู้, & บทความ. แต่ละรายการเนื้อหาแบบไดนามิกจะเชื่อมโยงไปยังหน้าโหนดที่มีลำดับเวลาและการโพสต์ล่าสุดไปยังเว็บไซต์ที่ระบุไว้ก่อน.

วิธีสร้างหน้า Landing Page สำหรับ Drupal โดยใช้พาเนล

คำแนะนำ: ผู้เผยแพร่เว็บสามารถเปิดใช้งานและเรียกใช้ ฟอรั่ม โมดูลใน Drupal Core & ใช้ ชนิดของเนื้อหา ด้วยชื่อของ “บทความ” ติดตั้งโดยค่าเริ่มต้นที่ผู้ดูแลระบบ / โครงสร้าง / ประเภท เพิ่มใหม่ ชนิดของเนื้อหา ด้วยชื่อของ “Blog” & ป้อนคำอธิบายที่ / admin / โครงสร้าง / ประเภท / เพิ่ม.

การตั้งค่า: ทำเครื่องหมายที่ช่องสำหรับการกำหนดค่าต่อไปนี้ & บันทึกใหม่ บล็อก ชนิดของเนื้อหา:

  • การตีพิมพ์
  • เลื่อนขึ้นเป็นหน้าแรก
  • สร้างการแก้ไขใหม่
  • แสดงข้อมูลผู้แต่งและวันที่

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

วิธีสร้างหน้า Landing Page สำหรับ Drupal โดยใช้พาเนล

สรุป: หลังจาก มุมมองบล็อก ถูกสร้างขึ้น & บันทึกไว้สำหรับแต่ละ ชนิดของเนื้อหา, เราต้องการสร้างใหม่ แผง หน้าและฝัง มุมมองบล็อก ใน เทมเพลตแผง.

วิธีสร้างหน้า Landing Page สำหรับ Drupal โดยใช้พาเนล

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

วิธีสร้างหน้า Landing Page สำหรับ Drupal โดยใช้พาเนล

การตั้งค่า: สร้าง มุมมองบล็อก สำหรับ บทความ, บล็อก, & ฟอรั่ม โพสต์ด้วย เนื้อหา: ชื่อเรื่อง สาขา & ข้อมูลจาก ผู้เขียน & วันที่โพสต์ ระบุไว้ในจอแสดงผลโดย ล่าสุดมากที่สุด เวลาโพสต์เรียงใน Descending ใบสั่ง. บันทึก มุมมองบล็อก เพื่อให้พร้อมใช้งาน แผง.

รหัส: สำหรับสิ่งนี้ ดู, รูปแบบ ถูกตั้งค่าเป็น “ รายการที่ไม่ฟอร์แมต” กับ ทุ่ง. ภายใต้ ทุ่ง มาตรา, เนื้อหา: ชื่อเรื่องเนื้อหา: เขียนโดย, & การแก้ไขเนื้อหา: เขียนเมื่อ ฟิลด์ถูกเลือกเพื่อแสดง ประพันธ์โดย ฟิลด์ถูกซ่อน & เขียนใหม่ใน ประพันธ์เมื่อ สนาม.

โค้ดตัวอย่างสำหรับฟิลด์ชื่อเรื่องเขียนทับ:

{{title}}

โค้ดตัวอย่างสำหรับฟิลด์ Authored On เขียนทับ:

ประพันธ์โดย: {{uid}} วันที่: {{สร้าง}}

ใส่รหัสนี้ใน องค์ประกอบ การตั้งค่าสำหรับแต่ละฟิลด์ภายใต้ เขียนซ้ำผลลัพธ์. สิ่งนี้ให้ผลลัพธ์ที่เป็นมาตรฐานแก่เรา เข้าชม จอแสดงผลที่สามารถใช้กับ บทความ, บล็อก, & ฟอรั่ม โหนดใน แผง ผ่านหน้า มุมมองบล็อก ส่งออก.

วิธีสร้างหน้า Landing Page สำหรับ Drupal โดยใช้พาเนล

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

ขั้นตอนที่สาม: เลือกเทมเพลตเค้าโครงแผง.

แผง ช่วยให้ผู้เผยแพร่เว็บมีตัวเลือกคอลัมน์และแถวที่แตกต่างกันมากมายด้วยระบบเทมเพลตที่สามารถใช้สร้างหน้า Landing Page แบบไดนามิกใน Drupal 8 ได้นอกเหนือจากการเพิ่ม มุมมองบล็อก สร้างขึ้นด้านบนผู้สร้างไซต์จะพิจารณาเพิ่มรูปภาพสไลด์โชว์วิดีโอข้อความที่กำหนดเองแอนิเมชั่นและอื่น ๆ ลงในหน้าต่างๆ บล็อกติดตั้ง & ภูมิภาค โครงสร้าง.

อ้างอิง: เพื่อที่จะสร้าง แผง หน้าใน Drupal 8, คุณจะต้องติดตั้ง ผู้จัดการหน้า โมดูล.

วิธีสร้างหน้า Landing Page สำหรับ Drupal โดยใช้พาเนล

บันทึก: สร้าง หน้า ใน Pagemanager, จากนั้นแปลงเป็น แผงหน้าปัด. แต่ละ แผงหน้าปัด ภูมิภาคมีความสามารถในการรวมแท็ก CSS ที่กำหนดเองสำหรับการแบ่งและภูมิภาคที่สามารถเพิ่มลงในธีม.

วิธีสร้างหน้า Landing Page สำหรับ Drupal โดยใช้พาเนล

การตั้งค่า: สำหรับวัตถุประสงค์ของการสาธิตนี้ “ สามคอลัมน์ – เรียงซ้อนกัน” เลือกเลย์เอาต์ หลังจากบันทึกการตั้งค่าเหล่านี้ไปที่ เทมเพลตแผง หน้า & เพิ่ม มุมมองบล็อก สำหรับแต่ละประเภทเนื้อหาที่มีชื่อสำหรับแต่ละส่วน.

วิธีสร้างหน้า Landing Page สำหรับ Drupal โดยใช้พาเนล

แนะนำ: ใช้ “ บล็อก,”“ บทความ,” & “ กระทู้โพสต์” สำหรับชื่อเรื่องและฝัง มุมมองบล็อก สำหรับแต่ละประเภทเนื้อหาใน แผง คอลัมน์.

บันทึกการตั้งค่าสำหรับหน้าแผงควบคุม สิ่งนี้จะต้องมีการตั้งค่าที่อยู่ URL ที่กำหนดเอง.

วิธีสร้างหน้า Landing Page สำหรับ Drupal โดยใช้พาเนล

แนะนำ: ทำให้ URL เป็นคำหลักสำหรับหน้า Landing Page หรือใช้การกรองเนื้อหาแบบไดนามิกด้วย เข้าชม เพื่อแสดงเนื้อหา บล็อก ใน แผง โดยอัตโนมัติโดย อนุกรมวิธาน วาระ.

ขั้นตอนที่สี่: เพิ่มการออกแบบแม่แบบกำหนดเองรูปภาพ, & สไลด์โชว์.

ผู้ดูแลไซต์สามารถเรียกใช้โค้ด HTML / PHP หรือฝังแบบกำหนดเองได้ เข้าชม ใน แผง บล็อกเพื่อแสดงภาพ & สไลด์โชว์ มีโมดูลเนื้อหาแบบไดนามิกหลากหลายที่ให้บริการฟรีภายใต้สิทธิ์ใช้งานโอเพ่นซอร์สสำหรับ Drupal ที่จะสร้างเนื้อหานี้โดยอัตโนมัติผ่านทางที่กำหนดเอง เข้าชม เช่น ชมภาพสไลด์ & แสดงบล็อกแบบไดนามิก.

การติดตั้ง: เพื่อให้การ หน้า Landing, เราจะนำทางไป Drupal 8‘s บล็อก ส่วนที่ / admin / โครงสร้าง / บล็อก / บล็อกเนื้อหา & สร้าง หัวข้อ & บล็อกส่วนท้าย พร้อมข้อความต้อนรับและรูปภาพที่กำหนดเอง ผู้ใช้ยังสามารถฝัง วิดีโอ YouTube ไฟล์ในส่วนเหล่านี้.

วิธีสร้างหน้า Landing Page สำหรับ Drupal โดยใช้พาเนล

สรุป: ผู้เผยแพร่ Drupal สามารถสร้างได้ ทุ่ง และตaxonomy สำหรับ ประเภทเนื้อหา และรายการกรองผ่าน เข้าชม. บล็อกเหล่านี้สามารถฝังใน ภูมิภาคแผง ใน แม่แบบ ที่ทำงานตามค่าเริ่มต้นกับส่วนใหญ่ใด ๆ Drupal 8 กระทู้.

ขั้นตอนที่ห้า: เรียกดูไลบรารีบล็อกพาเนลเพื่อทำการออกแบบเพจให้สมบูรณ์.

บุคคลที่สามที่ติดตั้งจำนวนมาก โมดูล สำหรับ Drupal สร้างโดยอัตโนมัติ บล็อก, เมนู, & เนื้อหาแบบไดนามิก รายการที่สามารถฝังใน ภูมิภาคแผง. ผู้เผยแพร่เว็บที่ใช้ Drupal เพื่อสร้างหน้า Landing Page สามารถใช้ประโยชน์จากทรัพยากรเหล่านี้ได้โดยการเรียกดูผ่าน บล็อกห้องสมุด ใน แผง และเพิ่มองค์ประกอบที่จำเป็นอื่น ๆ ลงใน พื้นที่เทมเพลต.

วิธีสร้างหน้า Landing Page สำหรับ Drupal โดยใช้พาเนล

แนะนำ: ผู้เผยแพร่เว็บจำนวนมากใช้ Drupal 8 สำหรับเครือข่ายสังคม & ชุมชนฝังผู้ใช้ที่ทำงานอยู่, ผู้เผยแพร่ที่ใช้บ่อย, & รายชื่อผู้แต่งที่มีลิงก์ไปยัง ข้อมูลส่วนตัว หน้า.

สรุป: ใช้มุมมองบล็อกในแผงเพื่อกรองเนื้อหาแบบไดนามิก.

หนึ่งในข้อได้เปรียบหลักของ CMS Drupal คือความสามารถในการขยายของแพลตฟอร์มผ่านโมดูลของบุคคลที่สาม ผู้เผยแพร่เว็บสามารถรวมองค์ประกอบเนื้อหาแบบไดนามิกจากโมดูลเหล่านี้เข้ากับการออกแบบหน้า Landing Page โดยใช้ แผง & เข้าชม ด้วยขอบเขตเพจที่กำหนดเองด้วย CSS ใช้ HTML & รหัส PHP เพื่อสร้างการออกแบบขั้นสูงเพิ่มเติมสำหรับการแสดงเนื้อหา.

วิธีสร้างหน้า Landing Page สำหรับ Drupal โดยใช้พาเนล

ข้อสรุป

การออกแบบหน้าที่เชื่อมโยงไปถึงขั้นสุดท้ายมีรายการเนื้อหาแบบไดนามิกสำหรับ บทความ, บล็อกโพสต์, & หัวข้อสนทนา, ด้วยจุดยึดกราฟิกและข้อความเกริ่นนำ ธีม Bartik ใช้กับลิงค์เมนูไปยัง ฟอรั่ม. การทำตามขั้นตอนเหล่านี้เป็นวิธีที่มีประสิทธิภาพในการเริ่มต้นสร้างหน้า Landing Page ขั้นสูง Drupal 8 กับ แผง, เข้าชม, & บล็อก รอบ ๆ ระบบแม่แบบด้วย ธีมที่ตอบสนอง.

ลองดูบริการโฮสติ้ง 3 อันดับแรกของ Drupal:

ChemiCloud

ราคาเริ่มต้น:
$ 2.76


ความเชื่อถือได้
10


การตั้งราคา
9.9


เป็นมิตรกับผู้ใช้
9.9


สนับสนุน
10


คุณสมบัติ
9.9

อ่านความคิดเห็น

เยี่ยมชม ChemiCloud

Hostinger

ราคาเริ่มต้น:
$ 0.99


ความเชื่อถือได้
9.3


การตั้งราคา
9.3


เป็นมิตรกับผู้ใช้
9.4


สนับสนุน
9.4


คุณสมบัติ
9.2

อ่านความคิดเห็น

เยี่ยมชม Hostinger

A2 Hosting

ราคาเริ่มต้น:
$ 3.92


ความเชื่อถือได้
9.3


การตั้งราคา
9.0


เป็นมิตรกับผู้ใช้
9.3


สนับสนุน
9.3


คุณสมบัติ
9.3

อ่านความคิดเห็น

เยี่ยมชม A2 Hosting

บทความเชิงปฏิบัติที่เกี่ยวข้อง

  • วิธีสร้างหน้า Landing Page สำหรับ Drupal 8 โดยใช้ Display Suite
    มือใหม่
  • วิธีสร้างหน้า Landing Page สำหรับ Drupal 8 โดยใช้ขอบเขตของธีม
    มือใหม่
  • วิธีตั้งค่าฟอรัมผู้ใช้ใน Drupal 8?
    มือใหม่
  • วิธีสร้างสไลด์โชว์แบบเคลื่อนไหวใน Drupal 8
    สื่อกลาง
  • วิธีสร้างแกลเลอรี่รูปภาพโดยใช้มุมมองใน Drupal 8?
    สื่อกลาง
Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me