บทความนี้จะสรุปภาพรวมคร่าวๆ เกี่ยวกับการทำงานของ Page Builder Sandwich และมีจุดประสงค์เพื่อเป็นข้อมูลเบื้องต้นสำหรับผู้ที่สนใจว่าตัวสร้างเพจของเราทำงานร่วมกับส่วนต่างๆ ใน WordPress อย่างไร เราจะไม่ลงลึกในฟีเจอร์แต่ละอย่างของ Page Builder Sandwich หากคุณต้องการดูข้อมูลเหล่านั้น โปรดไปที่หน้าวิดีโอของเรา ซึ่งเราได้แสดงฟีเจอร์แต่ละอย่างผ่านวิดีโอบันทึกหน้าจอขนาดสั้น
หากคุณต้องการทราบว่า Page Builder Sandwich แตกต่างจากตัวสร้างเพจอื่นๆ อย่างไร โปรดดูบทความของเรา Page Builder Sandwich แตกต่างจากเจ้าอื่นอย่างไร
มันอยู่ที่ไหน? และสามารถใช้แก้ไขอะไรได้บ้าง?
Page Builder Sandwich ทำงานอยู่บนส่วนหน้าเว็บไซต์ (Front-end) ของคุณ ซึ่งต่างจากตัวสร้างเพจอื่นๆ จำนวนมาก หากคุณอยู่ในส่วนหลังบ้าน เราได้จัดเตรียมปุ่ม “Frontend” ไว้ข้างๆ ปุ่มแก้ไขเนื้อหา ซึ่งจะนำคุณไปยังส่วนหน้าของหน้าเว็บของคุณ
Page Builder Sandwich ช่วยให้คุณแก้ไขโพสต์ หน้าเว็บ และเนื้อหา Custom Post Type ได้ อย่างไรก็ตาม เครื่องมือนี้ไม่อนุญาตให้คุณแก้ไขโพสต์บล็อกที่รวมอยู่บนหน้าแรกโดยตรง รวมถึงพื้นที่อื่นๆ ที่ไม่ใช่หน้ารายการเดี่ยวบนเว็บไซต์ของคุณ ลองคิดดูง่ายๆ แบบนี้ หากสิ่งที่คุณต้องการแก้ไขมีตัวแก้ไขเนื้อหาในส่วนหลังบ้าน (เช่น “New Post” และ “New Page”) คุณก็สามารถใช้ Page Builder Sandwich ได้ คุณสามารถแก้ไขแต่ละหน้าเว็บและโพสต์บล็อกของคุณได้ และตัวอย่างเช่น หากคุณมีปลั๊กอินสำหรับเมนูร้านอาหารหรือผลงานพอร์ตโฟลิโอ คุณก็สามารถแก้ไขสิ่งเหล่านั้นได้เช่นกัน
เมื่ออยู่ในส่วนหน้าเว็บ เราได้ใส่ปุ่มสีฟ้า “Edit with Page Builder Sandwich” ไว้ในแถบแอดมินบาร์ของคุณ เพียงคลิกปุ่มนั้นเพื่อเริ่มแก้ไขหน้าเว็บของคุณได้ทันที
การแก้ไขเนื้อหาโดยตรง
ด้วย Page Builder Sandwich เราได้ทำให้การแก้ไขเนื้อหาง่ายดายและราบรื่นที่สุดเท่าที่จะเป็นไปได้ การแก้ไขเนื้อหานั้นตรงไปตรงมาและง่ายดาย เพียงแค่คลิกแล้วพิมพ์ ทุกอย่างง่ายแค่นั้นเอง
ขอแนะนำ Inspector
เราสังเกตเห็นว่าตัวสร้างเพจจำนวนมากมีป๊อปอัปผุดขึ้นมาบ่อยมาก โดยส่วนตัวแล้ว ผมไม่ชอบป๊อปอัปเพราะมันทำให้เสียสมาธิ และเหมือนกำลังบอกคุณว่า “นี่ หยุดสิ่งที่คุณกำลังทำอยู่ก่อนจนกว่าคุณจะกรอกข้อมูลในช่องเหล่านี้ให้ครบ” สิ่งเหล่านี้ทำลายความต่อเนื่องของประสบการณ์การแก้ไขที่ควรจะราบรื่น ด้วยเหตุนี้ เราจึงลดการใช้ป๊อปอัปให้เหลือน้อยที่สุด และสร้าง Inspector ขึ้นมาแทน
Inspector เป็นพื้นที่รูปแบบแถบด้านข้างที่รวมเครื่องมือจัดรูปแบบและจัดเลย์เอาต์ทั้งหมดที่คุณต้องการ คุณสามารถตรึง Inspector ไว้ที่ด้านซ้ายหรือด้านขวาของหน้าจอ เพื่อให้มองเห็นสิ่งที่คุณกำลังแก้ไขได้อย่างง่ายดาย
จาก Inspector คุณสามารถปรับคุณสมบัติข้อความต่างๆ เช่น หัวข้อ ขนาดตัวอักษร ตัวหนา ตัวเอียง สีข้อความ และอื่นๆ อีกมากมาย นอกเหนือจากนั้น ยังช่วยให้คุณเพิ่มรูปภาพและสร้างแถวหรือเนื้อหาแบบหลายคอลัมน์ได้อีกด้วย นอกจากนี้ยังรองรับการแก้ไขขั้นสูง เช่น การปรับแถวให้มีความกว้างเต็มหน้าจอ สีพื้นหลังของแถวและคอลัมน์ การจัดแนวเนื้อหาในแนวตั้ง ตลอดจนระยะขอบและพื้นหลัง ซึ่งทรงพลังมากและคุณจะได้ใช้งานมันเป็นหลักอย่างแน่นอน
การทำงานร่วมกับธีม WordPress
โดยธรรมชาติแล้ว Page Builder Sandwich แทบจะไม่มีการกำหนดสไตล์รวมมาด้วยในตัว เมื่อคุณแก้ไขเนื้อหา สไตล์ที่คุณเห็นส่วนใหญ่จะอิงตามธีมของคุณ
การทำงานร่วมกับชอร์ตโค้ด
ชอร์ตโค้ดเป็นองค์ประกอบที่สำคัญใน WordPress และคุณน่าจะได้ใช้ชอร์ตโค้ดหลายตัวในเว็บไซต์ของคุณ Page Builder Sandwich จัดการสิ่งเหล่านี้ได้เป็นอย่างดี โดยชอร์ตโค้ดของคุณจะแสดงผลลัพธ์ให้เห็นในส่วนหน้าเว็บทันที ชอร์ตโค้ดยังคงสามารถแก้ไขได้ และส่วนที่ดีที่สุดคือ หลังจากที่คุณแก้ไขชอร์ตโค้ดแล้ว มันจะแสดงผลใหม่อีกครั้งพร้อมกับการเปลี่ยนแปลงของคุณ
เพื่อความสะดวก คุณจะสามารถแก้ไขชอร์ตโค้ดของคุณโดยใช้ Inspector ได้ หากคุณต้องการควบคุมเพิ่มเติม คุณยังสามารถดับเบิลคลิกที่ชอร์ตโค้ดเพื่อแก้ไขในรูปแบบดิบได้อีกด้วย นอกจากนี้ ชอร์ตโค้ดทั้งหมดที่มีอยู่ในเว็บไซต์ของคุณจะแสดงรายการอยู่ใน Inspector เพื่อให้แทรกลงในเนื้อหาของคุณได้อย่างง่ายดาย
แล้วเรื่องความหนักของเว็บไซต์ล่ะ?
ใครจะชอบเว็บไซต์ที่ช้า? ไม่ใช่เรา และไม่ใช่คุณอย่างแน่นอน เราได้ตรวจสอบให้แน่ใจว่า Page Builder Sandwich มีผลกระทบต่อประสิทธิภาพเว็บไซต์ของคุณใกล้เคียงกับศูนย์ เมื่อผู้ใช้ไม่ได้เข้าสู่ระบบ อย่างน้อยที่สุดจะมีเพียงสไตล์ CSS ของแถวและคอลัมน์เท่านั้นที่ถูกโหลดเข้ามา พร้อมกับสคริปต์ JS และ CSS ที่จำเป็นสำหรับชอร์ตโค้ดที่คุณใช้งานเท่านั้น
สำหรับนักพัฒนา
หากคุณเป็นนักพัฒนาและมีชอร์ตโค้ดในปลั๊กอิน WordPress ของคุณ Page Builder Sandwich มี Shortcode API เพื่อให้คุณสามารถเตรียมฟิลด์สำหรับลูกค้าของคุณเพื่อสร้างและแก้ไขชอร์ตโค้ดได้อย่างง่ายดาย
หากคุณต้องการขยายความสามารถเพิ่มเติมหรือทำงานร่วมกับบางส่วนของ Page Builder Sandwich เรายังมี Action Hook และ Filter Hook ที่มีประโยชน์มากมายให้คุณได้เลือกใช้