ทำความเข้าใจลำดับชั้นของเทมเพลต WordPress เพื่อการพัฒนาที่รวดเร็วขึ้น

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

ตัวอย่างบางส่วนของไฟล์ลำดับชั้นของเทมเพลต WordPress คือ:

1. Index.php
2. Sidebar.php
3. Header.php
4. footer.php

พวกเขาอยู่ในโฟลเดอร์ wp-content/themes/theme-name มีไฟล์โครงสร้างเทมเพลต WordPress จำนวนมาก แต่มีเพียงสองไฟล์เท่านั้นที่จำเป็นอย่างยิ่งสำหรับการทำงานของธีม WordPress นั่นคือ index.php และ style.css นอกจากนี้ functions.php (ไม่ถือเป็นไฟล์เทมเพลต) ยังเป็นไฟล์ที่จำเป็นซึ่งมีฟังก์ชันการทำงานของธีม เพื่อเพิ่มรูปลักษณ์ที่กำหนดเองให้กับเว็บไซต์ของเราและความรู้สึก เราสามารถใช้ไฟล์เทมเพลตต่างๆ ที่มีให้เราภายในลำดับชั้นของธีม WordPress

ขั้นแรกเพื่อให้เข้าใจถึงวิธีการแสดงหน้าและวิธีย้ายลำดับชั้นของเทมเพลต WordPress มาพิจารณาตัวอย่างนี้

ผู้เยี่ยมชมเข้าชมหน้ารับรองบนเว็บไซต์ WordPress ของคุณ และคุณได้สร้างเทมเพลตหน้าแบบกำหนดเองที่เรียกว่า page-testimonials.php จากนั้น WordPress จะโหลด page-testimonials.php อย่างไรก็ตาม หากไม่มี page-testimonials.php WordPress จะสำรองและโหลด page.php และหากไม่มี page.php ในไฟล์ธีม WordPress จะโหลด index.php

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

ลำดับชั้นของหน้า WordPress พื้นฐาน

ลำดับชั้นของหน้า WordPres พื้นฐานประกอบด้วย:

1. index.php
2. header.php
3. footer.php
4. sidebar.php

1. Index.php

ดังที่ฉันได้กล่าวไว้ก่อนหน้านี้ index.php เป็นหนึ่งในไฟล์เทมเพลตหนึ่งในลำดับชั้นของหน้า WordPress ซึ่งจำเป็นสำหรับการทำงานของธีม WordPress index.php มักใช้เพื่อแสดงหน้าแรกของธีม WordPress เมื่อใดก็ตามที่ไม่มีไฟล์เทมเพลต เช่น single.php หรือ post.php WordPress จะโหลด index.php

โดยทั่วไป index.php จะมีไฟล์เทมเพลตอื่นๆ เช่น header.php, footer.php และ sidebar.php ซึ่งมีส่วนหัวของเว็บไซต์ พื้นที่ส่วนท้าย และแถบด้านข้างพร้อมพื้นที่วิดเจ็ตตามลำดับ นอกจากนี้ยังมีการวนซ้ำที่แสดงโพสต์หรือหน้าบนเทมเพลต

2. header.php

header.php ประกอบด้วยส่วนหัวของไซต์ WordPress และโดยทั่วไปจะเรียกว่าจุดเริ่มต้นของไฟล์เทมเพลตทั้งหมด โดยปกติจะประกอบด้วยข้อมูลส่วนหัว การวิเคราะห์ การเรียกไฟล์ CSS การนำทางไซต์ ชื่อหน้า และโลโก้ของไซต์ ฯลฯ

3. footer.php

ในทำนองเดียวกัน footer.php ในไฟล์ในลำดับชั้นของหน้า WordPress ใช้เพื่อสร้างส่วนท้ายของธีม WordPress และเรียกในส่วนท้ายของไฟล์เทมเพลตทั้งหมด footer.php โดยทั่วไปประกอบด้วยข้อมูลลิขสิทธิ์ การเรียกไฟล์ JS พื้นที่วิดเจ็ตที่มักมีการนำทางไซต์

4. sidebar.php

ในขณะที่ sidebar.php เป็นชื่อที่ใช้สร้างแถบด้านข้างของไซต์และถูกเรียกในไฟล์เทมเพลตเช่น index.php, page.php, single.php เพื่อเรียกในแถบด้านข้าง โดยทั่วไปประกอบด้วยพื้นที่วิดเจ็ตสำหรับการปรับแต่งที่ง่าย

หน้าแสดงหน้าแรก

1. front-page.php
2. home.php
3. page.php
4. index.php

หน้าแรกของไซต์ WordPress จะแสดงโพสต์บล็อกล่าสุดหรือหน้าคงที่ ขึ้นอยู่กับการตั้งค่าภายใต้การ ตั้งค่าแดชบอร์ด WordPress -> การอ่าน หากตั้งค่าเป็นโพสต์ล่าสุด จะแสดงบล็อกโพสต์ล่าสุดในหน้าแรกและเมื่อตั้งค่าเป็นหน้าคงที่ จากนั้นจะโหลดเทมเพลตจากลำดับชั้นเทมเพลตของ WordPress เช่น page.php หรือ front-page.php

