Page Builder by SiteOrigin เป็น
Plugin ส่วนหนึ่งของ
wordpress ที่ช่วยจัดการคอนเทนต์และหน้าตาบนเว็บไซต์ ถูกออกแบบมาให้ผู้ใช้ทั่วไปสามารถจัดการกับ Layout และเพิ่มลูกเล่นต่างๆ บนเว็บไซต์ได้ โดยเครื่องมืจะเป็นแบบวากวาง (Drag and Drop) ทำให้เราสามารถปรับแต่งตามที่เราต้องการได้อย่างรวดเร็ว
ก่อนอื่นให้ทำการโหลด page buider by site origin ก่อนน่ะครับ
- 4.jpg (56.69 KiB) Viewed 4247 times
1.ค้นหาคำว่า page buider by site origin จากนั้นทำการติดตั้งปลั๊กอินให้เสร็จ
2.จากนั้นพอติดตั้งเสร็จให้ทำการกดใช้งาน
- 3.jpg (57.02 KiB) Viewed 4247 times
เมื่อทำการกดใช้งานเสร็จก็จะได้ดังภาพข้างต้น
3.จากนั้นให้กดเข้าไปที่เมนู หน้า
- 2.jpg (76.7 KiB) Viewed 4247 times
4.พอเข้าแล้วให้กด เขียนหน้าใหม่และทำการตั้งชื่อหน้าของเว็บเพจ
- 1.jpg (71.41 KiB) Viewed 4247 times
5.จะสังเกตุได้ว่ามีแท็บ Page buider ขึ้นมา ให้ทำการกดไปที่ page buider
- 5.jpg (53.76 KiB) Viewed 4247 times
เมื่่อกดเสร็จก็ะขึ้นหน้านี้ขึ้นมา
- 7.jpg (64.04 KiB) Viewed 4247 times
6.ให้เข้าไปตั้งค่าเลเอาท์โดยกดไปที่ layout
ุ
- 9.jpg (63.52 KiB) Viewed 4247 times
7.จากนั้นให้กด Enable เป็นอันเสร็จ
- 8.jpg (41.42 KiB) Viewed 4247 times
8.หลังจากที่ตั้งค่าเลเอาท์เส็จแล้วให้กดไปที่ Add Row เพื่อเป็นการเพิ่มจำนวนแถวในกาจัดการเลเอาท์ของหน้าเว็บเพจเรา
- 6.jpg (68.05 KiB) Viewed 4247 times
เมื่อกดเสร็จแล้วจะขึ้นหน้านี้มาซึ่งเราสามารถใส่ขนาดของคอลัมตามที่เราต้องการได้เลยจากนั้นกด Done เพื่อเป็นการตกลง
- 10.jpg (45.26 KiB) Viewed 4247 times
ผลลัพท์ที่ได้จากการสร้าง layout เองด้วย site origin page buider
- images.png (3.39 KiB) Viewed 4240 times
เราจะเห็นได้ว่าในการใช้ site origin page builder ในการกำหนดเลเอาท์ของเว็บไซต์จะทำให้เราได้ประหยัดเวลาขึ้นเยอะเลย นอกจากนี้ ถ้าต้องการ วิธีใส่ Facebook Fanpage ลงในเว็บไซต์เรา สามารถ
ดูวิธีได้ที่นี่ ,
วิธีติดตั้งและใช้งาน Google Fonts บน WordPress และ
เนื้อหาสอนทำเว็บด้วย Wordpress ก็เป็นหมวดที่อยากแนะนำให้ศึกษาเพิ่มเติม
Page Builder by SiteOrigin เป็น [url=https://www.mindphp.com/%E0%B8%84%E0%B8%B9%E0%B9%88%E0%B8%A1%E0%B8%B7%E0%B8%AD/73-%E0%B8%84%E0%B8%B7%E0%B8%AD%E0%B8%AD%E0%B8%B0%E0%B9%84%E0%B8%A3/2111-plug-in--%E0%B8%84%E0%B8%B7%E0%B8%AD%E0%B8%AD%E0%B8%B0%E0%B9%84%E0%B8%A3.html]Plugin[/url] ส่วนหนึ่งของ [url=https://www.mindphp.com/%E0%B8%9A%E0%B8%97%E0%B8%84%E0%B8%A7%E0%B8%B2%E0%B8%A1/wordpress/3075-what-is-wordpress.html]wordpress[/url] ที่ช่วยจัดการคอนเทนต์และหน้าตาบนเว็บไซต์ ถูกออกแบบมาให้ผู้ใช้ทั่วไปสามารถจัดการกับ Layout และเพิ่มลูกเล่นต่างๆ บนเว็บไซต์ได้ โดยเครื่องมืจะเป็นแบบวากวาง (Drag and Drop) ทำให้เราสามารถปรับแต่งตามที่เราต้องการได้อย่างรวดเร็ว
ก่อนอื่นให้ทำการโหลด page buider by site origin ก่อนน่ะครับ
[attachment=10]1.jpg[/attachment]
1.ค้นหาคำว่า page buider by site origin จากนั้นทำการติดตั้งปลั๊กอินให้เสร็จ
2.จากนั้นพอติดตั้งเสร็จให้ทำการกดใช้งาน
[attachment=9]2.jpg[/attachment]
เมื่อทำการกดใช้งานเสร็จก็จะได้ดังภาพข้างต้น
3.จากนั้นให้กดเข้าไปที่เมนู หน้า
[attachment=8]3.jpg[/attachment]
4.พอเข้าแล้วให้กด เขียนหน้าใหม่และทำการตั้งชื่อหน้าของเว็บเพจ
[attachment=7]4.jpg[/attachment]
5.จะสังเกตุได้ว่ามีแท็บ Page buider ขึ้นมา ให้ทำการกดไปที่ page buider
[attachment=6]5.jpg[/attachment]
เมื่่อกดเสร็จก็ะขึ้นหน้านี้ขึ้นมา
[attachment=5]6.jpg[/attachment]
6.ให้เข้าไปตั้งค่าเลเอาท์โดยกดไปที่ layout
ุ[attachment=4]7.jpg[/attachment]
7.จากนั้นให้กด Enable เป็นอันเสร็จ
[attachment=3]8.jpg[/attachment]
8.หลังจากที่ตั้งค่าเลเอาท์เส็จแล้วให้กดไปที่ Add Row เพื่อเป็นการเพิ่มจำนวนแถวในกาจัดการเลเอาท์ของหน้าเว็บเพจเรา
[attachment=2]9.jpg[/attachment]
เมื่อกดเสร็จแล้วจะขึ้นหน้านี้มาซึ่งเราสามารถใส่ขนาดของคอลัมตามที่เราต้องการได้เลยจากนั้นกด Done เพื่อเป็นการตกลง
[attachment=1]10.jpg[/attachment]
ผลลัพท์ที่ได้จากการสร้าง layout เองด้วย site origin page buider
[attachment=0]images.png[/attachment]
เราจะเห็นได้ว่าในการใช้ site origin page builder ในการกำหนดเลเอาท์ของเว็บไซต์จะทำให้เราได้ประหยัดเวลาขึ้นเยอะเลย นอกจากนี้ ถ้าต้องการ วิธีใส่ Facebook Fanpage ลงในเว็บไซต์เรา สามารถ [url=https://www.mindphp.com/forums/viewtopic.php?f=157&t=34338]ดูวิธีได้ที่นี่ [/url], [url=https://www.mindphp.com/forums/viewtopic.php?f=157&t=40666]วิธีติดตั้งและใช้งาน Google Fonts บน WordPress[/url] และ [url=https://www.mindphp.com/forums/viewforum.php?f=157]เนื้อหาสอนทำเว็บด้วย Wordpress[/url] ก็เป็นหมวดที่อยากแนะนำให้ศึกษาเพิ่มเติม