วิธีต่างๆ ที่คุณสามารถเปลี่ยนเทมเพลตของเพจใน WordPress

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

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

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

ต้องบันทึกเทมเพลตหน้าพิเศษในโฟลเดอร์ธีมของคุณ (เช่น /WP-content/themes/my-theme-name) หากคุณมีประเภทโพสต์ของเพจ คุณจะสามารถเลือกเทมเพลตของเพจที่กำหนดเองได้ เฉพาะ WordPress 4.7 เท่านั้นที่มีความสามารถนี้ในการโพสต์ประเภทอื่นที่ไม่ใช่ 'หน้า' หากเทมเพลตของคุณใช้ฟังก์ชัน body_class() WordPress จะพิมพ์คลาสในแท็ก body สำหรับชื่อคลาสประเภทโพสต์ (เพจ) ID ของเพจ (page-id-*ID) และเทมเพลตของเพจที่ใช้ คุณสามารถกรองเทมเพลตตามประเภทโพสต์ผลิตภัณฑ์ใน theme_product_templates ในไฟล์ page.php ของธีม คุณสามารถใช้แท็กแบบมีเงื่อนไขเพื่อทำการเปลี่ยนแปลงเล็กๆ น้อยๆ เฉพาะหน้าได้

คุณจะบอกได้อย่างไรว่าเว็บไซต์ WordPress ใช้เทมเพลตใด

ภาพโดย – colorlib.com

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

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

รหัสเทมเพลตสำหรับเทมเพลตบล็อก squarespace-1 คือ squarespace-blogtemplate-1 การใช้ Squarespace Blog Template 1 เป็นวิธีที่ดีในการเริ่มต้น คุณสมบัติพื้นฐานทั้งหมดรวมอยู่ด้วย และคุณสามารถปรับแต่งให้เข้ากับสไตล์ของคุณเองได้ หากคุณเป็นผู้ใช้ Squarespace หรือกำลังมองหาสิ่งใหม่ๆ คุณสามารถลองใช้เทมเพลตบล็อก 1 เทมเพลต Squarespace ให้บริการฟรี และคุณสามารถค้นหาได้ในหน้าเทมเพลต Squarespace การค้นหาซอร์สโค้ดสำหรับเทมเพลตไม่ใช่เรื่องง่ายเสมอไป ดังนั้น ตรวจสอบให้แน่ใจว่าคุณได้อ่านคำแนะนำก่อนที่จะแก้ไข เทมเพลต Squarespace ให้บริการฟรี และคุณสามารถค้นหาเทมเพลตที่กำหนดเองสำหรับความต้องการที่เฉพาะเจาะจงมากขึ้น หรือใช้เทมเพลตอื่น คุณสามารถปรับแต่งเทมเพลตให้ตรงกับความต้องการของคุณ และใช้งานได้ฟรีโดยสมบูรณ์

คุณบอกได้ไหมว่าเว็บไซต์สร้างด้วย WordPress หรือไม่?

ในการเริ่มต้น คุณต้องป้อน '/WP-Administration/' ที่ส่วนท้ายของโดเมนของเว็บไซต์ (URL ของหน้าแรก) เมื่อคุณคลิกที่หน้าเข้าสู่ระบบ ระบบจะนำคุณไปยัง หน้า WordPress ของเว็บไซต์ หากคุณต้องการให้ URL เว็บไซต์ของคุณเป็น https://example.com คุณสามารถใส่ '/WP-Admin/' ที่ด้านล่าง

จะบอกได้อย่างไรว่าเว็บไซต์สร้างด้วย WordPress

หากผลลัพธ์นี้บ่งชี้ว่าหน้าไม่พร้อมใช้งาน คุณสามารถมั่นใจได้ว่าหน้านั้นโฮสต์บน WordPress

ธีม WordPress เหมือนกับเทมเพลตหรือไม่

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

เทมเพลต WordPress สองประเภท

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

คุณจะทราบได้อย่างไรว่าเว็บไซต์ใช้เทมเพลตใด

ภาพโดย – pinimg.com

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

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

ฐานรหัสของ Squarespace มีส่วนนี้ ซึ่งระบุว่าเทมเพลตใดที่ไซต์ใช้อยู่ หากไม่มี Squarescore ไซต์จะไม่ใช้งาน เพิ่มเวอร์ชันหลังจากสตริง templateID สิ้นสุดลงไม่นาน มีความแตกต่างระหว่าง 7 และ 7.1 ซึ่งทั้งสองอย่างคือ 7.5 เทมเพลตใดๆ เหล่านี้สามารถใช้กับเว็บไซต์ใดก็ได้ และรหัสสำหรับแต่ละเทมเพลตจะเหมือนกัน เทมเพลต 7.1 ของ Squarespace สร้างขึ้นโดยใช้รหัสหลักเดียวกันและทั้งหมดมีรหัสเทมเพลตเดียวกัน ด้วยเหตุนี้ คุณจึงไม่สามารถบอกได้ว่าเว็บไซต์นั้นเป็น Om, Julia, Montauk, Kent หรือเพียงแค่ Kent เพราะพวกเขาทั้งหมดมีลักษณะเหมือนกัน

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

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

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


WordPress เทมเพลตเริ่มต้นคืออะไร?

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

เทมเพลตหน้า WordPress ต่างๆ

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

ตัวอย่างเทมเพลตหน้า WordPress

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

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

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