Grav - Modular Pages

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

เพจแบบโมดูลาร์ถูกตั้งค่าเป็นไม่สามารถกำหนดเส้นทางได้เนื่องจากไม่สามารถเข้าถึงได้โดยตรงผ่าน URL ซึ่งระบุโดย _ (ขีดล่าง) ก่อนชื่อโฟลเดอร์ เป็นคอลเลกชันของเพจที่แสดงขึ้นเหนือแต่ละเพจเพื่อให้ได้เพจเดียว ตัวอย่างเช่นuser / pages / home / _header .

โครงสร้างโฟลเดอร์

ในกรณีของโครงกระดูกหน้าเดียวคุณจะพบหน้านี้ในโฟลเดอร์01.home ในสิ่งนี้คุณจะได้โมดูลาร์เดียว.mdไฟล์ที่บอกว่าจะต้องรวมเพจใดและลำดับของเพจที่จะแสดง modular.html.twig สามารถพบได้ในโฟลเดอร์ธีมปัจจุบันของคุณ

ในภาพด้านล่างคุณจะเห็นโครงสร้างโฟลเดอร์ที่สร้างขึ้นสำหรับเพจแบบโมดูลาร์

ทุกโฟลเดอร์ย่อยต้องมีไฟล์. mdที่อธิบายไฟล์ markdown

ประการแรกคุณต้องสร้างโฟลเดอร์ย่อยใน /users/pages/01.homeโฟลเดอร์ ถัดไปแต่ละโฟลเดอร์ต้องมี.mdไฟล์และmodular.mdไฟล์

เมื่อคุณสร้างโฟลเดอร์ย่อยรูปภาพและไฟล์ทั้งสองจะต้องอยู่ในโฟลเดอร์เดียวกัน

วิธีสร้าง Modular Page

ในการสร้างเพจแบบโมดูลาร์คุณต้องทำตามขั้นตอนที่กำหนด

Step 1 - สร้างสองสามหน้าใน /user/pages/01.home/. โฟลเดอร์ ในภาพด้านล่างคุณจะเห็นว่าเราได้สร้างสองโฟลเดอร์พร้อมกับไฟล์ modular.md

Step 2 - ในการสร้างเพจแบบแยกส่วนคุณต้องสร้างไฟล์ในแต่ละโฟลเดอร์และตั้งชื่อเป็นไฟล์ text.md.

Step 3- จากนั้นเพิ่มรหัสของคุณในไฟล์text.mdบันทึกและเรียกใช้แบบเดียวกัน

Example

บันทึกทั้งสี่หน้าเป็นไฟล์. md ที่นี่เราได้สร้าง 4 เพจและตั้งชื่อว่า text.md, text1.md, text2.md และ text3.md

---
title: Bio-diversity
---

## Bio-diversity

Biodiversity refers to the variety of life. It is seen in the number of species in an 
[ecosystem](https://simple.wikipedia.org/wiki/Ecosystem) or on the entire [Earth]
(https://simple.wikipedia.org/wiki/Earth). Biodiversity gets used as a measure of the
health of biological systems, and to see if there is a danger that too many species
become[extinct](https://simple.wikipedia.org/wiki/Extinct).

ตอนนี้สร้าง 4 เพจเพิ่มลงในไฟล์ \templates\modular ตามที่แสดงด้านล่าง

จากนั้นไปที่โฮมเพจและรีเฟรชคุณจะเห็นการเปลี่ยนแปลง

ในแถบนำทางใหม่คุณสามารถเห็นลิงก์ไฟล์ทั้งสี่