หากมี front-page.php อยู่ WordPress จะใช้ไฟล์เทมเพลตนี้สำหรับทั้งการตั้งค่า " บล็อกโพสต์ล่าสุด " และ " หน้าคงที่ " home.php จะถูกโหลดหากไม่มี front-page.php และ "โพสต์บล็อกล่าสุด" ถูกตั้งค่าในการตั้งค่าการอ่านของ WordPress

หากใน การตั้งค่า -> การอ่าน หน้าสแตติกที่มีหน้าโพสต์ถูกเลือกไว้ WordPress จะค้นหาเทมเพลต page.php เพื่อแสดงหน้าแรก

อย่างไรก็ตาม ถ้าไม่มี front-page.php, page.php และ home.php แล้ว WordPress จะถอยกลับไปที่ index.php เพื่อแสดงหน้าแรก

หน้าโพสต์เดียว

1. single.php
2. singular.php

1. single.php

ใน WordPress โพสต์บล็อกเดียวจะแสดงโดยใช้ไฟล์ single.php ใน WordPress เวอร์ชัน 4.3 ขึ้นไป มีการเพิ่มไฟล์เทมเพลต WordPress ใหม่ singular.php

สำหรับประเภทโพสต์ที่กำหนดเองของ WordPress เราสามารถใช้ single-{post-type}.php ตัวอย่างเช่น ประเภทโพสต์ของเราคือสัตว์ จากนั้น WordPress จะค้นหา single-animals.php และจะมีความสำคัญเหนือ single.php หากไม่มีไฟล์ประเภทโพสต์ จะใช้ single.php เพื่อแสดงหน้าเว็บ

2. singular.php

singular.php ใช้ในกรณีที่ page.php และ single.php มีรหัสเดียวกัน หากไม่มี single.php WordPress จะค้นหา singular.php

หน้าคงที่

หน้าจะแสดงผลตามลำดับต่อไปนี้:

1. เทมเพลตหน้า
2. หน้า-{slug}.php
3. หน้า-{id}.php
4. page.php
5. singular.php
6. index.php

ดังที่กล่าวไว้ข้างต้น หากเราต้องการให้ single.php และ page.php มีลักษณะคล้ายกัน ให้สร้าง singular.php

หน้าเอกสารเก่า

1. Author.php
2. หมวดหมู่.php
3. taxonomy.php
4. date.php
5. tag.php
6. archive.php

หน้าเก็บถาวรใน WordPress คือหน้าที่ใช้ในการดึงบทความจากผู้เขียน หมวดหมู่ อนุกรมวิธาน วันที่ แท็ก และอื่นๆ

เราสามารถมีเทมเพลตไฟล์เดียวคือ archive.php แต่หากต้องการเจาะลึกลงไปในเทมเพลตอื่นๆ เรามี author.php, category.php, taxonomy.php, date.php, tag.php และทั้งหมดนี้อธิบายได้ง่าย

เราสามารถสร้างเทมเพลตที่กำหนดเองเพิ่มเติมได้เช่น

หมวดหมู่-{slug}.php – หากกระสุนของหมวดหมู่เป็นลูกแมวน่ารัก WordPress จะค้นหา หมวดหมู่-cute-kittens.php หากไม่มีอยู่ จะใช้ category.php

หมวดหมู่-{id}.php – ถ้า id = 3 แล้ว WordPress จะมองหา category-3.php เพื่อแสดงหน้าเว็บ มิฉะนั้นจะโหลด category.php

ทฤษฎีที่คล้ายกันของ {slug} และ {id} ใช้กับหน้า "แท็ก"

สำหรับเทมเพลต Author ที่กำหนดเอง เราสามารถใช้ author-{nicename}.php หรือ author-{id}.php หากชื่อผู้เขียนคือ Andy WordPress จะค้นหา author-andy.php หากไม่มีอยู่ WordPress จะถอยกลับไปที่ author.php เพื่อแสดงหน้าเว็บ

ไฟล์เทมเพลต WordPress อื่นๆ

– search.php

ผลการค้นหาใน WordPress ใช้ไฟล์เทมเพลต search.php หากไม่มีอยู่ ผลการค้นหาจะแสดงจาก index.php

– ไฟล์แนบ.php

ไฟล์เทมเพลตนี้ใช้เพื่อแสดงหน้าเอกสารแนบ เช่น รูปภาพและวิดีโอ image.php และ video.php ใช้เพื่อแสดงรูปภาพและวิดีโอตามลำดับ หากไฟล์เหล่านี้ไม่มีอยู่ ก็จะใช้ไฟล์แนบ.php

– 404.php

ไม่พบหน้าใน WordPress แสดงผลจาก 404.php หากไม่มี 404 แสดงว่าหน้านั้นมาจาก index.php

– ความคิดเห็น.php

เป็นเทมเพลตของความคิดเห็น มันถูกเรียกในไฟล์เทมเพลต เช่น single.php หรือ page.php เพื่อเพิ่มส่วนความคิดเห็น

คำพูดสุดท้าย

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