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

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

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

salahuding
PHP Full Member
PHP Full Member
Posts: 40
Joined: 02/11/2020 10:14 am

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

Post by salahuding »

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



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

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

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

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

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

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

Post by mindphp »

ย้ายมาไว้ในหมวด
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
Post Reply

Return to “Wordpress user Guide Knowledge”

Who is online

Users browsing this forum: No registered users and 2 guests