แจกของฟรี

Tailor Page Builder เป็นปลั๊กอิน Page Builder ที่ใช้งานได้ง่ายมากๆ เป็น Live Editor ที่ทำงานผ่าน Customizer เลย ทำให้เราสามารถเห็นการเปลี่ยนแปลงได้ทันที ปลั๊กอินมีความเบาและทำงานได้เร็วผิดกับปลั๊กอิน Page Builder อื่นๆ มากเลยทีเดียว

Tailor Page Builder เป็นปลั๊กอินฟรี สามารถติดตั้งผ่านเมนู Plugins > Add New ได้เลยค่ะ

การใช้งาน
ก่อนที่เราจะใช้งาน Tailor Page Builder เราจะต้องเปิดหน้าที่ต้องการแก้ไขขึ้นมาก่อน แล้วถึงจะมีเมนู Tailor this Post/Page ดังนั้น หากเป็นการสร้างหน้าใหม่เลย ก็ให้เราทำการ Save Draft หน้านั้นก่อน แล้วก็คลิกที่ปุ่ม Tailor this Post บน Toolbar ค่ะ (สำหรับบางท่านถ้าไม่เห็นเมนูนี้ ให้ตั้งชื่อ Title ให้เพจก่อน ให้มันมี url ของตัวเองก่อนนะคะหลังจาก Save Draft)





จากนั้นระบบจะโหลดหน้า Live Edit ของ Tailor ขึ้นมา ซึ่งก็หน้าตาเหมือนตัว Customizer ทุกอย่าง เพียงแต่มีเฉพาะเมนูของ Tailor เท่านั้น จะเห็นว่าที่หน้าด้านขวาจะมีตัวหนังสือคร่าวๆ ไว้ให้เรา ซึ่งสามารถลบภายหลังได้



Tailor Live Edit


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




Elements

• Box แสดงข้อความแบบเป็นกล่อง สามารถใส่ไอคอนได้
• Button ปุ่ม ใส่ไอคอนได้
• Card แสดงข้อความในแบบ Card
• Content สำหรับเพิ่มเนื้อหาแบบปกติ
• Gallery สร้างแกลลรี่ภาพเป็นแบบ List, Grid, Carousel, Slider ก็ได้
• Hero สร้างเนื้อหาที่ต้องการเน้นเป็นพิเศษ
• List แสดงข้อความแบบเป็นลิสต์ สามารถใส่ไอคอนได้
• Map ใส่ Google Map
• Post  ดึงบทความในเว็บมาแสดงได้ทั้งแบบ List, Grid และ Carousel
• Section เพิ่มเซคชั่นใหม่
• Tabs สร้างเนื้อหาแบบแท็บคลิกสลับ
• Toggle สร้างเนื้อหาแบบ Toggle คลิกคลี่ขยาย
• User แสดงข้อมูลของ user
• Widgets ใส่ widgets จาก sidebar ที่สร้างไว้แล้ว

การแก้ไข Elements, Row, Sectionการ
แก้ไขก็ทำได้ง่ายๆ โดยเมื่อเราคลิกที่ element ที่ต้องการแก้ไข ก็จะมีกรอบสีน้ำเงินขึ้นมา ด้านซ้ายจะแสดงชื่อของ element นั้นๆ ซึ่งหากในแถวนั้นมีหลาย element เราก็สามารถคลิกลูกศรลงเพื่อเลือก element, row, section ก็ได้  ส่วนด้านขวาก็จะเป็นเมนู Edit กับ Delete ไว้สำหรับแก้ไขหรือลบ element, Row, Section ที่เราเลือก








เมื่อคลิก Edit เราก็จะเจอกับการตั้งค่าของ element นั้นๆ แบ่งเป็น 3 แท็บหลักๆ คือ General สำหรับกำหนดสไตล์หลักๆ Colors กำหนดเรื่องของ สีสัน กรอบ และ Attributes จะเกี่ยวกับการกำหนดระยะห่างของ Margin, Padding, ภาพพื้นหลัง โดยเราสามารถี่จะกดปุ่ม Preview ก่อนทำการ Apply การแก้ไขก็ได้



Edit Element (Button)



Edit Row



Edit Section


Sections
เนื่องจากการเพิ่ม elements ต่างๆ ลงไปนั้น จะรวมต่อกันเรื่อยๆ เป็นรวมกันเป็น Section หากเราต้องการขึ้น section ใหม่ เพื่อให้ง่ายต่อการแก้ไข ก็เพียงแค่เพิ่ม section element เข้าไปในตำแหน่งที่ต้องการ





Tip : สำหรับการแทรกคอลัมน์ (Grid Element) พื้นฐานนั้นปลั๊กอินจะแทรกเป็น 2 คอลัมน์ เราก็คลิก Edit เพื่อเพิ่มคอลัมน์ตามจำนวนที่ต้องการ หลังจากระบบเพิ่มให้แล้ว เราก็ลาก element อื่นๆ ที่ต้องการมาแทรกในคอลัมน์ที่สร้างใหม่ เช่น Text ก็ลาก content มาวางใส่ตรงคอลัมน์ มันจะมีเครื่องหมาย + ขึ้น เราก็ปล่อยได้เลยค่ะ


Import/ExportTailer
นั้นสามารถที่จะให้เรานำหน้าที่สร้างไว้แล้วนั้น Export ไปเป็น Template เก็บไว้ใช้ในคราวต่อไปได้  ให้เราทำการ Save หน้าที่ทำเสร็จเรียบร้อยเสียก่อน จากนั้นไปที่เมนู Template





แล้วคลิกปุ่ม Save Template ระบบก็จะให้เราตั้งชื่อเทมเพลต






จากนั้นทำการคลิกปุ่มดาวน์โหลดมาเก็บไว้ ซึ่งก็จะเป็นไฟล์ .json ครั้งหน้าที่ใช้งานก็คลิกปุ่ม Import template แล้วเลือกไฟล์ที่ต้องการเพื่ออัพโหลดขึ้นไป

• Get Tailor
• Getting Started
• Extending

ที่มา: https://www.wpthaiuser.com/tailor-page-builder/