วิธีสร้างเพจใน WordPress เทมเพลตหน้า WordPress แบบสแตนด์อโลน

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

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

หน้าคล้ายกับบันทึก - อยู่ในตารางฐานข้อมูลเดียวกันและข้อมูลเกือบจะเหมือนกัน: ชื่อเรื่อง, ข้อความ, ฟิลด์เพิ่มเติมฯลฯ ทั้งคู่เป็นบันทึก แต่ ประเภทต่างๆ: เพจมีลักษณะเหมือนต้นไม้และจัดระเบียบโดยการสร้างเพจหลักและเพจย่อย และโพสต์ต่างๆ จะถูกจัดระเบียบตามหมวดหมู่และแท็ก ใน WordPress คุณสามารถสร้างประเภทโพสต์เพิ่มเติมได้ ไม่ว่าจะเป็นแบบต้นไม้หรือไม่ก็ตาม

การสร้างเพจใน WordPress

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

วิธีที่ 1: เทมเพลตหน้าโดยใช้ไฟล์ที่มีชื่อที่กำหนดเองและเชื่อมต่อในแผงผู้ดูแลระบบ (วิธีคลาสสิก)

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

ตอนนี้เมื่อสร้างเพจในแผงผู้ดูแลระบบในบล็อก "คุณสมบัติของเพจ" เราสามารถเลือก "เทมเพลต":

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

/* ชื่อเทมเพลต: เทมเพลตเพจของฉัน ประเภทเทมเพลตโพสต์: โพสต์, เพจ, สินค้า */

ข้อดี:

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

  • สามารถดึงข้อมูลได้เฉพาะบันทึกที่มีเทมเพลตที่ระบุเท่านั้น ตัวอย่างเช่น คุณสามารถแสดงทุกหน้าด้วยเทมเพลต “บริการ” (ไฟล์ services.php) บางครั้งก็สะดวก ชื่อของไฟล์เทมเพลตจะถูกจัดเก็บไว้ในเมตาฟิลด์ _wp_page_template ดังนั้นหากต้องการแสดงเพจด้วยเทมเพลตที่ระบุ คุณจะต้องสร้างแบบสอบถามโดยใช้เมตาฟิลด์ (ดู WP_Query)

ข้อบกพร่อง:

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

มันทำงานอย่างไร:

เมื่อคุณไปที่แผงผู้ดูแลระบบเพื่อแก้ไขหน้าโพสต์แบบต้นไม้ WordPress จะสแกนไฟล์เทมเพลตทั้งหมดสำหรับบรรทัด:

ชื่อเทมเพลต: ***

บรรทัดสามารถอยู่ที่ใดก็ได้และด้วยวิธีใดก็ได้ในไฟล์

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

เมื่อเผยแพร่เพจ ชื่อของไฟล์เทมเพลตหรือค่าเริ่มต้นหากไม่ได้ระบุเทมเพลตจะถูกเขียนลงในฟิลด์ที่กำหนดเอง _wp_page_template:

Wp_page_template = ค่าเริ่มต้น
_wp_page_template = tpl_my-page.php

ถัดไป เมื่อผู้ใช้เยี่ยมชมเพจ WordPress จะตรวจสอบฟิลด์เมตา _wp_page_template หากติดตั้งเทมเพลต ไฟล์เทมเพลตจะถูกใช้ มิฉะนั้น การค้นหาเทมเพลตเพจจะดำเนินต่อไปตามลำดับชั้น

วิธีที่ 2: เทมเพลตหน้าผ่านไฟล์ที่มีชื่อเฉพาะ (ลำดับชั้นของไฟล์เทมเพลต)

