[คู่มือตกแต่งร้านค้า] การตกแต่งเนื้อหาหลักหน้าเกี่ยวกับเรา

หน้าแรก:หน้าเกี่ยวกับเรา จะสามรถทำการตกแต่งได้ 2 ส่วนดังนี้ คือ 

1.ส่วนแสดงเส้นทาง

                    วิธีการตกแต่งรูปแบบ

1.หน้าจอจะแสดงแถบเมนูบริเวณด้านล่างจอ ให้คลิกเมนู “รูปแบบ”

                                2.เลือกรูปแบบ Template ที่ต้องการ

2.กล่องเนื้อหาหลัก

วิธีการตกแต่งหัวข้อ

  1. คลิกเมนู “หัวข้อ”
  2. เมนูในแถบด้านข้างจะมีเมนูข้อความ และเมนูพื้นหลัง

 

 วิธีการตกแต่งข้อความ

สำหรับเมนู “ข้อความ” ในแถบด้านข้าง เมื่อทำการคลิก จะแสดงเมนูตัวอักษร และเมนูรูปภาพ ให้เลือกทำการตกแต่ง

เมนูตัวอักษร สามารถทำการปรับแต่งข้อความได้ 8 ส่วนด้วยกัน โดยมีรายละเอียดดังนี้

ตัวอักษร : สามารถใส่ข้อความที่ต้องการแสดงในหัวข้อของกล่องค้นหา

ฟอนต์ : เลือกรูปแบบตัวอักษร

ขนาด : กำหนดขนาดตัวอักษร โดยใช้หน่วยเป็น px

สี : เลือกสีตัวอักษร

B: ทำตัวอักษรหนา

I: ทำตัวอักษรเอียง

U: ขีดเส้นใต้ตัวอักษร

ลูกศร : เลื่อนตัวอักษร

เมนูรูปภาพ  คือการเลือกรูปที่ต้องการมาใส่ในส่วนของหัวข้อกล่องค้นหา

1.คลิกเมนู “ ข้อความ ”  เพื่อเลือกอัลบั้มรูปที่ต้องการ

 

2.เลือกรูปที่ต้องการนำมาใส่ในส่วนของหัวข้อ

 

3.คลิกปุ่ม UPLOAD เพื่อทำการอัพโหลดภาพ

วิธีการตกแต่งพื้นหลัง

1.คลิกเมนู “พื้นหลัง”    จะปรากฏอัลบั้มรูป ตามตัวอย่างด้านล่างนี้

 

     2.คลิกเลือกอัลบั้มรูป

3.เมื่อทำการคลิกอัลบั้มรูป จะปรากฏรูปภาพต่างภายในอัลบั้มให้เลือกใช้

4.คลิกปุ่ม UPLOAD เพื่อทำการอัพโหลดภาพ

 

วิธีการตกแต่งรูปภาพ

1.คลิกที่เมนู “รูปภาพ”  จะมีหน้าต่าง “รูปภาพ” ขึ้นมา สามารถแก้ไขและเพิ่มรูปภาพได้ตามต้องการ

2.เลือกอัลบั้มรูปภาพตามต้องการ

3.เลือกรูปภาพที่ต้องการแล้ว “upload”

1.การเขียนข้อความ :สามารถเขียนข้อความ และใส่รูปภาพได้ตามที่เจ้าของร้านต้องการ

  1. คลิกที่เมนู “ข้อความ” 
  2. จะมีหน้าต่าง “แก้ไขข้อความ” ขึ้นมา สามารถแก้ไขได้ทั้งรูปภาพและข้อความตามต้องการ
  • การแก้ไขตัวอักษร

การแก้ไขตัวอักษรสามารถทำได้โดยใช้เมาส์ลากคลุมตัวอักษรแล้วพิมพ์ข้อความใหม่ที่ต้องการลงไปได้เลย โดยจะมีส่วนให้คุณสามารถแก้ไขได้ ดังนี้

ฟอนต์

ขนาดตัวอักษร

สีตัวอักษร

ตัวอักษร หนา(B) เอียง (I) ขีดเส้นใต้ (U)

ขีดฆ่าตัวอักษร

