การตกแต่งเว็บไซต์

หากต้องการตกแต่งเว็บไซต์ให้คลิกเลือกที่เมนู ข้อมูลเว็บไซต์ จะมีเมนูย่อยทั้งหมด 4 เมนู



 

เมนูที่ 1 หน้าร้าน/เว็บของฉัน
ในส่วนของเมนูนี้ จะให้ใส่ โลโก้ , Footer  และ พื้นหลังเว็บ ตำแหน่งแต่ละส่วนก็จะอยู่ตามในภาพ





1. เพิ่มโลโก้ (ขนาด 580x386 pixel) เท่านั้น

โดยการนำ url ของรูปภาพไปใส่ในช่อง  

2. Footer

ในส่วน Footer สามารทำเองได้ โดยต้องมีขนาด 1920x400 pixel ต้องเป็นไฟล์ png เท่านั้น กดเลือกเพิ่มรูปภาพตามที่ต้องการจาก File Manager วิธีการใส่ใช้วิธีการเดียวกับการใส่โลโก้ โดยการ copy url แล้วนำมาใส่ในช่อง  หรือ สามารถเลือกใช้ Footer ที่ระบบมีให้จาก เลือกรูปแบบที่ต้องการได้เลย


3. เลือกชนิดพื้นหลัง

สามารถเลือกได้ว่าจะใส่พื้นหลังเป็นรูปภาพ หรือเป็นสีอย่างเดียว ถ้าเลือกเป็นพื้นหลังแบบรูปภาพ ใช้วิธีโดยการโดยการอัพโหลดที่ File Manager และ copy url แล้วนำมาใส่ในช่อง ได้เลย แต่ถ้าเลือก พื้นหลังแบบกำหนดสี จะมีแทบสีในช่อง ให้เราเลือกปรับได้ตามต้องการ


4. ธีมสี(สีตัวอักษร) จะแสดงตามหัวข้อเมนูหน้าเว็บ

คลิกเลือกที่ เพื่อเลือกสีที่ต้องการ

เมื่อทำเสร็จครบทุกขั้นตอนแล้ว กดปุ่ม  มุมล่างขวามือ
 

เมนูที่ 2 ป้ายโฆษณาหรือแบนเนอร์สไลด์

ในส่วนนี้จะเป็นในส่วนของการทำแบนเนอร์สไลด์ ซึ่งเราจะใส่หรือไม่ใส่ก็ได้ รูปโชว์สไลด์สามารถใส่ได้ไม่จำกัดจำนวน (เพิ่มได้ครั้งละรูป)  อัพโหลดรูปภาพไว้ที่ File Manager เลือก Folder → banner เพื่อสะดวกกับการเลือกใช้และค้นหา

 

วิธีการทำแบบเนอร์สไลด์

  1. กดปุ่ม

  1. ใส่ลำดับการแสดงผล

  2. ตั้งชื่อรูปป้ายโฆษณา

  3. นำ url รูปภาพใส่ในช่อง (ขนาด1140x525 pixel) โดยการ copy url จาก File Manager

  4. ลิงค์ (ไม่ต้องใส่ก็ได้) เมื่อคลิกที่แบนเนอร์จะเปิดไปหน้าที่กำหนดจากลิงค์

 

*ทำซ้ำขั้นตอนเดิมจนครบตามจำนวนรูปที่ต้องการทำแบนเนอร์สไลด์ Add Banner ทีละ 1 รูปเท่านั้น ในขั้นตอนนี้เป็นเพียงเพิ่มรูปสไลด์ ยังไม่ทำการแสดงผลหน้าเว็บต้องเลือกเพิ่มเทมเพลตในเนื้อหา เป็น banner1 ในส่วนที่ต้องการแสดงผลแบนเนอร์สไลด์



 

เมนูที่ 3 เนื้อหา