เมื่อเพจถูกสร้างขึ้น ป้ายกำกับ (ตัวบุ้ง ชื่ออื่น- ใช้ใน URL ของหน้า และสามารถเปลี่ยนแปลงได้:


หากต้องการสร้างเทมเพลตด้วยวิธีนี้ คุณจะต้องค้นหาเพจทากและสร้างไฟล์ในโฟลเดอร์ธีม สมมติว่ากระสุนของเราเท่ากับในภาพ ผู้ติดต่อ จากนั้นเราจะสร้างไฟล์ page-contacts.php ในธีม และกรอกมัน รหัสที่ต้องการ(คุณสามารถคัดลอกเนื้อหาจากไฟล์เทมเพลต page.php และแก้ไขให้เหมาะกับความต้องการของคุณ) เพียงเท่านี้เมื่อเราเยี่ยมชมหน้าเว็บเราควรเห็น เทมเพลตใหม่- ในทำนองเดียวกัน คุณสามารถใช้ ID (ให้เป็น 12) ของเพจและสร้างไฟล์ page-12.php

ข้อดี:

ไม่จำเป็นต้องไปที่แผงผู้ดูแลระบบและติดตั้งไฟล์เทมเพลต เทมเพลตเริ่มทำงานทันทีหลังจากสร้างไฟล์ สะดวกต่อการพัฒนา

ข้อบกพร่อง:

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

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

มันทำงานอย่างไร:

WordPeress เลือกไฟล์ที่จะใช้ตามลำดับต่อไปนี้ (ไฟล์จะต้องอยู่ในรูทของธีม):

  • (any_name).php (เมื่อใช้เทมเพลตเพจ)
  • หน้า-(post_label).php
  • หน้า-(post_ID).php
  • หน้า.php
  • เอกพจน์.php
  • ดัชนี.php

วิธีที่ 3: เทมเพลตหน้าผ่านตัวกรอง "template_include" (การเข้ารหัส)

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

// ตัวกรองส่งผ่านตัวแปร $template - เส้นทางไปยังไฟล์เทมเพลต // โดยการเปลี่ยนเส้นทางนี้ เราจะเปลี่ยนไฟล์เทมเพลต add_filter("template_include", "my_template"); function my_template($template) ( # คล้ายกับวิธีที่สอง // หากเป็นเพจที่มี portfolio slug ให้ใช้ไฟล์เทมเพลต page-portfolio.php // ใช้แท็กเงื่อนไข is_page() if(is_page("portfolio" ))( if ($new_template = ค้นหา_template(array("page-portfolio.php"))) return $new_template ; ) # template for category group // ตัวอย่างนี้จะใช้ไฟล์จากโฟลเดอร์ธีม tpl_special-cats.php, // เป็นเทมเพลตสำหรับหมวดหมู่ที่มี ID 9 ชื่อ "Uncategorized" และ slug "php" if(is_category(array(9, "Uncategorized", "php")))( return get_stylesheet_directory() . "/tpl_special-cats. php"; ) # เทมเพลตสำหรับการป้อนด้วย ID // ไฟล์เทมเพลตอยู่ในโฟลเดอร์ปลั๊กอิน /my-plugin/site-template.php global $post; if($post->ID == 12)( return wp_normalize_path( WP_PLUGIN_DIR) . "/my-plugin/site- template.php"; ) # เทมเพลตสำหรับเพจ ประเภทใดก็ได้"book" // ถือว่าไฟล์เทมเพลต book-tpl.php อยู่ในโฟลเดอร์ธีม global $post;

if($post->post_type == "book")( return get_stylesheet_directory() . "/book-tpl.php"; ) ส่งคืน $template; -

ข้อดี:

    คุณสามารถตั้งค่าเทมเพลตสำหรับเพจหรือกลุ่มเพจใดก็ได้ ดำเนินการ Carte Blanche เกือบเสร็จสมบูรณ์แล้ว

  • คุณสามารถสร้างเทมเพลตเมื่อเขียนปลั๊กอินได้

ข้อบกพร่อง:

จำเป็นต้องเขียนโค้ดและเชื่อมต่อแยกกัน (เช่น ในฟังก์ชั่นของธีม.php)

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

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

คุณยังสามารถยกตัวอย่าง เช่น หน้าลิขสิทธิ์ ข้อตกลงใบอนุญาต, กฎการใช้งาน, ข้อมูลเกี่ยวกับเว็บไซต์ อนึ่ง, กฎที่ดีคือการมีอยู่ของเพจที่มีข้อมูลเกี่ยวกับไซต์หรือบริษัท และ/หรือเพจที่มีข้อมูลการติดต่อ นี่คือเคล็ดลับข้อหนึ่งจาก Lorelle (เป็นภาษาอังกฤษ)

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

สั้น ๆ เกี่ยวกับหน้า

เพจคืออะไรและทำอะไรได้บ้าง:

  • หน้าเป็นที่เก็บเนื้อหาที่ไม่ขึ้นอยู่กับเวลา
  • หน้าเว็บสามารถใช้เทมเพลตต่างๆ ซึ่งอาจรวมถึง แท็กเทมเพลต () และโค้ด PHP

หน้าใดที่ไม่ใช่และไม่สามารถทำได้:

  • เพจไม่ใช่กระทู้ พวกเขาไม่หมุนเวียนผ่าน หน้าแรก. บันทึก:คุณสามารถรวมโพสต์ในหน้าต่างๆ ได้โดยใช้ปลั๊กอิน Inline Posts
  • หน้าไม่ใช่รายการเมนู แม้ว่ารายการหน้าจะแสดงที่ตำแหน่งการนำทางก็ตาม เพื่อสร้างความสมบูรณ์ เมนูนำทางมีกลไกแยกต่างหาก
  • เพจไม่สามารถเชื่อมโยงกับหมวดหมู่หรือแท็กได้ โครงสร้างองค์กรขึ้นอยู่กับลำดับชั้นเท่านั้น
  • หน้าไม่ใช่ไฟล์ พวกเขาจะถูกเก็บไว้ในฐานข้อมูลเช่นเดียวกับบันทึก
  • แม้ว่าคุณสามารถเพิ่มโค้ด PHP ลงในเทมเพลตเพจได้ แต่คุณไม่สามารถเพิ่มโค้ดลงในเพจได้และยังคงใช้งานได้ บันทึก:ซึ่งสามารถทำได้โดยใช้โมดูล PHP เช่น Exec-PHP หรือ RunPHP

การสร้างเพจ

หากต้องการสร้างเพจ ให้เข้าสู่ระบบ Wordpress ด้วยสิทธิ์ที่เพียงพอในการสร้างบทความ เลือก > > เพื่อเริ่มหน้าใหม่

การเปลี่ยน URL หรือ Slug ของหน้า

ตั้งแต่เวอร์ชัน 2.5 การเปลี่ยน URL ของหน้ากลายเป็นเรื่องง่ายน้อยลง หากคุณเปิดใช้งาน Permalinks และคุณได้เลือกการตั้งค่าแล้ว วันและชื่อ(คลิก การตั้งค่าและในรายการที่เปิดขึ้นมา ลิงก์ถาวร) จากนั้นลิงก์ถาวรจะปรากฏใต้ชื่อโพสต์โดยอัตโนมัติเมื่อคุณเริ่มพิมพ์ในเนื้อหาของโพสต์ (ไม่ใช่แค่ในชื่อเรื่อง)

แม้ว่าคุณสามารถเลือกได้หลายอย่าง การตั้งค่าที่แตกต่างกันลิงก์ถาวรหรือไม่ใช้เลยเพื่อแก้ไข URL ของหน้าคุณควรดำเนินการดังต่อไปนี้:

  1. สร้างเพจโดยใช้ เขียน > หน้า.
  2. เผยแพร่ได้โดยคลิก เผยแพร่.
  3. ไปที่ จัดการ > หน้า.
  4. คลิก แก้ไขถัดจากหน้า
  5. ดูลิงก์ถาวรใต้ชื่อแล้วคลิก แก้ไขเพื่อเปลี่ยนมัน

ดังนั้น หากคุณไม่ได้เปิดใช้งานลิงก์ถาวร คุณต้องเผยแพร่เพจของคุณก่อนที่จะตั้งค่า URL

การแสดงหน้าต่างๆ บนเว็บไซต์

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

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

ลิขสิทธิ์ 1996-2006

ระบบ WordPress ช่วยให้คุณสร้างเทมเพลตเพจของคุณเองได้อย่างง่ายดายโดยการปรับเปลี่ยนเทมเพลตมาตรฐานเล็กน้อย

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

วิธีสร้างเทมเพลตหน้า WordPress เดียว

กระบวนการทั้งหมดในการสร้างเทมเพลตพิเศษสำหรับหน้าเว็บไซต์พิเศษประกอบด้วยสองขั้นตอน:

1. สร้างไฟล์ php สำหรับเทมเพลตแบบร่างตามมาตรฐาน

2. การตั้งค่าเทมเพลตสำหรับหน้าไซต์ประเภทพิเศษบน WordPress (คุณสามารถทำได้บนคอมพิวเตอร์ของคุณหรือโดยตรงในแผงผู้ดูแลระบบของไซต์)

3. เมื่อสร้างแล้ว หน้าใหม่หรือแก้ไขอันที่มีอยู่ ให้เลือกเทมเพลตที่เป็นผลลัพธ์

การสร้างphp สำหรับเทมเพลตเพจของคุณ

ดาวน์โหลด ไฟล์ page.phpจากโฟลเดอร์ของธีมที่ติดตั้งบนเว็บไซต์ ตั้งอยู่ที่:

/wp-content/themes/theme_name/page.php

เปิด ตัวอย่างเช่น ใน Notepad++

ในเบื้องต้นนั้น ก่อน, ใส่รหัสสำหรับชื่อของเทมเพลตหน้าใหม่:

ชื่อเทมเพลต: อัลบั้ม

การตั้งค่าสำหรับเทมเพลตหน้าเว็บไซต์ของคุณเวิร์ดเพรส

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

ดังนั้น คุณต้องอัปโหลดไฟล์ album.php ไปยังโฟลเดอร์เดียวกับที่มีหน้า page.php เริ่มต้นของธีม WordPress ของคุณ

หลังจากดาวน์โหลดไฟล์แล้ว ให้ไปที่แผงผู้ดูแลระบบในเมนู "รูปลักษณ์" - "บรรณาธิการ"และทางด้านขวาเลือกไฟล์ใหม่จากเทมเพลต

ในหน้าต่างแก้ไข คุณสามารถดูโค้ดของเพจได้ที่จุดเริ่มต้นของโค้ดของเราสำหรับกำหนดชื่อของเทมเพลตเพจ "Album"

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

หากทุกอย่างเรียบง่ายด้วยแถบด้านข้าง (คุณต้องลบโค้ดแค่นั้นเอง)...

...ด้วยสไตล์ ทุกอย่างก็จะซับซ้อนขึ้นเล็กน้อย ฉันจะไม่ประดิษฐ์หรือสร้างคลาสใหม่ๆ ฉันจะมีหน้ากว้างเพียงไม่กี่หน้าสำหรับอัลบั้มรูปภาพ ดังนั้นฉันจะเขียนสไตล์โดยตรงในไฟล์เทมเพลตสำหรับหน้าใหม่ album.php

อย่างไรก็ตาม นี่คือสิ่งที่เกิดขึ้นหลังจากลบโค้ดแถบด้านข้างขวาออก (พื้นที่ว่างเพิ่มขึ้น แต่ฟิลด์ส่วนกลางไม่ขยายเนื่องจากมีความกว้างคงที่)

ใน Google Chrome การดูโค้ดขององค์ประกอบของหน้านั้นสะดวก ดังนั้นฉันจึงพบอย่างรวดเร็วว่าบล็อกที่มีฟิลด์ส่วนกลางมี รหัสหลังการซื้อ(ในเทมเพลตของฉัน) และบล็อกที่มีข้อความหน้านั้นเป็นเนื้อหา

คุณต้องเพิ่มสไตล์ใหม่ให้กับพวกเขา นั่นคือเพียงเพิ่มความกว้าง (ขนาด = ความกว้างของหน้า – ความกว้างของแถบด้านข้างซ้าย)

ที่รักของฉัน นี่คือโค้ดของไฟล์เทมเพลตหน้า album.php ของคุณ:

และ

ฉันไม่ต้องการสไตล์เนื้อหาเพราะมันไม่ได้ระบุความกว้างเลย มันเป็นเพียงบล็อกที่ซ้อนกันใน postcont

! สำคัญ– พารามิเตอร์ที่จำเป็นในกรณีเช่นนี้ เนื่องจากฉันไม่ได้ดูและไม่รู้ว่ามีอะไรเขียนอยู่ในสไตล์นั้น และสไตล์ใหม่ของฉันต้องมาก่อน

โดยหลักการแล้วทุกอย่างพร้อมแล้ว ตอนนี้หน้าในเทมเพลตใหม่จะมีลักษณะดังนี้:

ทางด้านขวา ช่องข้อความจะ “ติดอยู่” กับเส้นขอบด้านขวาและขยายไปจนถึงความกว้างของแถบด้านข้างขวา ที่นี่มองเห็นได้ไม่มากนักเพราะยังมีที่ว่างสำหรับรูปภาพเก่าๆ เล็กๆ แต่เมื่อฉันเปลี่ยนมัน ฉันจะเพิ่มรูปลักษณ์ที่นี่

อัปเดตตั้งแต่ 10.20.14:ฉันกำลังเพิ่มภาพหน้าจอของหน้าพร้อมรูปถ่ายตามที่สัญญาไว้เมื่อต้นปี ใช่ มันเกิดขึ้นมากมายตั้งแต่นั้นมา วันที่ 17 กุมภาพันธ์เป็นวันสงบสุขวันสุดท้ายก่อนเกิดเหตุการณ์แตกต่างไปอย่างรวดเร็วตามมา...

และในที่สุดขั้นตอนสุดท้าย (ซึ่งฉันได้แสดงไปแล้วเล็กน้อยในภาพหน้าจอด้านบน)

การตั้งค่าเทมเพลตของคุณสำหรับหน้าไซต์เวิร์ดเพรส

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

เลือกเมนู "เพจ" และ "เพิ่มใหม่" หรือคลิกเมนูที่คุณต้องการเปลี่ยนแปลง

ทางด้านขวาในเมนู "เทมเพลต" ให้เปลี่ยน "เทมเพลตพื้นฐาน" เป็น "อัลบั้ม" ใหม่ แล้วบันทึกหรือเผยแพร่เพจ

ตอนนี้นั่นคือทั้งหมดจริงๆ!

ภาพถ่าย© Nancy L Misiewicz การวิ่งเล่นในป่า

กระทู้อื่นๆ ที่น่าสนใจ

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

ลำดับชั้นของหน้า

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

เทมเพลตที่กำหนดเอง– ถูกระบุด้วยความคิดเห็นแบบมีเงื่อนไขที่ด้านบนภายในไฟล์ที่มีชื่อที่กำหนดเอง

หน้า slug.php– เทมเพลตพร้อมชื่อของเพจ (ทางลัด) หากไม่ได้ระบุเทมเพลตที่กำหนดเอง WordPress จะใช้ ประเภทนี้เป็นหลัก

หน้า id.php– ตัวระบุหน้าที่ไม่ซ้ำ

หน้า.phpไฟล์มาตรฐานรับผิดชอบต่อเนื้อหาของเพจ

ดัชนี.php– ไฟล์ดัชนี หาก WordPress ไม่พบเทมเพลตใด ๆ ที่ระบุไว้ข้างต้น ตามค่าเริ่มต้น WordPress จะต้องรับผิดชอบต่อหน้าต่างๆ

ความสนใจ. นอกจากนี้ยังมีเทมเพลตหน้าใน WordPress ที่เรียกว่า paged.php อย่างไรก็ตามไม่ได้ใช้เพื่อแสดงหน้าโพสต์เดียว แต่เพื่อแสดงรายการหน้าในคลังโพสต์

สร้างเทมเพลตแบบกำหนดเองสำหรับการใช้งานจำนวนมาก

มีหลายตัวเลือกสำหรับการสร้างเทมเพลตที่มีข้อดีและข้อเสียซึ่งแทบจะไม่มีนัยสำคัญเลย ตัวเลือกนี้ซึ่งเราจะพิจารณาในตอนนี้คือตัวเลือกที่พบบ่อยที่สุด ขั้นตอนแรกคือการสร้างไฟล์ php หรือทำซ้ำ page.php มาตรฐาน จากนั้นบันทึกโดยใช้ชื่ออื่น เช่น templates_my.php จากนั้นเพิ่มความคิดเห็นที่ด้านบนของไฟล์:

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

หากจู่ๆ คุณไม่มีแผง "คุณสมบัติของเพจ" ให้ทำเครื่องหมายในช่องในการตั้งค่าหน้าจอที่มุมขวาบนเพื่อแสดง

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

คำแนะนำ. เทมเพลตที่สร้างขึ้นในลักษณะนี้สามารถอยู่ในโฟลเดอร์ย่อยของธีมปัจจุบันได้ จึงไม่เปลืองพื้นที่และสร้างรูปลักษณ์ที่กะทัดรัด

สำคัญ. อย่าใช้หน้าคำนำหน้า- เป็นชื่อของหน้าเทมเพลต เนื่องจาก WordPress จะตีความไฟล์ว่าเป็นไฟล์พิเศษซึ่งใช้ได้กับหน้าเดียวเท่านั้น

เทมเพลตเพจแบบกำหนดเอง

วิธีที่สองมีไว้สำหรับเท่านั้น บางหน้าโดยไม่มีข้อยกเว้น ลองยกตัวอย่างโดยใช้รูปแบบเก่า สมมติว่าคุณมีเพจชื่อ "พอร์ตโฟลิโอ" โดยค่าเริ่มต้น ป้ายกำกับของเพจจะแปลเป็นคำภาษาอังกฤษ "พอร์ตโฟลิโอ" สามารถดูได้ในการตั้งค่า "คุณสมบัติเพจ" ตอนนี้เราเพียงแค่ทำซ้ำไฟล์ page.php และเปลี่ยนชื่อเป็น page-portfolio.php

รหัสถูกสร้างขึ้นในลักษณะเดียวกันทุกประการ เฉพาะรหัสเพจเท่านั้นที่จะแทนที่ป้ายกำกับ เขาอยู่ใน แถบที่อยู่ส่วน "แก้ไขหน้า" มีลักษณะเหมือนโพสต์นี้=9 ในทำนองเดียวกัน ไฟล์มาตรฐานจะถูกทำซ้ำและเปลี่ยนชื่อเป็น page-9.php

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

ตัวอย่างการใช้งานจริงของการสร้างเทมเพลตเพจ

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

    หมวด-1

    have_posts()) : $the_query -> the_post(); -
  • ">

    หมวด-2

    have_posts()) : $the_query -> the_post(); -
  • ">

    หมวด-3

    have_posts()) : $the_query -> the_post(); -
  • ">

