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

เผยแพร่แล้ว: 2022-01-24

คุณต้องการสร้างเทมเพลตโพสต์ที่กำหนดเองใน WordPress หรือไม่?

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

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

คุณต้องการเทมเพลตโพสต์เดี่ยวแบบกำหนดเองเมื่อใด

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

ในการทำเช่นนั้น คุณจะต้องมีเทมเพลตโพสต์เดียวที่กำหนดเอง

WordPress ใช้เทมเพลตโพสต์เดียวในลำดับชั้นเทมเพลต WordPress โดยค่าเริ่มต้น นั่นหมายความว่าจะใช้เทมเพลต single.php สำหรับโพสต์ทั้งหมดของคุณ

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

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

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

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

สารบัญ
  1. การสร้างเทมเพลตโพสต์เดียวใน WordPress ด้วย SeedProd
  2. การสร้างเทมเพลตโพสต์เดียวด้วย WordPress Block Editor
  3. การสร้างเทมเพลตโพสต์เดี่ยวแบบกำหนดเองใน WordPress

การสร้างเทมเพลตโพสต์เดียวใน WordPress ด้วย SeedProd

วิธีแรกคือวิธีที่ง่ายสุด ๆ ในการสร้างเทมเพลตโพสต์เดี่ยวแบบกำหนดเองใน WordPress เราจะใช้ SeedProd ซึ่งเป็นปลั๊กอินสำหรับสร้างธีม WordPress ที่ดีที่สุดในตลาด

SeedProd best WordPress website Builder

ด้วย SeedProd คุณสามารถสร้างเทมเพลตโพสต์ที่กำหนดเองใน WordPress โดยไม่ต้องเขียนโค้ดหรือแก้ไขโฟลเดอร์ธีม WordPress ของคุณ

สิ่งแรกที่คุณต้องทำคือติดตั้งและเปิดใช้งานปลั๊กอิน SeedProd สำหรับความช่วยเหลือ โปรดดูคำแนะนำทีละขั้นตอนในการติดตั้งปลั๊กอิน WordPress

หลังจากเปิดใช้งาน SeedProd แล้ว ให้ไปที่ SeedProd » การตั้งค่า เพื่อป้อนรหัสใบอนุญาตของคุณ

Enter your seedprod license key

คุณสามารถค้นหาข้อมูลนี้ได้ภายใต้บัญชีของคุณบนเว็บไซต์ SeedProd

Find your SeedProd license key

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

ตอนนี้ ไปที่ SeedProd » Theme Builder แล้วคลิกปุ่ม Themes เพื่อเริ่มต้น

Add a custom theme template in seedprod

จากตรงนั้น คุณจะเห็นเทมเพลตธีม WordPress ที่สร้างไว้ล่วงหน้ามากมายที่คุณสามารถใช้ได้

wordpres theme templates seedprod

ในการเลือกธีม ให้วางเมาส์เหนือภาพขนาดย่อแล้วคลิกไอคอนเครื่องหมายถูก

choose a seedprod theme template

หลังจากเลือกธีมแล้ว คุณจะเห็นรายการส่วนของเทมเพลต รวมถึง:

  • หน้าเดียว
  • โพสต์เดียว
  • บล็อกและหน้าเอกสารเก่า
  • หน้าแรก
  • แถบด้านข้าง
  • ส่วนท้าย
  • หัวข้อ

สิ่งเหล่านี้คือองค์ประกอบต่าง ๆ ทั้งหมดที่ประกอบเป็นธีม WordPress ที่สมบูรณ์

โดยทั่วไป คุณจะสามารถเข้าถึงส่วนต่างๆ ของธีมเหล่านี้ได้โดยแก้ไขไฟล์ธีม WordPress เท่านั้น แต่ด้วย SeedProd คุณจะเห็นทุกอย่างในอินเทอร์เฟซที่มองเห็นได้ง่าย

SeedProd WordPress theme template parts

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

ลองดูวิธีปรับแต่งเทมเพลตโพสต์เดียวด้วย SeedProd

ค้นหาส่วน โพสต์เดียว จากตัวสร้างธีมและคลิกลิงก์ แก้ไขการออกแบบ ซึ่งจะเป็นการเปิดเทมเพลตโพสต์ของคุณในโปรแกรมแก้ไขภาพของ SeedProd

Edit the custom post template with SeedProd

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

SeedProd visual wordpress theme builder

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

SeedProd post title settings

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

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

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

How to add posts to custom post template WordPress

จากนั้นคุณสามารถกำหนดค่าให้แสดงเนื้อหาจากหมวดหมู่เฉพาะได้

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

Save custom post template WordPress

คุณสามารถปรับแต่งส่วนที่เหลือของธีม WordPress ของคุณได้ในลักษณะเดียวกัน แต่ถ้าคุณต้องการความช่วยเหลือเล็กน้อย ลองดูคำแนะนำทีละขั้นตอนนี้เกี่ยวกับวิธีสร้างธีม WordPress แบบกำหนดเองด้วย SeedProd

เมื่อคุณพอใจกับรูปลักษณ์ของทุกอย่างแล้ว อย่าลืมคลิกสลับ เปิดใช้งานธีม SeedProd ที่มุมบนขวา

enable seedprod theme

เทมเพลตโพสต์เดียวแบบกำหนดเองใหม่ของเรามีลักษณะดังนี้:

example: create custom post template WordPress

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