เมนูนี้สำคัญมากเพราะเป็นส่วนของเนื้อหาที่แสดงหน้าเว็บทั้งหมด คลิกปุ่ม     

1. ชื่อ → เมื่อใส่ชื่อในช่องนี้แล้วจะแสดงผลในส่วน ที่หน้าเว็บไซต์

2. รายละเอียดให้ใส่เนื้อหาที่จะให้โชว์หน้าเว็บ สามารถเพิ่มข้อความ และรูปภาพ ได้ตามต้องการ

  1. เครื่องมือในการปรับแต่งเนื้อหาที่จะแสดงหน้าเว็บไซต์

  2. ส่วนสำหรับเพิ่มเนื้อหาและรูปภาพ คลิกที่ เพื่อเพิ่มเนื้อหาปรับแต่งโดยใช้เครื่องมือส่วนที่ เมื่อนำเมาส์ไปชี้ที่เครื่องมือจะแสดงเครื่องมือนั้น

  3. เพิ่มรูปภาพแบบไม่ใช้เทมเพลต ในส่วนที่ เลือกรูปจาก File Manager

   → เพิ่มรูป คลิก เลือกโฟลเดอร์ที่จะเก็บรูป คลิก เลือกรูปจากเครื่องเพื่อเพิ่มลงในระบบ

→ เลือกรูปที่จะนำมาใช้ในเนื้อหา  ดับเบิ้ลคลิกที่รูป ที่จะนำไปใช้ เมื่อเปิดรูปขึ้นมาแล้ว คลิกค้างที่รูปแล้วลากไปวางที่

→ ปรับขนาดรูปภาพ  ดับเบิ้ลคลิกที่รูป จะเจอหน้าต่างคุณสมบัติของรูปภาพ สามารถปรับขนาดของรูปภาพได้ โดยใส่เป็นตัวเลขขนาดที่ต้องการ ขนาดเป็น pixel หรือ ใส่เป็น % โดยระบุหลังตัวเลข เช่น ความกว้าง 50%  หมายถึงขนาดรูปภาพกว้าง 50% ของจอภาพที่แสดงผล

 

4. เพิ่มเทมเพลต ในส่วนเนื้อหา มีให้เลือก 6 รูปแบบ

→ นำแบนเนอร์สไลด์ที่สร้างไว้มาแสดงผล
→ ใช้แสดงผลรูปภาพด้านซ้ายและขวา→ ใช้แสดงผลรูปภาพ 3 รูป→ ใช้แสดงผลรูปภาพ 4 รูป→ ใช้แสดงผลเนื้อหาด้านซ้ายและรูปภาพด้านขวา
→ ใช้แสดงผลรูปภาพด้านซ้ายและเนื้อหาด้านขวา


วิธีการนำเทมเพลตมาใช้ในส่วนเนื้อหา

→ คลิกบริเวณที่ต้องการนำเทมเพลตมาใส่

→ คลิก เครื่องมือ เทมเพลต

→ เลือกเทมเพลตที่ต้องการ

วิธีการใส่รูปภาพในเทมเพลต

เมื่อกดเลือกรูปแบบเทมเพลตแล้ว รูปจะขึ้นในช่องรายละเอียดเป็น NO PICTURE ให้เราทำการอัพโหลดรูปที่จะใช้ใส่ที่ File Manager และ copy url รูปที่เราต้องการไว้ จากนั้นดับเบิ้ลคลิกที่รูป  NO PICTURE จะขึ้นคุณสมบัติของรูปภาพ


 

→  วาง url ของรูปภาพ ในช่อง  

→  กำหนดความกว้าง 100%

→  ลบความสูงออกให้เป็นค่าว่าง

→  คลิก เพื่อล็อคค่าที่ตั้งไว้

→  คลิกตกลง เพื่อบันทึก

 

การแสดงผล



 

รูปแบบเทมเพลต เนื้อหาซ้ายรูปขวา และ เนื้อหาขวารูปซ้าย