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

คู่มือ แชร์วิธีใช้งาน Wordpress ทุกเวอร์ชั่น ตั้งแต่ การติดต้้งและใช้งานต่างๆ การอัพเกรด การ Backup

Moderator: mindphp, ผู้ดูแลกระดาน

salahuding
PHP Full Member
PHP Full Member
โพสต์: 40
ลงทะเบียนเมื่อ: 02/11/2020 10:14 am

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

โพสต์ที่ยังไม่ได้อ่าน โดย salahuding »

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



ก่อนอื่นให้ทำการโหลด page buider by site origin ก่อนน่ะครับ
1.jpg
1.jpg (71.41 KiB) Viewed 4233 times
1.ค้นหาคำว่า page buider by site origin จากนั้นทำการติดตั้งปลั๊กอินให้เสร็จ

2.จากนั้นพอติดตั้งเสร็จให้ทำการกดใช้งาน
2.jpg
2.jpg (76.7 KiB) Viewed 4233 times
เมื่อทำการกดใช้งานเสร็จก็จะได้ดังภาพข้างต้น

3.จากนั้นให้กดเข้าไปที่เมนู หน้า
3.jpg
3.jpg (57.02 KiB) Viewed 4233 times

4.พอเข้าแล้วให้กด เขียนหน้าใหม่และทำการตั้งชื่อหน้าของเว็บเพจ
4.jpg
4.jpg (56.69 KiB) Viewed 4233 times
5.จะสังเกตุได้ว่ามีแท็บ Page buider ขึ้นมา ให้ทำการกดไปที่ page buider
5.jpg
5.jpg (53.76 KiB) Viewed 4233 times
เมื่่อกดเสร็จก็ะขึ้นหน้านี้ขึ้นมา
6.jpg
6.jpg (68.05 KiB) Viewed 4233 times

6.ให้เข้าไปตั้งค่าเลเอาท์โดยกดไปที่ layout
7.jpg
7.jpg (64.04 KiB) Viewed 4233 times
7.จากนั้นให้กด Enable เป็นอันเสร็จ
8.jpg
8.jpg (41.42 KiB) Viewed 4233 times
8.หลังจากที่ตั้งค่าเลเอาท์เส็จแล้วให้กดไปที่ Add Row เพื่อเป็นการเพิ่มจำนวนแถวในกาจัดการเลเอาท์ของหน้าเว็บเพจเรา
9.jpg
9.jpg (63.52 KiB) Viewed 4233 times
เมื่อกดเสร็จแล้วจะขึ้นหน้านี้มาซึ่งเราสามารถใส่ขนาดของคอลัมตามที่เราต้องการได้เลยจากนั้นกด Done เพื่อเป็นการตกลง
10.jpg
10.jpg (45.26 KiB) Viewed 4233 times
ผลลัพท์ที่ได้จากการสร้าง layout เองด้วย site origin page buider
images.png
images.png (3.39 KiB) Viewed 4226 times
เราจะเห็นได้ว่าในการใช้ site origin page builder ในการกำหนดเลเอาท์ของเว็บไซต์จะทำให้เราได้ประหยัดเวลาขึ้นเยอะเลย นอกจากนี้ ถ้าต้องการ วิธีใส่ Facebook Fanpage ลงในเว็บไซต์เรา สามารถ ดูวิธีได้ที่นี่ , วิธีติดตั้งและใช้งาน Google Fonts บน WordPress และ เนื้อหาสอนทำเว็บด้วย Wordpress ก็เป็นหมวดที่อยากแนะนำให้ศึกษาเพิ่มเติม
ตอบกลับโพส

ผู้ใช้งานขณะนี้

สมาชิกกำลังดูบอร์ดนี้: ไม่มีสมาชิกใหม่ และบุคลทั่วไป 29