Page Builder Sandwich ไม่เหมือนกับเครื่องมือสร้างหน้าทั่วไปของคุณ เพราะไม่ซับซ้อนและใช้งานง่าย
คุณสามารถดูวิดีโอด้านล่างเพื่อดูข้อมูลคร่าว ๆ ได้อย่างรวดเร็ว
เครื่องมือแก้ไขอยู่ที่ไหน?
ขั้นแรก ให้สร้างหน้า โพสต์ หรือ CPT ใหม่ จากนั้นไปที่โพสต์ใหม่ของคุณหรือโพสต์ที่มีอยู่แล้วที่หน้าบ้าน (frontend) PBS ทำงานที่หน้าบ้าน 100% คุณจึงไม่ต้องไปวุ่นวายกับการปรับแต่งในระบบหลังบ้าน (backend)
ควรจะมีปุ่ม “Page Builder Sandwich” ที่ด้านบนของหน้า (บนแถบผู้ดูแลระบบของคุณ) ให้คลิกที่ปุ่มนั้นเพื่อเริ่มแก้ไข คุณจะเห็นพื้นที่จัดรูปแบบข้อความปรากฏขึ้นมาจากด้านบน และแผงเพิ่มองค์ประกอบปรากฏขึ้นมาจากด้านข้าง พื้นที่เนื้อหาของธีมของคุณตอนนี้กลายเป็นเครื่องมือแก้ไขของคุณแล้ว!
คุณสามารถแก้ไขได้เฉพาะหน้าเดี่ยวด้วย PBS เท่านั้น คุณไม่สามารถแก้ไขหน้ารายการบล็อกโพสต์ หรือหน้า 404 ได้ เนื่องจากหน้าเหล่านั้นถูกสร้างขึ้นโดยธีมของคุณ ทั้งนี้สามารถแก้ไขโพสต์ หน้า และประเภทโพสต์ที่กำหนดเอง (custom post types) ได้
การแก้ไขเนื้อหาของคุณ
ตอนนี้มาถึงส่วนที่ยอดเยี่ยมแล้ว.. เมื่อคุณอยู่ที่หน้าบ้านและอยู่ในตัวแก้ไข ให้คลิกข้อความใดก็ได้ในเนื้อหาของคุณ หรือคลิกภายในพื้นที่เนื้อหาของคุณแล้วเริ่มพิมพ์ได้เลย! แตกต่างจากเครื่องมือสร้างหน้าอื่น ๆ PBS ช่วยให้คุณแก้ไขเนื้อหาได้โดยตรงโดยไม่จำเป็นต้องผ่านกล่องโต้ตอบป๊อปอัป
การจัดรูปแบบเนื้อหาของคุณ / การทำให้สิ่งต่าง ๆ ดูสวยงาม
ขณะแก้ไข พื้นที่ด้านบนเรียกว่า แถบจัดรูปแบบข้อความ แถบนี้ประกอบด้วยเครื่องมือจัดรูปแบบทั้งหมดที่คุณจะใช้สำหรับตกแต่งข้อความ เช่น สี ตัวหนา ตัวเอียง การจัดแนว การเพิ่มลิงก์ รายการสัญลักษณ์แสดงหัวข้อย่อย และอื่น ๆ ชี้เมาส์เหนือแต่ละปุ่มเพื่อดูว่าเครื่องมือนั้นทำอะไรได้บ้าง
การเพิ่มองค์ประกอบ
วางเมาส์เหนือปุ่ม Add Elements (เพิ่มองค์ประกอบ) ที่ด้านซ้ายบนของหน้าจอเพื่อแสดง แผงเพิ่มองค์ประกอบ คุณยังสามารถเลื่อนเมาส์ไปทางด้านซ้ายของหน้าจอเพื่อให้แผงแสดงขึ้นมาได้เช่นกัน
หากต้องการแทรกองค์ประกอบใด ๆ ให้คลิกเมาส์ค้างไว้ที่องค์ประกอบนั้น แล้วลากเข้าไปในพื้นที่เนื้อหาของคุณ พื้นที่ที่จะวางองค์ประกอบจะถูกเน้น ปล่อยปุ่มเมาส์เพื่อวางองค์ประกอบ
การตกแต่งสไตล์และการปรับแต่งองค์ประกอบ
วางเมาส์เหนือองค์ประกอบใด ๆ ที่คุณมีในเนื้อหาของคุณ จากนั้นเส้นขอบและแถบเครื่องมือจะปรากฏขึ้นมาเหนือองค์ประกอบเหล่านั้น
คุณสามารถวางเมาส์เหนือขอบของเส้นร่างเพื่อเพิ่ม/ลดระยะขอบระหว่างองค์ประกอบได้
คุณยังสามารถคลิกที่ปุ่มบนแถบเครื่องมือเพื่อดำเนินการด่วนกับองค์ประกอบได้ การคลิกที่ไอคอน รูปฟันเฟือง บนแถบเครื่องมือจะเปิด ตัวตรวจสอบคุณสมบัติ (Properties Inspector) ซึ่งมีตัวเลือกเพิ่มเติม
ตัวตรวจสอบคุณสมบัติ (The Properties Inspector)
ตัวตรวจสอบคุณสมบัติช่วยให้คุณควบคุมรูปลักษณ์ขององค์ประกอบได้มากขึ้น คุณสามารถเพิ่มสิ่งต่าง ๆ ได้มากมาย เช่น เงา ภาพเคลื่อนไหว เปลี่ยนสีแผนที่ รัศมีความโค้งมนของขอบ และอื่น ๆ อีกมากมาย
คุณยังสามารถเข้าถึงคุณสมบัติขององค์ประกอบหลัก (parents) ได้อีกด้วย ตัวอย่างเช่น หากคุณวางรูปภาพไว้ในคอลัมน์แล้วเปิดตัวตรวจสอบคุณสมบัติขึ้นมา คุณสามารถเข้าถึงคุณสมบัติของรูปภาพ คอลัมน์ที่มีรูปภาพนั้นอยู่ และแถวที่มีคอลัมน์นั้นอยู่ได้
ตัวตรวจสอบคุณสมบัติมีการตั้งค่าที่แตกต่างกันมากมายสำหรับองค์ประกอบที่ต่างกัน ดังนั้นอย่าลืมลองตรวจสอบดูทั้งหมด
การใช้ชอร์ตโค้ด (Shortcodes)
Page Builder Sandwich จะแสดงชอร์ตโค้ดจริง ๆ ให้คุณเห็นที่หน้าบ้าน และคุณก็สามารถแก้ไขได้อย่างง่ายดายด้วยเช่นกัน!
หากคุณจำชอร์ตโค้ดของคุณได้ คุณสามารถแทรกชอร์ตโค้ดได้โดยพิมพ์ลงในเนื้อหาของคุณโดยตรง แต่ถ้าคุณจำไม่ได้ทั้งหมด (ใครจะไปจำได้หมด?) ตัวตรวจสอบจะแสดงรายการชอร์ตโค้ดทั้งหมดที่มีอยู่ในเว็บไซต์ของคุณ ให้ลากปุ่ม Shortcode จากตัวตรวจสอบเข้าไปในพื้นที่เนื้อหาของคุณ และค้นหาชอร์ตโค้ดที่คุณต้องการแทรก จากนั้นคลิกที่ชอร์ตโค้ดนั้นเพื่อแทรก
ชอร์ตโค้ดจะถูกเรนเดอร์เป็นเนื้อหาจริงที่หน้าบ้าน ในการแก้ไข คุณสามารถเลือกชอร์ตโค้ดและตรวจสอบแอตทริบิวต์ต่าง ๆ ในตัวตรวจสอบได้ หรือเพื่อการควบคุมที่ละเอียดยิ่งขึ้น คุณสามารถดับเบิลคลิกที่ชอร์ตโค้ดเพื่อแก้ไขในรูปแบบโค้ดดิบ (raw form) ได้ หลังจากทำการแก้ไขแล้ว ชอร์ตโค้ดของคุณจะอัปเดตเพื่อแสดงการเปลี่ยนแปลง
การจัดเรียงเนื้อหาของคุณใหม่
คุณสามารถคลิกและลากสิ่งใดก็ได้และย้ายไปที่ใดก็ได้ด้วย PBS เมื่อคุณลากบางสิ่ง ให้ย้ายไปไว้ด้านบนขององค์ประกอบอื่นในหน้า โดยคุณสามารถย้ายไปไว้ด้านบนหรือด้านล่างของเนื้อหาอื่น ๆ ได้
การบันทึกงานของคุณ
เมื่อคุณพอใจกับการออกแบบของคุณแล้ว เพียงคลิกที่ปุ่มบันทึกที่ด้านซ้ายบนของหน้าจอ เท่านี้ก็เรียบร้อย!