วิธีการ custom เว็บไซต์ใน wordpress โดยการใช้ ปลั๊กอิน siteorigin page builder

[salahuding]

Page Builder by SiteOrigin เป็น Plugin ส่วนหนึ่งของ wordpress ที่ช่วยจัดการคอนเทนต์และหน้าตาบนเว็บไซต์ ถูกออกแบบมาให้ผู้ใช้ทั่วไปสามารถจัดการกับ Layout และเพิ่มลูกเล่นต่างๆ บนเว็บไซต์ได้ โดยเครื่องมืจะเป็นแบบวากวาง (Drag and Drop) ทำให้เราสามารถปรับแต่งตามที่เราต้องการได้อย่างรวดเร็ว



ก่อนอื่นให้ทำการโหลด page buider by site origin ก่อนน่ะครับ

1.jpg (71.41 KiB) Viewed 608 times

1.ค้นหาคำว่า page buider by site origin จากนั้นทำการติดตั้งปลั๊กอินให้เสร็จ

2.จากนั้นพอติดตั้งเสร็จให้ทำการกดใช้งาน

2.jpg (76.7 KiB) Viewed 608 times

เมื่อทำการกดใช้งานเสร็จก็จะได้ดังภาพข้างต้น

3.จากนั้นให้กดเข้าไปที่เมนู หน้า

3.jpg (57.02 KiB) Viewed 608 times

4.พอเข้าแล้วให้กด เขียนหน้าใหม่และทำการตั้งชื่อหน้าของเว็บเพจ

4.jpg (56.69 KiB) Viewed 608 times

5.จะสังเกตุได้ว่ามีแท็บ Page buider ขึ้นมา ให้ทำการกดไปที่ page buider

5.jpg (53.76 KiB) Viewed 608 times

เมื่่อกดเสร็จก็ะขึ้นหน้านี้ขึ้นมา

6.jpg (68.05 KiB) Viewed 608 times

6.ให้เข้าไปตั้งค่าเลเอาท์โดยกดไปที่ layout
ุ

7.jpg (64.04 KiB) Viewed 608 times

7.จากนั้นให้กด Enable เป็นอันเสร็จ

8.jpg (41.42 KiB) Viewed 608 times

8.หลังจากที่ตั้งค่าเลเอาท์เส็จแล้วให้กดไปที่ Add Row เพื่อเป็นการเพิ่มจำนวนแถวในกาจัดการเลเอาท์ของหน้าเว็บเพจเรา

9.jpg (63.52 KiB) Viewed 608 times

เมื่อกดเสร็จแล้วจะขึ้นหน้านี้มาซึ่งเราสามารถใส่ขนาดของคอลัมตามที่เราต้องการได้เลยจากนั้นกด Done เพื่อเป็นการตกลง

10.jpg (45.26 KiB) Viewed 608 times

ผลลัพท์ที่ได้จากการสร้าง layout เองด้วย site origin page buider

images.png (3.39 KiB) Viewed 601 times

เราจะเห็นได้ว่าในการใช้ site origin page builder ในการกำหนดเลเอาท์ของเว็บไซต์จะทำให้เราได้ประหยัดเวลาขึ้นเยอะเลย นอกจากนี้ ถ้าต้องการ วิธีใส่ Facebook Fanpage ลงในเว็บไซต์เรา สามารถ ดูวิธีได้ที่นี่ , วิธีติดตั้งและใช้งาน Google Fonts บน WordPress และ เนื้อหาสอนทำเว็บด้วย Wordpress ก็เป็นหมวดที่อยากแนะนำให้ศึกษาเพิ่มเติม

[mindphp]

ย้ายมาไว้ในหมวด
Wordpress user Guide Knowledge