คู่มือสำหรับผู้เริ่มต้นใช้งาน: โหมดแก้ไขเทมเพลต WordPress และตัวแก้ไขไซต์

ใน WordPress 5.8 คุณสามารถเข้าถึงคุณลักษณะใหม่อันทรงพลัง – โหมดแก้ไขเทมเพลต WordPress

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

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

• มันคืออะไร,
• วิธีการเข้าถึง
• วิธีการออกแบบเทมเพลตที่กำหนดเอง

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

โหมดแก้ไขเทมเพลต WordPress คืออะไร

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

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

หากคุณคุ้นเคยกับเครื่องมือสร้างธีมของ WordPress เช่น Elementor Pro Theme Builder การสร้างธีมใน Divi 4.0 หรือส่วนขยาย Beaver Themer สำหรับ Beaver Builder โหมดแก้ไขเทมเพลต WordPress ใช้แนวทางพื้นฐานเดียวกันกับเครื่องมือเหล่านั้นทั้งหมด

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

วิธีเข้าถึงโหมดแก้ไขเทมเพลตของ WordPress

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

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

จากนั้นคุณสามารถตั้งชื่อแม่แบบของคุณแล้วคลิก สร้าง เพื่อเริ่มประสบการณ์การแก้ไข:

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

add_theme_support( 'block-templates' );

วิธีใช้โหมดแก้ไขเทมเพลต WordPress

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

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

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

การใช้บล็อกธีม

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

ขณะนี้คุณได้รับบล็อกต่อไปนี้:

• ชื่อโพสต์ – แสดงชื่อโพสต์โดยอัตโนมัติ
• โพสต์เนื้อหา – แสดงเนื้อหาหลักของโพสต์โดยอัตโนมัติ
• โพสต์รูปภาพเด่น - แสดงรูปภาพเด่นของโพสต์โดยอัตโนมัติ
• วันที่โพสต์ – แสดงวันที่เผยแพร่ของโพสต์โดยอัตโนมัติ
• Post Excerpt – แสดงข้อความที่ตัดตอนมาโดยอัตโนมัติ

การเปิดตัว WordPress ในอนาคตจะเพิ่มบล็อกธีมเพิ่มเติมเพื่อให้คุณมีความยืดหยุ่นมากยิ่งขึ้น

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

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

การกำหนดเทมเพลตของคุณให้กับโพสต์

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

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

WordPress Site Editor: อนาคตของการแก้ไขเทมเพลต WordPress

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

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

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

โดยทั่วไป:

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

วิธีเข้าถึง WordPress Site Editor

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

ในการเข้าถึง WordPress Site Editor คุณจะต้องปฏิบัติตามสองเงื่อนไข:

1. คุณจะต้องใช้ธีม WordPress ที่รองรับการแก้ไขเว็บไซต์เต็มรูปแบบ คุณสามารถค้นหาธีมเหล่านี้ได้โดยใช้ตัวกรองการแก้ไขเว็บไซต์แบบเต็มที่ WordPress.org
2. คุณจะต้องติดตั้งปลั๊กอิน Gutenberg ซึ่งเป็นสนามเด็กเล่นรุ่นเบต้าที่มีคุณลักษณะทดลอง

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

เมื่อคุณปฏิบัติตามเงื่อนไขทั้งสองนี้แล้ว คุณจะเห็นตัวเลือก Site Editor ใหม่ในแถบด้านข้างของแดชบอร์ด WordPress:

วิธีใช้ตัวแก้ไขไซต์ WordPress

อินเทอร์เฟซ WordPress Site Editor เกือบจะ เหมือนกับโหมดแก้ไขเทมเพลต ความแตกต่างเพียงอย่างเดียวคือ:

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

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

เริ่มต้นใช้งานโหมดแก้ไขเทมเพลต WordPress วันนี้

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

หากคุณต้องการเรียนรู้เพิ่มเติมเกี่ยวกับหัวข้อนี้ โปรดดูข้อมูลเบื้องต้นเกี่ยวกับการแก้ไขไซต์ WordPress แบบเต็ม

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

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