ตอนนี้คุณต้องเขียนสไตล์ในไฟล์ style.css

My_main ( กล่องเงา: 0 1px 2px rgba (0, 0, 0, 0.1); ระยะขอบ: 20px อัตโนมัติ; การขยาย: 15px; พื้นหลัง: #fff; ความกว้าง: 1000px; ) .page_cat ( ระยะขอบ: 0 9px 20px; การขยาย: 15px; จัดแนวตั้ง: ด้านบน; ความกว้าง: 28%; .page_cat h2 ( สี: #676767; แบบอักษร: ตัวหนา arial; ระยะขอบล่าง: 20px; ) .page_cat li a ( การตกแต่งข้อความ: ไม่มี; สี: #2879af ; display: block; ) .page_cat li ( ขอบล่าง: 6px; padding: 3px 3px 3px 10px; display: block; ) .page_cat li a:hover ( ตกแต่งข้อความ: ขีดเส้นใต้; ) 2n) ( พื้นหลัง: #f7f7f7; )

เหลือเพียงสิ่งเดียวที่ต้องทำ: ในแผงผู้ดูแลระบบในแท็บ "แก้ไขหน้า" ให้ระบุเทมเพลต "เทมเพลตตัวอย่าง" ที่เราสร้างไว้ก่อนหน้านี้ในแอตทริบิวต์ของหน้า

ผลลัพธ์.

แท็กหน้าแบบมีเงื่อนไข

ในย่อหน้าสุดท้าย เราจะพิจารณาแท็กที่มีเงื่อนไขหลายแท็ก เขียนไว้ในไฟล์ page.php มาตรฐาน

การแสดงองค์ประกอบบนหน้าเฉพาะ

/images/img.png"/> /images/img.jpg"/> /images/img.jpg"/> /images/img.jpg"/>

เอาท์พุทข้อมูล

"; } ?>

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

เทมเพลตหน้าคืออะไร

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

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

เทมเพลตเพจสามารถใช้ได้มากกว่าหนึ่งเพจ และธีมบางธีมจะสร้างเทมเพลตเฉพาะเจาะจงซึ่งมีไว้เพื่อใช้เพียงครั้งเดียว เช่นเดียวกับเทมเพลตเนื้อหาเด่นในธีม Twenty Eleven มาตรฐาน:

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

วิธีสร้างเทมเพลตเพจของคุณเอง

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

เมื่อใดที่จะไม่ใช้เทมเพลตเพจ

หากใช้เทมเพลตของคุณ คุณเปลี่ยนเพียงสไตล์เท่านั้น ไม่ใช่โครงสร้างของหน้าใดหน้าหนึ่ง คุณสามารถทำได้โดยไม่ต้องใช้เทมเพลตเพิ่มเติม

WordPress มีตัวช่วยที่ใช้ในธีมที่มีอยู่ส่วนใหญ่ การใช้คลาสเอาต์พุตโดยฟังก์ชันนี้ คุณสามารถเปลี่ยนสไตล์ของเพจใดก็ได้:

/* ซ่อนแถบด้านข้างในหน้า 123 */ body.page-id-123 #secondary ( จอแสดงผล: none; )

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

หากคุณมีคำถามใด ๆ เกี่ยวกับการทำงานกับเทมเพลตเพจใน WordPress เรายินดีที่จะตอบคำถามเหล่านั้นในความคิดเห็น