Page Builder Sandwich ไม่เหมือนกับเครื่องมือสร้างเพจทั่วไป เพราะไม่ซับซ้อนและใช้งานง่าย

คุณสามารถดูวิดีโอด้านล่างนี้เพื่อดูภาพรวมการใช้งานอย่างรวดเร็ว

ตัวแก้ไขอยู่ที่ไหน?

ขั้นแรก ให้สร้างหน้า, โพสต์ หรือ CPT ใหม่ จากนั้นไปที่โพสต์ใหม่ของคุณหรือโพสต์ใดๆ ที่มีอยู่แล้วบนหน้าบ้าน (Frontend) ของคุณ PBS ทำงานบนหน้าบ้าน 100% คุณจึงไม่ต้องไปวุ่นวายกับการตั้งค่าในระบบหลังบ้าน

จะมีปุ่ม “Page Builder Sandwich” อยู่ที่ด้านบนของหน้าเว็บ (บนแถบผู้ดูแลระบบของคุณ) ให้คลิกที่ปุ่มนั้นเพื่อเริ่มแก้ไข คุณจะเห็นพื้นที่จัดรูปแบบข้อความปรากฏขึ้นจากด้านบน และแผงเพิ่มองค์ประกอบปรากฏขึ้นจากด้านข้าง ตอนนี้พื้นที่เนื้อหาในธีมของคุณก็กลายเป็นตัวแก้ไขแล้ว!

คุณสามารถแก้ไขได้เฉพาะหน้าเดี่ยวด้วย PBS เท่านั้น คุณไม่สามารถแก้ไขหน้ารายการบล็อกโพสต์ หรือหน้า 404 ได้ เนื่องจากหน้าเหล่านั้นถูกสร้างขึ้นโดยธีมของคุณ ทั้งนี้ โพสต์, หน้า และ custom post types สามารถแก้ไขได้ตามปกติ

การแก้ไขเนื้อหาของคุณ

และนี่คือส่วนที่ยอดเยี่ยมมาก… เมื่อคุณอยู่ที่หน้าบ้านและอยู่ในตัวแก้ไขแล้ว ให้คลิกที่ข้อความใดก็ได้ในเนื้อหาของคุณ หรือคลิกภายในพื้นที่เนื้อหาแล้วเริ่มพิมพ์ได้เลย! แตกต่างจากเครื่องมือสร้างเพจอื่นๆ PBS ให้คุณแก้ไขเนื้อหาได้โดยตรงโดยไม่ต้องผ่านกล่องข้อความป๊อปอัป

การจัดรูปแบบเนื้อหา / การตกแต่งให้สวยงาม

ในขณะที่แก้ไข พื้นที่ด้านบนจะเรียกว่า Text Formatting Bar แถบนี้ประกอบด้วยเครื่องมือจัดรูปแบบทั้งหมดที่คุณจะใช้สำหรับตกแต่งข้อความ เช่น สี, ตัวหนา, ตัวเอียง, การจัดแนว, การเพิ่มลิงก์, สัญลักษณ์แสดงหัวข้อย่อย และอื่นๆ เลื่อนเมาส์ไปวางเหนือแต่ละปุ่มเพื่อดูว่าเครื่องมือนั้นใช้ทำอะไร

การเพิ่มองค์ประกอบ

เลื่อนเมาส์ไปวางเหนือปุ่ม Add Elements ที่ด้านซ้ายบนของหน้าจอเพื่อแสดง Add Element Panel หรือคุณเพียงแค่เลื่อนเมาส์ไปทางด้านซ้ายของหน้าจอเพื่อให้แผงดังกล่าวแสดงขึ้นมาก็ได้

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

การตกแต่งและปรับแต่งองค์ประกอบ

เลื่อนเมาส์ไปวางเหนือองค์ประกอบใดๆ ที่คุณมีในเนื้อหา จากนั้นเส้นขอบและแถบเครื่องมือจะปรากฏขึ้นเหนือองค์ประกอบเหล่านั้น

คุณสามารถเลื่อนเมาส์ไปวางเหนือขอบของเส้นโครงร่างเพื่อเพิ่ม/ลดระยะขอบระหว่างองค์ประกอบได้

คุณยังสามารถคลิกที่ปุ่มบนแถบเครื่องมือเพื่อดำเนินการด่วนกับองค์ประกอบได้ การคลิกที่ไอคอน ฟันเฟือง บนแถบเครื่องมือจะเปิด Properties Inspector ซึ่งมีตัวเลือกเพิ่มเติมมากมาย

Properties Inspector

Properties Inspector ช่วยให้คุณควบคุมรูปลักษณ์ขององค์ประกอบได้มากขึ้น คุณสามารถเพิ่มสิ่งต่างๆ ได้มากมาย เช่น เงา, แอนิเมชัน, เปลี่ยนสีแผนที่, รัศมีขอบมน และอื่นๆ อีกมากมาย

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

Properties Inspector มีการตั้งค่าที่หลากหลายสำหรับแต่ละองค์ประกอบ ดังนั้นอย่าลืมลองสำรวจดูทั้งหมด

การใช้ Shortcodes

Page Builder Sandwich จะแสดงชอร์ตโค้ดจริงบนหน้าบ้าน และคุณก็สามารถแก้ไขได้อย่างง่ายดายเช่นกัน!

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

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

การจัดเรียงเนื้อหาของคุณใหม่

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

การบันทึกงานของคุณ

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