การสร้างหน้า Page โดยใช้ SP Page builder

หมวด: Page Builder
ฮิต: 430

การสร้างหน้า Page โดยใช้ SP  Page builder




  1. การสร้างหน้า Page โดยใช้ SP  Page builder เมื่อเข้าสู่ระบบ >> SP Page builder  >> Create new page 
    Page builder เป็นตัวจัดการตกแต่งเว็บไซต์ ที่ใช้งานง่ายโดยไม่ต้องเขียนโค๊ด เพียงลากเครื่องมือมาใส่
    การสร้าง Page เมนูโดยใช้ page builder

    จะเข้าสู่หน้าการสร้าง page
    Page builder เป็นตัวจัดการตกแต่งเว็บไซต์ ที่ใช้งานง่ายโดยไม่ต้องเขียนโค๊ด เพียงลากเครื่องมือมาใส่
    องค์ประกอบและเครื่องมือของ Page

    คำอธิบายอธิบายการสร้างหน้า SP Page Builde - New page

    1. Title ระบุชื่อหัวข้อ Page 
    2. Add section เพิ่ม section บน Page 
    3. Import   สำหรับอัพโหลดรูปภาพหรือวิดิโอ
    4. Export  แปลง Page นำออกไฟล์เป็นรูปแบบไฟล์ Json
    5. Page template เลือกเทมเพลตสำเร็จรูปที่ต้องนำไปใช้
    6. Add new row เพิ่มแถวโดยมีหลายรูปแบบของแถว 


  2. กด Add row เพื่อสร้างแถวขึ้นมา
    Row เป็นแถวที่สำหรับจัดวางเครื่องมือของ page builder
    สร้างแถวขึ้นมาพร้อมกำหนดจำนวนคอลัมม์ในแถว รวมถึงปรับเคลื่อนย้าย


  3. เลือก add-on ที่ต้องการใช้งาน ซึ่งตัวอย่างนี้ใช้งาน Article เพื่อตั้งชื่อเรื่องหัวข้อ
    add on เป็นส่วนเสริมที่มีเครื่องมือใช้สำหรับตกแต่งเว็บไซต์
    add on จะเป็นส่วนเสริมที่มีเครื่องมือใช้สำหรับตกแต่งเว็บไซต์มากมายให้เลือกสรร




  4. เราสามารถที่จะเพิ่มจำนวนแถวเพิ่มได้ โดยเลือก Add new Row ได้ เมื่อตั้งค่าแถวครบแล้ว กด Save&Close เพื่อทำการบันทึก 
    Article เป็นการดึงเนื้อหา Article ต่างๆในระบบหลังบ้านขึ้นมาแสดงบนหน้าเว็บโดยลิงค์ไปที่ Article นั้นๆ
    ตัวอย่างการเพิ่มส่วนเสริม Article


  5. เระบบก็จะแสดงรายการ Page ให้อัตโนมัติ
    Page ที่สร้างขึ้นจะปรากฏบนหน้าแรกของ Sp page builder
    Page ที่สร้างขึ้นจะปรากฏบนหน้าแรกของ Sp page builder