วิธีสร้างเทมเพลต WordPress Single-Post ใน Elementor

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

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

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

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

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

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

1. สิ่งแรกที่คุณต้องทำคือสร้างไฟล์ใหม่ คุณสามารถทำได้โดยเปิดตัวแก้ไขข้อความ (เช่น Notepad) ตั้งชื่อใหม่ (เช่น my-template) และบันทึกเป็น .php

2. จากนั้น คัดลอกโค้ดนี้แล้ววางลงในไฟล์ แล้วบันทึก:

<?php

/*

* ชื่อเทมเพลต: (ป้อนชื่อเทมเพลตที่นี่)

* ประเภทโพสต์ของเทมเพลต: (ป้อนประเภทโพสต์: โพสต์ เพจ ผลิตภัณฑ์ ฯลฯ)

*/

รับส่วนหัว (); ?>

3. ตอนนี้ คุณต้องอัปโหลดไฟล์นี้ไปยังโฟลเดอร์ WordPress โดยใช้โซลูชัน FTP

4. เมื่อเสร็จแล้ว ไปที่ผู้ดูแลระบบ WP และเข้าสู่ระบบ จากที่นี่ ไปที่ create/edit post

5. เลื่อนลงไปที่ Post Attributes และเลือกเทมเพลต

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

7. เปิดไฟล์ single.php และคัดลอกทุกอย่างหลังบรรทัด get_header() แล้ววางลงในเทมเพลตของคุณ ต่อจากบรรทัด get_header() บันทึกไฟล์และอัปโหลดกลับไปที่เซิร์ฟเวอร์

8. ตอนนี้คุณสามารถเริ่มแก้ไขได้แล้ว ใช้ทักษะการเขียนโค้ดของคุณ

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

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

ในบทช่วยสอนนี้ ฉันจะแสดงให้คุณเห็นว่าต้องทำอย่างไร คุณจะทึ่งกับความง่ายของมัน

นี่คือผลลัพธ์สุดท้ายที่เราจะทำ:

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

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