การแก้ไข ,สร้าง webpage ด้วย Visual composer

การสร้าง webpage ด้วย Visual composer

1.สร้างหน้าใหม่หรือ 'แก้ไข' หน้าที่มีอยู่
2.เปิดการตั้งค่า Visual Composer จากแถบนำทาง

แนะนำแถบเครื่องมือ

1.Page Setting
1.1 Title สำหรับตั้งชื่อเพจ แก้ไขเพจ 
1.2 Slug Options สำหรับแก้ไข Url link และสำหรับใช้ชื่อใน SEO
1.3 Page Laout สำหรับเลือกเค้าโครงที่คุณต้องการ


2.Design Options
สามารถปรับแต่งรูปแบบข้องเว็บไซต์

-Background color :สำหรับใส่สีพื้นหลัง

-Background images :สำหรับการออกพื้นหลังของรูปภาพลงในไซต์ของคุณหรือเฉพาะส่วน

-Background style : สำหรับการออกแบบตั้งค่าภาพพื้นหลังและเอฟเฟกต์ประเภทต่างๆ ได้:

  • ภาพธรรมดา
  • สไลด์โชว์รูปภาพ
  • ซูมเข้า/ออก

ตัวอย่างการใส่ Background images

การเพิ่ม row

1.เมื่อเข้า สู่หน้า ทำเว็บ สามารถสร้างรูปแบบได้โดยคลิก  เพื่อเข้าเมนู Element Controls

1.1 ในส่วนนี้จะสามารถ เลือก Columm และแก้ไขได้ โดดยการ คลิก Columm ที่ต้องการ

2.เมื่อไปหัวข้อ Element Controls และสามารถเลือกรูปแบบที่ต้องการได้

ตัวอย่างการเลือกรูปแบบ Layout

1.ตามตัวอย่างเป็นเลือก Columm แบบ 2 Columm
คลิกที่ รูปแบบที่ต้องการ 

2. จะได้รูปแบบตามที่ต้องการ



2.2 ตัวอย่าง ข้อความและรูปภาพ

การสลับ row

เมื่อทำ webpage ไปแล้วอละอยากสลับ row สามารถทำได้โดย

1.คลิกที่ row ที่ต้องการ และลากไปยัง row ที่ต้องการ  




ตัวอย่างหลัง สลับ Row

การ Save

หลังจากจัดทำเพจเรียร้อยแล้ว สามารถ Save โดยการการคลิก √



 เรียกดูหน้าที่จัดทำ

การแก้ไข webpage ด้วย Visual composer

 

1.คลิกขวา ที่ข้อความ หรือ Row ที่ต้องการแก้ไข
คลิก Edit


2.ทำการแก้ไขข้อความที่ต้องการ ด้วย editor หลากหลายรูปแบบ จากนั้นให้ save

VIDEO TUTORIALS

ตัวอย่างการใช้งาน Visual Composser