การแก้ไขเว็บไซต์เต็มรูปแบบใน WordPress 5.8 คืออะไร?

ณ สิ้นปี 2020 ใน State of the Word Matt Mullenweg นำเสนอฟีเจอร์ใหม่ของตัวแก้ไขบล็อกที่จะมาพร้อมกับ WordPress เวอร์ชันใหม่ในปี 2021 ตามที่เขาทำทุกปี

Matt บอกเราว่าเป้าหมายหนึ่งของปีนี้คือเปลี่ยนประสบการณ์ผู้ใช้ในการสร้างเว็บไซต์ WordPress: แนวคิดก็คือว่าเราจะลงเอยด้วยการสร้างไม่เพียงแค่โพสต์และเพจเท่านั้น แต่ยังรวมถึงเว็บทั้งหมดโดยใช้บล็อก นั่นคือ เราจะสามารถสร้างเมนูนำทาง แถบด้านข้างพร้อมวิดเจ็ต เทมเพลต ฯลฯ จากตัวแก้ไขบล็อก WordPress เดียวกันได้ เขาเรียกแนวคิดนี้ว่า Full Site Editing (FSE) และเป็นเป้าหมายหลักของระยะที่ 2 ของ Gutenberg

การแก้ไขไซต์แบบเต็มไม่ได้เป็นเพียงคำศัพท์รวมสำหรับชุดของโปรเจ็กต์ที่อยู่ระหว่างการพัฒนาเพื่อให้ได้รับประสบการณ์ใหม่นี้ Josepha Haden ประกาศในเดือนเมษายนของปีนี้ว่าเวอร์ชันแรกของ Full Site Editing จะรวมอยู่ในเวอร์ชัน WordPress 5.8 ซึ่งมีกำหนดเปิดตัวในเดือนกรกฎาคม 2021

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

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

สร้าง WordPress Core โดย Josepha Haden

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

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

โหมดแก้ไขเทมเพลต

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

เปิดใช้งานการแก้ไขเทมเพลต

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

add_theme_support( 'block-templates' );

นั่นคือสิ่งที่ฉันได้ทำในธีม Twenty Twenty-One เพื่อให้สามารถบอกคุณได้ว่ามันทำงานอย่างไร

สร้างและแก้ไขเทมเพลต

สิ่งแรกที่เราพบในแถบด้านข้างขวาสำหรับแก้ไขหน้าหรือโพสต์คือตัวเลือกในการสร้างเทมเพลตใหม่

หลังจากคลิกที่ลิงค์ «New» หน้าต่างป๊อปอัปจะปรากฏขึ้น ซึ่งคุณต้องระบุชื่อเทมเพลตที่คุณกำลังจะสร้าง

หลังจากคลิกปุ่ม «Create» แสดงว่าคุณอยู่ในเครื่องมือแก้ไขเทมเพลตแล้ว ซึ่งคล้ายกับเครื่องมือแก้ไขบล็อกที่คุณทราบอยู่แล้วโดยมีข้อแตกต่างเล็กน้อย

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

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

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

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

บล็อกธีม

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

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

สำหรับแต่ละบล็อกเหล่านี้ คุณสามารถปรับเปลี่ยนลักษณะของบล็อกได้เหมือนกับบล็อกอื่นๆ

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

บล็อกโพสต์ล่าสุด

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

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

Query Loop และ Post List Blocks

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

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

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

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

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

รายการดู

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

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

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

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

สรุป

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

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

คุณตัดสินใจติดตั้ง WordPress เวอร์ชันนี้แล้วหรือยัง? เราอยากให้คุณแบ่งปันประสบการณ์ของคุณ

ภาพเด่นโดย Andrew Neel บน Unsplash