การสร้างเทมเพลตที่กำหนดเองใน WordPress

เผยแพร่แล้ว: 2022-10-22

การสร้างเทมเพลตใน WordPress CMS เป็นกระบวนการที่ค่อนข้างง่าย ขั้นแรก คุณต้องสร้างไฟล์ใหม่ในไดเร็กทอรี ธีม WordPress ของคุณ ตั้งชื่อไฟล์นี้ว่า template.php ถัดไป เปิด template.php ในโปรแกรมแก้ไขข้อความและเพิ่มรหัสต่อไปนี้: /* ชื่อแม่แบบ: แม่แบบของฉัน */ ? > รหัสนี้บอก WordPress ว่าไฟล์นี้เป็นเทมเพลตและตั้งชื่อ ตอนนี้คุณสามารถใช้เทมเพลตนี้โดยสร้างหน้าใหม่ใน WordPress แล้วเลือก "เทมเพลตของฉัน" จากเมนูแบบเลื่อนลง เมื่อแก้ไขหน้าใหม่ คุณจะสังเกตเห็นว่าหน้านั้นมีรูปแบบที่แตกต่างจากหน้าอื่นๆ ในเว็บไซต์ของคุณ เนื่องจากคุณยังไม่ได้เพิ่มเนื้อหาใดๆ ลงในเทมเพลตของคุณ ในการดำเนินการนี้ เพียงเพิ่มเนื้อหาที่คุณต้องการลงในไฟล์เทมเพลต ตัวอย่างเช่น สมมติว่าคุณต้องการสร้างเทมเพลตที่แสดงรายการโพสต์ล่าสุดของคุณ คุณจะต้องเพิ่มรหัสต่อไปนี้ใน template.php: /* ชื่อแม่แบบ: แม่แบบของฉัน */ query_posts('showposts=10'); if (have_posts()) : ในขณะที่ (have_posts()) : the_post(); the_title(); เสียงสะท้อน”; ในที่สุด; เอนดิฟ; ? > บันทึกการเปลี่ยนแปลงของคุณและดูตัวอย่างหน้าใหม่ของคุณ ตอนนี้คุณควรเห็นรายการโพสต์ 10 รายการล่าสุดของคุณ

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

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

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

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

เทมเพลตใน WordPress คืออะไร?

เครดิต: www.pinterest.com

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

เทมเพลตคือไฟล์ที่สร้างโดยธีม WordPress ซึ่งกำหนดเลย์เอาต์ของหน้าเดียวหรือกลุ่มของหน้า เทมเพลตคือไฟล์ที่มีโค้ด HTML และ CSS ที่ใช้ในการกำหนดว่าเนื้อหาจะปรากฏบนโพสต์และเพจของ WordPress อย่างไร การทำความเข้าใจความแตกต่างระหว่างเทมเพลตและธีม WordPress อาจเป็นเรื่องยากสำหรับคนส่วนใหญ่ในตอนแรก เทมเพลตหน้าสามารถใช้เพื่อสร้างหน้าเดียวหรือชุดของหน้า เทมเพลต WordPress ถูกจัดเป็นลำดับชั้นเพื่อป้องกันไม่ให้เลื่อนขึ้นหรือลงตราบใดที่ธีมไม่มี เทมเพลตเฉพาะ แท็กเทมเพลตสามารถใช้เพื่อเชื่อมโยงเทมเพลตกับเทมเพลตอื่น ทำให้สามารถทำงานร่วมกันได้ ปลั๊กอินตัวสร้างธีม SeedProd WordPress ดีที่สุด

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

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

ความแตกต่างระหว่างธีมและเทมเพลต

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

ฉันสามารถใช้เทมเพลตของฉันเองใน WordPress ได้หรือไม่

เครดิต: WordPress

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

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

ในการสร้างเทมเพลตเพจที่กำหนดเองใน WordPress คุณจะต้องทำตามขั้นตอนต่อไปนี้: 1. ลงชื่อเข้าใช้บัญชี WordPress ของคุณและไปที่แดชบอร์ด 2. คลิกลิงก์ "หน้า" ในแถบด้านข้างทางซ้ายมือ 3. คลิกที่ปุ่ม “เพิ่มใหม่” 4. ป้อนชื่อสำหรับหน้าของคุณในช่อง "ป้อนชื่อที่นี่" 5. ในส่วน "คุณสมบัติของหน้าเว็บ" เลือกเมนูแบบเลื่อนลง "เทมเพลต" และเลือกตัวเลือก " เทมเพลตที่กำหนดเอง " 6. คลิกที่ปุ่ม "เผยแพร่" 7. ไปที่ลิงก์ "ลักษณะที่ปรากฏ" ในแถบด้านข้างด้านซ้ายและคลิกที่ลิงก์ "ตัวแก้ไข" 8. เลือกไฟล์ "เทมเพลตหน้า" จากแถบด้านข้างขวาและป้อนรหัสที่กำหนดเองของคุณ 9. คลิกที่ปุ่ม "อัปเดตไฟล์" เทมเพลตหน้าแบบกำหนดเองของคุณพร้อมที่จะใช้กับไซต์ WordPress ของคุณแล้ว!

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

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