วิธีสร้างไฟล์เทมเพลตใน WordPress

มีสองวิธีในการสร้างไฟล์เทมเพลตใน WordPress หนึ่งคือการสร้างไฟล์ php และบันทึกไว้ในโฟลเดอร์ของธีมของคุณ อีกวิธีหนึ่งคือการสร้างเทมเพลตหน้า WordPress การสร้างไฟล์ php เป็นวิธีการทั่วไปในการสร้างไฟล์เทมเพลต คุณสามารถใช้โปรแกรมแก้ไขข้อความ เช่น Notepad หรือ TextEdit เพื่อสร้างไฟล์ php จากนั้นบันทึกไฟล์ในโฟลเดอร์ธีมของคุณ ชื่อไฟล์ควรมีลักษณะเช่น "template-file.php" ในการสร้างเทมเพลตหน้า WordPress คุณต้องสร้างไฟล์ php และบันทึกไว้ในโฟลเดอร์ธีมของคุณ ชื่อไฟล์ควรมีลักษณะเช่น “page-template.php” ในไฟล์ คุณต้องเพิ่มโค้ดเพื่อบอก WordPress ว่านี่คือเทมเพลตของเพจ รหัสควรมีลักษณะดังนี้: /* ชื่อแม่แบบ: แม่แบบหน้า */ ? > หลังจากที่คุณบันทึกไฟล์แล้ว คุณสามารถไปที่ส่วน "หน้า" ในพื้นที่ผู้ดูแลระบบ WordPress คุณจะเห็นเมนูแบบเลื่อนลง "เทมเพลตหน้า" เลือกเทมเพลตที่คุณเพิ่งสร้างขึ้นจากเมนูแบบเลื่อนลง

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

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

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

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

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

ฉันจะสร้างเทมเพลตใหม่ใน WordPress ได้อย่างไร

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

สามารถใช้เพื่อวัตถุประสงค์ที่หลากหลาย รวมถึงหน้า WordPress แบบกำหนดเอง ทุกหน้าและโพสต์บนเว็บไซต์ WordPress ได้รับการจัดการโดยไฟล์เทมเพลตชื่อ page.php ความรู้พื้นฐานเกี่ยวกับ HTML, CSS และ PHP เป็นสิ่งจำเป็นสำหรับการพัฒนาหรือแก้ไขเทมเพลตเพจที่กำหนดเองใน WordPress หน้าที่มีไฟล์ page.php ใน /wp-contents/themes/YOUR THEME/ ควรปรากฏตามปกติ หากต้องการแสดงเนื้อหาของหน้า คุณต้องเขียนโค้ดสองสามบรรทัด ฉันจะแสดงวิธีปรับแต่งเทมเพลตหน้ายี่สิบหกเริ่มต้นในการสาธิตนี้ เป็นที่ชัดเจนว่าการเปลี่ยนแปลงที่ทำกับไฟล์ page.php จะปรากฏในทุกหน้าของเว็บไซต์ นอกจากนี้ คุณสามารถกำหนดสิทธิ์เฉพาะให้กับผู้ใช้โดยการสร้างบทบาทผู้ใช้ที่กำหนดเองใน WordPress ช่วงทดลองใช้ฟรีที่ Cloudways ช่วยให้คุณเห็นว่าโฮสติ้ง WordPress จาก Cloudways สามารถเพิ่มความเร็วไซต์ของคุณได้อย่างไร

ไฟล์เทมเพลต WordPress คืออะไร?

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

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

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

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

ฉันจะบันทึกหน้า WordPress เป็นเทมเพลตได้อย่างไร

ในการบันทึกหน้า WordPress เป็นเทมเพลต คุณต้องสร้าง ไฟล์เทมเพลตหน้าใหม่ ก่อน คุณสามารถทำได้โดยการสร้างไฟล์ใหม่ในไดเร็กทอรีของธีมของคุณ และตั้งชื่อมันว่า page-{slug}.php ในไฟล์ คุณต้องใส่โค้ดต่อไปนี้: /* ชื่อเทมเพลต: {Name of template} */ // รหัสเทมเพลตที่เหลือจะอยู่ที่นี่… เมื่อคุณสร้างไฟล์แล้ว คุณสามารถไปที่ Page Attributes ส่วนเมื่อแก้ไขหน้าและเลือกเทมเพลตจากเมนูแบบเลื่อนลง

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

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

ฉันจะหาไฟล์เทมเพลต WordPress ได้ที่ไหน

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

ธีม WordPress หรือที่เรียกว่าเทมเพลต WordPress คือชุดของเทมเพลต WordPress ที่ประกอบด้วยแท็กเทมเพลต WordPress ทั้งหมด อย่างน้อยที่สุด คุณจะพบเทมเพลตห้าแบบในธีมใดก็ได้ ในโฟลเดอร์ธีม Twenty Thirteen (/WP-content/themes/twentythirteen) คุณจะพบไฟล์เทมเพลต เมื่อเลือกลักษณะที่ปรากฏ คุณสามารถดูไฟล์เทมเพลตในธีมบนแดชบอร์ด WordPress ของคุณได้ หน้าแก้ไขธีมจะแสดงรายการเทมเพลตต่างๆ ของธีมที่ใช้งานอยู่ ไปที่ด้านขวาของหน้าและเลือกชื่อเทมเพลตในรายการด้านล่างเพื่อดูและแก้ไขเทมเพลต

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

