Page Builder by SiteOrigin เป็น Plugin ส่วนหนึ่งของ wordpress ที่ช่วยจัดการคอนเทนต์และหน้าตาบนเว็บไซต์ ถูกออกแบบมาให้ผู้ใช้ทั่วไปสามารถจัดการกับ Layout และเพิ่มลูกเล่นต่างๆ บนเว็บไซต์ได้ โดยเครื่องมืจะเป็นแบบวากวาง (Drag and Drop) ทำให้เราสามารถปรับแต่งตามที่เราต้องการได้อย่างรวดเร็ว
ก่อนอื่นให้ทำการโหลด page buider by site origin ก่อนน่ะครับ
1.ค้นหาคำว่า page buider by site origin จากนั้นทำการติดตั้งปลั๊กอินให้เสร็จ
2.จากนั้นพอติดตั้งเสร็จให้ทำการกดใช้งาน
เมื่อทำการกดใช้งานเสร็จก็จะได้ดังภาพข้างต้น
3.จากนั้นให้กดเข้าไปที่เมนู หน้า
4.พอเข้าแล้วให้กด เขียนหน้าใหม่และทำการตั้งชื่อหน้าของเว็บเพจ
5.จะสังเกตุได้ว่ามีแท็บ Page buider ขึ้นมา ให้ทำการกดไปที่ page buider
เมื่่อกดเสร็จก็ะขึ้นหน้านี้ขึ้นมา
6.ให้เข้าไปตั้งค่าเลเอาท์โดยกดไปที่ layout
ุ
7.จากนั้นให้กด Enable เป็นอันเสร็จ
8.หลังจากที่ตั้งค่าเลเอาท์เส็จแล้วให้กดไปที่ Add Row เพื่อเป็นการเพิ่มจำนวนแถวในกาจัดการเลเอาท์ของหน้าเว็บเพจเรา
เมื่อกดเสร็จแล้วจะขึ้นหน้านี้มาซึ่งเราสามารถใส่ขนาดของคอลัมตามที่เราต้องการได้เลยจากนั้นกด Done เพื่อเป็นการตกลง
ผลลัพท์ที่ได้จากการสร้าง layout เองด้วย site origin page buider
เราจะเห็นได้ว่าในการใช้ site origin page builder ในการกำหนดเลเอาท์ของเว็บไซต์จะทำให้เราได้ประหยัดเวลาขึ้นเยอะเลย นอกจากนี้ ถ้าต้องการ วิธีใส่ Facebook Fanpage ลงในเว็บไซต์เรา สามารถ ดูวิธีได้ที่นี่ , วิธีติดตั้งและใช้งาน Google Fonts บน WordPress และ เนื้อหาสอนทำเว็บด้วย Wordpress ก็เป็นหมวดที่อยากแนะนำให้ศึกษาเพิ่มเติม
วิธีการ custom เว็บไซต์ใน wordpress โดยการใช้ ปลั๊กอิน siteorigin page builder
Moderator: mindphp, ผู้ดูแลกระดาน
-
- PHP Full Member
- โพสต์: 40
- ลงทะเบียนเมื่อ: 02/11/2020 10:14 am
- mindphp
- ผู้ดูแลระบบ MindPHP
- โพสต์: 41251
- ลงทะเบียนเมื่อ: 22/09/2008 6:18 pm
- ติดต่อ:
Re: วิธีการ custom เว็บไซต์ใน wordpress โดยการใช้ ปลั๊กอิน siteorigin page builder
ย้ายมาไว้ในหมวด
Wordpress user Guide Knowledge
Wordpress user Guide Knowledge
ติดตาม VDO: http://www.youtube.com/c/MindphpVideoman
ติดตาม FB: https://www.facebook.com/pages/MindphpC ... 9517401606
หมวดแชร์ความรู้: https://www.mindphp.com/forums/viewforum.php?f=29
รับอบรม และพัฒนาระบบ: https://www.mindphp.com/forums/viewtopic.php?f=6&t=2042
ติดตาม FB: https://www.facebook.com/pages/MindphpC ... 9517401606
หมวดแชร์ความรู้: https://www.mindphp.com/forums/viewforum.php?f=29
รับอบรม และพัฒนาระบบ: https://www.mindphp.com/forums/viewtopic.php?f=6&t=2042
ผู้ใช้งานขณะนี้
สมาชิกกำลังดูบอร์ดนี้: ไม่มีสมาชิกใหม่ และบุคลทั่วไป 2