มีตัวสร้างเพจอยู่มากมายหลายสิบตัว และคุณคงกำลังถามตัวเองว่า: อะไรทำให้ Page Builder Sandwich พิเศษขนาดนั้น? ทำไมคุณถึงต้องสนใจใช้มันด้วยหากคุณมีตัวอื่นอยู่ในมืออยู่แล้ว?
ในบทความนี้ ผมจะมาแจกแจงฟีเจอร์สำคัญบางส่วนที่พบใน Page Builder Sandwich ซึ่งทำให้มันมีเอกลักษณ์เฉพาะตัว และเป็นสิ่งที่ต้องมีสำหรับทั้งผู้สร้างคอนเทนต์และนักออกแบบ หากคุณไม่ทราบว่าตัวสร้างเพจคืออะไรและทำไมคุณถึงต้องการมัน ไม่ต้องกังวล เรามีข้อมูลที่จะช่วยคุณได้
1. คุณจะไม่เพียงแค่เห็นภาพจำลองของเนื้อหา แต่คุณจะได้เห็นและแก้ไขเนื้อหาจริงของคุณ
ในตัวสร้างเพจอื่นๆ คุณจะเห็นเพียงพื้นที่ที่จำลองเนื้อหาของคุณ คุณมักจะจัดเลย์เอาต์เนื้อหาด้วยบล็อกและรูปทรงสี่เหลี่ยมผืนผ้า และผลลัพธ์ก็ดูเหมือนโครงสร้างคร่าวๆ ว่าเนื้อหาของคุณจะออกมาหน้าตาเป็นอย่างไรในหน้าเว็บในท้ายที่สุด ซึ่งนำไปสู่การคลิกปุ่มดูตัวอย่างตลอดเวลาเพียงเพื่อดูว่าผลลัพธ์จะออกมาเป็นอย่างไร
ด้วย Page Builder Sandwich การแก้ไขทั้งหมดจะดำเนินการที่ส่วนหน้า (front end) ของเว็บไซต์ของคุณ และคุณสามารถแก้ไขเนื้อหาได้โดยตรงเพื่อประสบการณ์แบบเห็นสิ่งใดก็ได้สิ่งนั้นอย่างแท้จริง
2. แก้ไขได้โดยตรงอย่างรวดเร็วและง่ายดายโดยไม่ต้องมีหน้าต่างป๊อปอัปกวนใจ
ป๊อปอัปเป็นสิ่งที่มีอยู่ในตัวสร้างเพจทั่วไปเป็นประจำ ในเกือบทุกตัว หากคุณต้องการแก้ไขสิ่งใดในเลย์เอาต์ ไม่ว่าจะเป็นหัวข้อ ป้ายกำกับปุ่ม หรือข้อความสโลแกนเล็กๆ คุณจะต้องรอให้หน้าต่างป๊อปอัปเปิดขึ้นมาก่อนเพื่อทำการเปลี่ยนแปลงข้างในนั้น
เราได้ตั้งเป้าหมายที่จะลดการใช้ป๊อปอัปทั้งหมดใน Page Builder Sandwich ให้เหลือน้อยที่สุด การตัดป๊อปอัปออกไปทำให้การแก้ไขเนื้อหาทำได้ง่ายและราบรื่นยิ่งกว่าที่เคย
การแก้ไขทำได้ตรงไปตรงมา – เพียงคลิกที่ข้อความเพื่อวางเคอร์เซอร์แล้วเริ่มพิมพ์ได้ทันที คุณไม่ต้องรอหน้าต่างป๊อปอัปที่มีตัวแก้ไข TinyMCE เพื่อเริ่มแก้ไขอีกต่อไป และส่วนที่ดีที่สุดคือคุณยังคงสามารถลากและวางเนื้อหาไปมาได้
นวัตกรรมอีกอย่างหนึ่งที่ช่วยให้การแก้ไขไม่ยุ่งยากคือกล่องเครื่องมือ Inspector ที่พร้อมใช้งานอยู่เสมอ Inspector ทำหน้าที่เป็นกล่องเครื่องมือและตัวแก้ไขคุณสมบัติของคุณ เครื่องมือสำหรับจัดรูปแบบเนื้อหาของคุณ: สีข้อความ หัวข้อ การปรับขนาดฟอนต์ ระยะขอบ (margin) ระยะห่างภายใน (padding) เส้นขอบ ข้อความอ้างอิง (blockquote) และอื่นๆ อีกมากมายอยู่ห่างออกไปเพียงแค่คลิกเดียว
3. การนำฟังก์ชันการทำงานของ WordPress กลับมาใช้ใหม่
อีกสิ่งหนึ่งที่เราสังเกตเห็นในตัวสร้างเพจอื่นๆ คือพวกเขามักจะสร้างสิ่งที่ซ้ำซ้อนขึ้นมาใหม่ บางตัวสร้างตัวเลือกสี เครื่องมืออัปโหลดภาพ ตัวสร้างแกลเลอรี และเครื่องมืออื่นๆ อีกมากมายขึ้นมาเอง ซึ่งในตัวมันเองก็ไม่ได้มีอะไรผิด แต่ WordPress เป็นขุมสมบัติของโค้ดที่มีอยู่แล้ว แล้วทำไมเราถึงไม่นำสิ่งเหล่านั้นมาใช้ล่ะ?
WordPress เป็นแพลตฟอร์มที่ยอดเยี่ยมและมีขนาดใหญ่มาก ทั้งยังมีเครื่องมือเจ๋งๆ มากมายที่สร้างขึ้นโดยผู้สนับสนุนที่ยอดเยี่ยมจำนวนมาก Page Builder Sandwich จึงใช้ฟังก์ชันการทำงานที่มาพร้อมกับ WordPress อยู่แล้วให้ได้มากที่สุด
แทนที่จะใช้ตัวเลือกสีที่เราสร้างขึ้นเอง เราเลือกใช้ตัวเลือกสี Iris แทนที่จะใช้ตัวอัปโหลดรูปภาพของเราเอง เราใช้ตัวจัดการสื่อ (media manager) นอกจากนี้ยังมี backbonejs, underscorejs, wp.hooks และ wp.shortcode ซึ่งเป็นสคริปต์ที่มีประโยชน์อีกไม่กี่ตัวที่เราขอยกตัวอย่าง เราใช้สิ่งเหล่านี้ทั้งหมด และนี่ทำให้ชีวิตของเราง่ายขึ้น อีกทั้งยังส่งผลให้โค้ดมีความเสถียรมากขึ้นด้วย
การนำฟังก์ชันการทำงานของ WordPress กลับมาใช้ใหม่ยังนำมาซึ่งผลลัพธ์ที่น่าประหลาดใจอย่างยอดเยี่ยมอีกด้วย ตัวอย่างเช่น เนื่องจากเราใช้ตัวจัดการสื่อในการแทรกรูปภาพ จึงเป็นเรื่องน่ายินดีที่เราสามารถจัดการแกลเลอรี WordPress, เพลย์ลิสต์วิดีโอและเสียง รวมถึง URL ภายนอกได้ในทันที นอกจากนี้เรายังสามารถใช้ตัวจัดการสื่อเพื่อแก้ไขรูปภาพได้เลย ซึ่งช่วยขจัดความปวดหัวในการพัฒนาที่ไม่จำเป็นไปได้หลายชั่วโมง
4. การนำทางด้วยคีย์บอร์ดและปุ่มลัด
ในตัวสร้างเพจอื่นๆ เมาส์คือเพื่อนของคุณ คุณลากและวางสิ่งต่างๆ ด้วยเมาส์ และดับเบิลคลิกสิ่งต่างๆ เพื่อแก้ไข แต่คีย์บอร์ดมักจะถูกละเลย
ตัวอย่างเช่น ในตัวสร้างเพจบางตัว คุณไม่สามารถแก้ไขข้อความที่อยู่เหนือตำแหน่งที่คุณกำลังแก้ไขอยู่หนึ่งย่อหน้า/ส่วนได้อย่างง่ายดาย เพราะคุณจะต้องคลิกออกจากหน้าต่างป๊อปอัปแล้วคลิกเข้าไปในหน้าต่างใหม่อีกอัน ใน Page Builder Sandwich คุณสามารถนำทางด้วยคีย์บอร์ดของคุณได้ กดปุ่มลูกศรเพื่อเลื่อนไปมาระหว่างเนื้อหาของคุณ ซึ่งใช้งานได้แม้ว่าเนื้อหาอื่นของคุณจะซ่อนอยู่ภายในแถวหรือคอลัมน์อื่นก็ตาม
ฟีเจอร์สำคัญอีกอย่างหนึ่งคือปุ่มลัดคีย์บอร์ดสำหรับเลิกทำ (undo) และทำซ้ำ (redo) ตอนแรกอาจดูเหมือนไม่มีอะไรมาก แต่ลองคิดดู: จะเกิดอะไรขึ้นหากคุณเผลอลากและวางเนื้อหาผิดตำแหน่ง ในตัวสร้างเพจบางตัว คุณจะต้องลากมันกลับไปยังตำแหน่งเดิม แต่ใน Page Builder Sandwich ทั้งฟังก์ชันเลิกทำและทำซ้ำสามารถใช้งานได้ ดังนั้น ไม่ว่าคุณต้องการจะแก้ไขสิ่งที่คุณพิมพ์ หรือต้องการกู้คืนเนื้อหาที่คุณลากไป (หรือเนื้อหาหลายรายการที่ถูกลากไป) เพียงแค่กดเลิกทำหรือทำซ้ำ ฟังก์ชันเลิกทำและทำซ้ำใช้งานได้กับการลากและวางเนื้อหา และแม้กระทั่งการเปลี่ยนแปลงคุณสมบัติต่างๆ เช่น ขนาดฟอนต์และระยะห่างภายในแถว สิ่งนี้ทำให้พวกมันเป็นเครื่องมืออันทรงพลังในคลังแสงการแก้ไขของคุณ
5. ตัวสร้างเพจส่วนหน้าอย่างแท้จริง – ประสบการณ์การแก้ไขที่ผ่อนคลายและไร้ความยุ่งยากยิ่งขึ้น
แนวคิดของเราในระหว่างการพัฒนาคือการแก้ไขที่ส่วนหน้าไม่ควรทำให้รู้สึกเหมือนว่าคุณยังคงแก้ไขโดยใช้เครื่องมือส่วนหลัง (back end) อยู่ มันไม่ควรให้ความรู้สึกเหมือนว่าตัวสร้างเพจถูกสร้างขึ้นมาเพื่อส่วนหลังในตอนแรกแล้วค่อยพอร์ตมาที่ส่วนหน้า
โดยรวมแล้ว สำหรับผม จุดเด่นหลักที่สร้างความแตกต่างของ Page Builder Sandwich คือเราสร้างมันขึ้นมาโดยมีเป้าหมายเพื่อเป็นตัวสร้างเพจส่วนหน้า “ที่แท้จริง” – ซึ่งเป็นการสร้างจินตนาการใหม่ว่าการแก้ไขที่ส่วนหน้าควรจะเป็นอย่างไร