[คู่มือตกแต่งร้านค้า] การตกแต่งเนื้อหาหน้าวิธีการสั่งซื้อ

หน้าวิธีการสั่งซื้อ : เนื้อหาหลัก สามารถทำการเลือกตกแต่งได้ 4 ส่วนดังนี้ คือ กล่องแสดงเส้นทาง กล่องวิธีการสั่งซื้อสินค้า กล่องวิธีการชำระเงิน และวิธีการแจ้งชำระเงิน ซึ่งในส่วนของ กล่องวิธีการสั่งซื้อสินค้า กล่องวิธีการชำระเงิน และวิธีการแจ้งชำระเงิน สามารถตกแต่งได้เหมือนกัน

 1.กล่องแสดงเส้นทาง

• การตกแต่งรูปแบบ

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

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

2.กล่องวิธีการสั่งซื้อสินค้า กล่องวิธีการชำระเงิน และวิธีการแจ้งชำระเงิน สามารถตกแต่งได้ในส่วนของหัวข้อและเขียนข้อความ ดังนี้ค่ะ

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

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

–   ข้อความ

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

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

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

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

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

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

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

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

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

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

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

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

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

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

–   พื้นหลัง

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

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

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

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

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

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

• การแก้ไขตัวอักษร

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

ฟอนต์

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

สีตัวอักษร

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

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

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

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

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

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

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

ส่วน General

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

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

ส่วน Appearance

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

ส่วน 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 เองได้ด้วย

Share this post