เทมเพลตของเพจแบบกำหนดเองเป็นวิธีที่ยอดเยี่ยมในการเพิ่มรูปลักษณ์ที่เป็นเอกลักษณ์ให้กับเว็บไซต์ของคุณ คุณสามารถใช้เทมเพลตหน้าแบบกำหนดเองเพื่อสร้างหน้า Landing Page หน้าเกี่ยวกับหรือหน้าติดต่อ
ในการสร้างเทมเพลตเพจแบบกำหนดเอง คุณจะต้องสร้างไฟล์ใหม่ในธีม WordPress ของคุณ ไฟล์ใหม่ควรถูกบันทึกเป็น page-{slug}.php โดยที่ {slug} คือชื่อของเทมเพลตเพจของคุณ
เมื่อคุณสร้างไฟล์ใหม่แล้ว คุณจะต้องเพิ่มรหัสต่อไปนี้ที่ด้านบนของไฟล์:
/*
ชื่อเทมเพลต: {ชื่อเทมเพลตของหน้า}
*/
โค้ดด้านบนจะบอก WordPress ให้ใช้ไฟล์นี้เป็นเทมเพลตของเพจที่คุณกำหนดเอง
หลังจากที่คุณเพิ่มโค้ดที่ด้านบนสุดของไฟล์ใหม่แล้ว คุณสามารถเพิ่มโค้ด HTML, CSS และ PHP ลงในไฟล์ได้ สิ่งนี้จะช่วยให้คุณสร้างเทมเพลตเพจแบบกำหนดเองได้อย่างสมบูรณ์

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

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

เมื่อคลิกปุ่มเพิ่มประเภทโพสต์บนแท็บประเภทโพสต์เริ่มต้น คุณสามารถเปลี่ยนประเภทของโพสต์ได้ ในฐานะธุรกิจปลั๊กอินที่สมมติขึ้น ฉันต้องการเพิ่มตัวเลือกสองสามตัวให้กับตัวแก้ไข เช่น เวอร์ชันของปลั๊กอิน ในส่วนเพิ่มฟิลด์ที่กำหนดเอง คุณสามารถระบุประเภทโพสต์หรือเทมเพลตของเพจที่ควรแสดงในตัวแก้ไขเมื่อใช้ฟิลด์แบบกำหนดเอง ภายใต้ ชนิดฟิลด์ คุณสามารถปรับเปลี่ยนวิธีที่ผู้ใช้สามารถป้อนข้อมูลสำหรับตัวเลือกฟิลด์นี้ได้ ตัวแก้ไขจะแสดงฟิลด์ที่กำหนดเองของคุณ แต่จะไม่แสดงบนหน้าเว็บของคุณจนกว่าคุณจะใส่โค้ด PHP หรือรหัสย่อไว้ด้วย หากต้องการค้นหาโค้ด ให้มองหา /wp-content/themes/your-theme/single-post_name.php หากคุณต้องการ เพียงแค่วางรหัสย่อลงในตัวแก้ไขเพจในตำแหน่งที่คุณต้องการให้ปรากฏ

ด้วย CSS คุณสามารถทำให้ฟิลด์ของคุณปรากฏตามที่คุณต้องการ เมื่อคุณสร้างโค้ดฝัง PHP ให้ใส่โค้ดแท็กที่กำหนดเอง หากคุณได้สร้างชื่อคลาสสำหรับธีมของคุณแล้ว ให้ไปที่ไฟล์ style.html และเพิ่มลงในธีมของคุณ ด้วยฟังก์ชันการทำงานนี้ เช่นเดียวกับ CSS และ Javascript แบบกำหนดเอง เว็บไซต์ก็น่าทึ่งได้

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

การสร้างเทมเพลตบล็อกที่กำหนดเองใน WordPress เป็นกระบวนการที่ค่อนข้างง่าย ขั้นแรก คุณจะต้องสร้างไฟล์ใหม่ในไดเร็กทอรีธีม WordPress และตั้งชื่อว่า "single.php" ถัดไป คุณจะต้องคัดลอกโค้ดต่อไปนี้ลงในไฟล์ใหม่ของคุณ: /** * เทมเพลตสำหรับแสดงบทความเดี่ยวทั้งหมด * * @package WordPress * @subpackage Twenty_Ten * @since Twenty Ten 1.0 */ get_header(); ? > หลังจากที่คุณบันทึกไฟล์ใหม่แล้ว คุณจะต้องแก้ไขไฟล์ “style.css” ของธีม WordPress และเพิ่มโค้ดต่อไปนี้ที่ด้านล่าง: .single { พื้นหลัง: #fff; เส้นขอบ: 1px ทึบ #ddd; ช่องว่างภายใน: 20px; } รหัสนี้จะเพิ่มรูปแบบพื้นฐานบางอย่างให้กับเทมเพลตบล็อกที่กำหนดเองใหม่ของคุณ คุณสามารถแก้ไขโค้ดนี้เพื่อให้เข้ากับการออกแบบธีม WordPress ของคุณได้ดียิ่งขึ้น สุดท้าย คุณจะต้องแก้ไขการตั้งค่า WordPress "การตั้งค่า -> การอ่าน -> การแสดงหน้าแรก" และเลือก "หน้าคงที่" หลังจากนั้น คุณจะต้องเลือกไฟล์เทมเพลต "single.php" ใหม่เป็น "หน้าโพสต์"

ไฟล์เทมเพลตเริ่มต้นของ WordPress

ไฟล์เทมเพลตเริ่มต้นใน WordPress เป็นไฟล์เทมเพลตที่ใช้เป็นจุดเริ่มต้นสำหรับการสร้าง ไฟล์เทมเพลตใหม่ ในธีม WordPress ไฟล์เทมเพลตเริ่มต้นสามารถพบได้ในไดเร็กทอรี /wp-content/themes/