แต่มันไม่ได้หยุดเพียงแค่นั้น ด้วย SeedProd คุณสามารถเพิ่มเทมเพลตโพสต์แบบกำหนดเองได้มากเท่าที่ต้องการ หมายความว่าคุณสามารถมีเลย์เอาต์ที่แตกต่างกันสำหรับโพสต์ทุกหมวดหมู่ได้หากต้องการ

หากต้องการเพิ่มเทมเพลตโพสต์รายการเดียวใหม่ เพียงคลิกลิงก์ " ทำซ้ำ " ใต้เทมเพลตโพสต์เดิม

Duplicate single post template WordPress

ซึ่งจะเพิ่มสำเนาของเทมเพลตที่ด้านบนของหน้าเทมเพลตธีมของคุณ

Copy of single post template

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

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

Edit single post template conditions

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

Edit conditions for single post template WordPress

ถัดไป ป้อนหมวดหมู่ที่คุณต้องการรวม ตั้งค่าลำดับความสำคัญเป็น 10 แล้วคลิก บันทึก

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

เทมเพลตโพสต์ "บทช่วยสอน" ใหม่ของเรามีลักษณะดังนี้:

WordPress custom post template

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

Custom post template WordPress

คุณจะเห็นว่าเราลบโพสต์ที่เกี่ยวข้องและส่วนความคิดเห็น

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

การสร้างเทมเพลตโพสต์เดียวด้วย WordPress Block Editor

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

ตัวแก้ไขบล็อกของ WordPress มีคุณสมบัติที่ดีที่ช่วยให้คุณบันทึกและนำบล็อกมาใช้ซ้ำในไซต์ WordPress ของคุณ

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

ด้วยเหตุนี้ ต่อไปนี้คือวิธีใช้บล็อกกลุ่มเพื่อบันทึกเทมเพลตโพสต์ที่คุณกำหนดเอง

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

Add a new WordPress group block

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

Add content to your group blocks

เมื่อคุณพอใจกับเลย์เอาต์แล้ว ให้เลือกบล็อกกลุ่มเพื่อให้มีโครงร่าง

Select the group block

จากที่นั่น คลิกจุด 3 จุดเพื่อขยายการตั้งค่าของบล็อก แล้วคลิกหัวข้อ “เพิ่มไปยังบล็อกที่นำกลับมาใช้ใหม่ได้”

Add group block to reusable blocks

ถัดไป ตั้งชื่อบล็อกที่ใช้ซ้ำได้ WordPress จะบันทึกกลุ่มและบล็อกทั้งหมดที่อยู่ภายในโดยอัตโนมัติ

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

Reusable custom post template block

หลังจากเพิ่มบล็อกในพื้นที่เนื้อหา WordPress แล้ว บล็อกจะโหลดบล็อกที่บันทึกไว้ก่อนหน้านี้ทั้งหมดลงในบล็อกกลุ่ม

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

การสร้างเทมเพลตโพสต์เดี่ยวแบบกำหนดเองใน WordPress

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

ขั้นแรก เปิดโปรแกรมแก้ไขข้อความธรรมดาเช่น Notepad บนคอมพิวเตอร์ของคุณ จากนั้นวางรหัสต่อไปนี้:

<?php
/*
* Template Name: Featured Article
 * Template Post Type: post, page, product
*/
get_header();  ?>

รหัสนี้กำหนดเทมเพลตโพสต์ใหม่ที่เรียกว่า "บทความแนะนำ" และทำให้พร้อมใช้งานสำหรับโพสต์ เพจ และประเภทเนื้อหาผลิตภัณฑ์

หลังจากคัดลอกและวางโค้ดแล้ว ให้บันทึกไฟล์เป็น sp_single_post.php ลงบนเดสก์ท็อปของคุณ

ขั้นตอนต่อไปคือการอัปโหลดไฟล์ไปยังโฟลเดอร์ธีม WordPress ปัจจุบันของคุณ คุณสามารถทำได้โดยใช้ไคลเอนต์ FTP

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

Create custom single post template in WordPress manually with code

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

ในการแก้ไขปัญหานี้ คุณจะต้องเพิ่มโค้ดเพื่อแสดงเนื้อหาโพสต์ของคุณ วิธีที่ง่ายที่สุดคือคัดลอกโค้ดจากไฟล์ single.php ของธีมและใช้เป็นจุดเริ่มต้น

ดังนั้นให้เปิดไฟล์ single.php และคัดลอกทุกอย่างหลังบรรทัด get_header() จากนั้นวางโค้ดลงในไฟล์ sp-single-post.php ต่อท้าย

จากนั้นบันทึกไฟล์และอัปโหลดกลับเข้าสู่เซิร์ฟเวอร์ของคุณ

ณ จุดนี้ เทมเพลตของคุณจะมีลักษณะเหมือนกับเทมเพลตโพสต์เดียวแบบเก่าของคุณทุกประการ คุณจะต้องปรับแต่งโดยเพิ่มคลาส CSS ที่กำหนดเอง ลบแถบด้านข้าง หรือการเปลี่ยนแปลงอื่นๆ ที่คุณต้องการ

ที่นั่นคุณมีมัน

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

ในขณะที่คุณอยู่ที่นี่ คุณอาจชอบโพสต์นี้เกี่ยวกับกายวิภาคของหน้า Landing Page ที่ประสบความสำเร็จ

ขอบคุณที่อ่าน. โปรดติดตามเราบน YouTube, Twitter และ Facebook สำหรับเนื้อหาที่เป็นประโยชน์เพิ่มเติมเพื่อทำให้ธุรกิจของคุณเติบโต