ชิดซ้าย กลาง ขวา หรือเสมอกัน

ตัวอย่างเมื่อแก้ไขตัวอักษรเรียบร้อยแล้ว

  • การแก้ไขรูปภาพ

การแก้ไขตัวรูปภาพสามารถทำได้โดย คลิกที่ภาพต้นไม้

จะมีหน้าต่าง “Insert/edit image” ขึ้นมา มีให้แก้ไขภาพ 3 ส่วนดังนี้

ส่วน General

สำหรับบุคคลทั่วๆไป สามารถปรับแต่งรูปภาพในส่วนนี้ได้ ดังนี้

  • Image URL : เลือกภาพ ใส่จาก URL
  • Image description :คือส่วนคำอธิบายภาพ ว่าภาพนี้คืออะไร
  • Title :เมื่อนำเมาส์ชี้ที่รูปภาพที่เรากำลังปรับแต่งอยู่ Title ที่เราพิมพ์ไว้จะขึ้นมา
  • Preview : ส่วนแสดงรูปภาพ

ส่วน Appearance

สำหรับผู้ที่พอเป็น css สามารถปรับแต่งรูปภาพได้ เช่น ตำแหน่งรูปภาพ ขอบรูปภาพ เป็นต้น ส่วนนี้จึงสามารถปรับแต่งรูปภาพได้มากกว่าส่วน Genera

ส่วน Advanced

สำหรับผู้ที่เป็นโปรแกรมเมอร์ เช่น เวลาเมาส์อยู่บนรูปภาพแล้วให้เป็นภาพหนึ่ง เมาส์ออกจากรูปภาพก็เป็นอีกภาพหนึ่ง เป็นต้น ซึ่งในส่วนอื่นๆจะไม่สามารถทำได้ ส่วนนี้จึงสามารถปรับแต่งได้มากกว่าส่วน General และ ส่วน Appearance

 

เมื่อปรับแต่งรูปภาพเรียบร้อยแล้ว คลิก Insert ได้เลย หรือ คลิก Cancel หากต้องการยกเลิกสิ่งที่ปรับแต่งมา

  • การแก้ไขส่วนอื่นๆ

การแก้ไขในหน้าต่าง “แก้ไขรูปและข้อความ” ไม่ได้มีเพียงการแก้ไขรูปและข้อความเท่านั้น แต่ยังมีส่วนอื่นๆอีกด้วย ดังต่อไปนี้

  1. ย้อนกลับหลัง(undo) ไปข้างหน้า(redo)
  2. ใส่ลิงค์(link) และเอาลิงค์ออก(unlink) การใส่ link จะมีประโยชน์ต่อการทำ SEO ทำให้เว็บเราติด Search ง่ายขึ้น ทั้งนี้ขึ้นอยู่กับการใส่ลิงค์ที่ดีด้วย
  3. ใส่วีดีโอ Insert/Edit embedded media
  4. ตัวห้อยSubscript และ ตัวยก Superscript
  5. ตัวอักษรพิเศษต่างๆ Insert custom character
  6. ขีดเส้นคั่น Insert horizontal ruler
  7. สามารถใส่ HTML เองได้ด้วย


—————————————————————————————————————————-
คู่มือตกแต่งร้านค้า

1. ภาพรวมของร้านค้า
2. แบนเนอร์
3. แถบเมนู
4. Widget Sidebar

5. เนื้อหา

5.1. เนื้อหาหลัก

5.2 เนื้อหาอื่นๆ

6. Footer
7. ตะกร้าสินค้า

Share this post

juno

สวัสดีค๊า JUNO ค่ะ เป็นนักเขียนมือใหม่ ทั้งการการอัพเดทฟังก์ชั่นใหม่ๆ และการรวบรวมปัญหาที่เพื่อนๆสงสัย มาพร้อมกับแนวทางแก้ไขเพื่อให้เพื่อนๆชาว lnwShop ได้อัพเดทความเทพกันค่ะ

34 thoughts on “[คู่มือตกแต่งร้านค้า] การตกแต่งเนื้อหาหลักหน้าเกี่ยวกับเรา

Leave a Reply