[คู่มือตกแต่งร้านค้า] การตกแต่งเนื้อหาหน้าวิธีการสั่งซื้อ
หน้าวิธีการสั่งซื้อ : เนื้อหาหลัก สามารถทำการเลือกตกแต่งได้ 4 ส่วนดังนี้ คือ กล่องแสดงเส้นทาง กล่องวิธีการสั่งซื้อสินค้า กล่องวิธีการชำระเงิน และวิธีการแจ้งชำระเงิน ซึ่งในส่วนของ กล่องวิธีการสั่งซื้อสินค้า กล่องวิธีการชำระเงิน และวิธีการแจ้งชำระเงิน สามารถตกแต่งได้เหมือนกัน
หัวข้อในบทความ
1.กล่องแสดงเส้นทาง
-
การตกแต่งรูปแบบ
1. หน้าจอจะแสดงแถบเมนูบริเวณด้านล่างจอ ให้คลิกเมนู “รูปแบบ”
เลือกรูปแบบ Template ที่ต้องการ
2. กล่องเนื้อหาหลัก
2.กล่องวิธีการสั่งซื้อสินค้า กล่องวิธีการชำระเงิน และวิธีการแจ้งชำระเงิน สามารถตกแต่งได้ในส่วนของหัวข้อและเขียนข้อความ ดังนี้ค่ะ
-
วิธีการตกแต่งหัวข้อ
– ข้อความ
สำหรับเมนู “ข้อความ” ในแถบด้านข้าง เมื่อทำการคลิก จะแสดงเมนูตัวอักษร และเมนูรูปภาพ ให้เลือกทำการตกแต่ง
เมนูตัวอักษร สามารถทำการปรับแต่งข้อความได้ 8 ส่วนด้วยกัน โดยมีรายละเอียดดังนี้
ตัวอักษร : สามารถใส่ข้อความที่ต้องการแสดงในหัวข้อของกล่องค้นหา
ฟอนต์ : เลือกรูปแบบตัวอักษร
ขนาด : กำหนดขนาดตัวอักษร โดยใช้หน่วยเป็น px
สี : เลือกสีตัวอักษร
B: ทำตัวอักษรหนา
I: ทำตัวอักษรเอียง
U: ขีดเส้นใต้ตัวอักษร
ลูกศร : เลื่อนตัวอักษร
เมนูรูปภาพ คือการเลือกรูปที่ต้องการมาใส่ในส่วนของหัวข้อกล่องค้นหา
1.คลิกเมนู “ ข้อความ ” เพื่อเลือกอัลบั้มรูปที่ต้องการ
2.เลือกรูปที่ต้องการนำมาใส่ในส่วนของหัวข้อ
3.คลิกปุ่ม UPLOAD เพื่อทำการอัพโหลดภาพ
– พื้นหลัง
1.คลิกเมนู “พื้นหลัง” จะปรากฏอัลบั้มรูป ตามตัวอย่างด้านล่างนี้
2.คลิกเลือกอัลบั้มรูป
3.เมื่อทำการคลิกอัลบั้มรูป จะปรากฏรูปภาพต่างภายในอัลบั้มให้เลือกใช้
4.คลิกปุ่ม UPLOAD เพื่อทำการอัพโหลดภาพ
-
วิธีการตกแต่งข้อความ
- คลิกที่เมนู “ข้อความ”
- จะมีหน้าต่าง “แก้ไขข้อความ” ขึ้นมา สามารถแก้ไขได้ทั้งรูปภาพและข้อความตามต้องการ
-
การแก้ไขตัวอักษร
การแก้ไขตัวอักษรสามารถทำได้โดยใช้เมาส์ลากคลุมตัวอักษรแล้วพิมพ์ข้อความใหม่ที่ต้องการลงไปได้เลย โดยจะมีส่วนให้คุณสามารถแก้ไขได้ ดังนี้
ฟอนต์
ขนาดตัวอักษร
สีตัวอักษร
ตัวอักษร หนา(B) เอียง (I) ขีดเส้นใต้ (U)
ขีดฆ่าตัวอักษร
ชิดซ้าย กลาง ขวา หรือเสมอกัน
ตัวอย่างเมื่อแก้ไขตัวอักษรเรียบร้อยแล้ว
-
การแก้ไขรูปภาพ
การแก้ไขตัวรูปภาพสามารถทำได้โดย คลิกที่ภาพต้นไม้
จะมีหน้าต่าง “Insert/edit image” ขึ้นมา มีให้แก้ไขภาพ 3 ส่วนดังนี้
ส่วน General
สำหรับบุคคลทั่วๆไป สามารถปรับแต่งรูปภาพในส่วนนี้ได้ ดังนี้
- Image URL : เลือกภาพ ใส่จาก URL
- Image description :คือส่วนคำอธิบายภาพ ว่าภาพนี้คืออะไร
- Title :เมื่อนำเมาส์ชี้ที่รูปภาพที่เรากำลังปรับแต่งอยู่ Title ที่เราพิมพ์ไว้จะขึ้นมา
- Preview : ส่วนแสดงรูปภาพ
ส่วน Appearance
สำหรับผู้ที่พอเป็น css สามารถปรับแต่งรูปภาพได้ เช่น ตำแหน่งรูปภาพ ขอบรูปภาพ เป็นต้น ส่วนนี้จึงสามารถปรับแต่งรูปภาพได้มากกว่าส่วน General
ส่วน Advanced
สำหรับผู้ที่เป็นโปรแกรมเมอร์ เช่น เวลาเมาส์อยู่บนรูปภาพแล้วให้เป็นภาพหนึ่ง เมาส์ออกจากรูปภาพก็เป็นอีกภาพหนึ่ง เป็นต้น ซึ่งในส่วนอื่นๆจะไม่สามารถทำได้ ส่วนนี้จึงสามารถปรับแต่งได้มากกว่าส่วน General และ ส่วน Appearance
เมื่อปรับแต่งรูปภาพเรียบร้อยแล้ว คลิก Insert ได้เลย หรือ คลิก Cancel หากต้องการยกเลิกสิ่งที่ปรับแต่งมา
-
การแก้ไขส่วนอื่นๆ
การแก้ไขในหน้าต่าง “แก้ไขรูปและข้อความ” ไม่ได้มีเพียงการแก้ไขรูปและข้อความเท่านั้น แต่ยังมีส่วนอื่นๆอีกด้วย ดังต่อไปนี้
- ย้อนกลับหลัง(undo) ไปข้างหน้า(redo)
- ใส่ลิงค์(link) และเอาลิงค์ออก(unlink) การใส่ link จะมีประโยชน์ต่อการทำ SEO ทำให้เว็บเราติด Search ง่ายขึ้น ทั้งนี้ขึ้นอยู่กับการใส่ลิงค์ที่ดีด้วย
- ใส่วีดีโอ Insert/Edit embedded media
- ตัวห้อยSubscript และ ตัวยก Superscript
- ตัวอักษรพิเศษต่างๆ Insert custom character
- ขีดเส้นคั่น Insert horizontal ruler
- สามารถใส่ HTML เองได้ด้วย
1. ภาพรวมของร้านค้า
2. แบนเนอร์
3. แถบเมนู
4. Widget Sidebar
- Widget สถิติ
- Widget ติดต่อ
- Widget รหัสพัสดุ
- Widget เว็บเพื่อนบ้าน
- Widget เข้าสู่ระบบ
- Widget สินค้าขายดี
- Widget สินค้ามาใหม่
- Widget สินค้าแนะนำ
- Widget สินค้าลดราคา
- Widget สินค้าสุ่ม
- Widget DBD
- Widget Like Box
- Widget Like Button
- Widget เขียนข้อความ
- Widget Twitter
- Widget Twitter
- Widget Google +1
5. เนื้อหา
5.1. เนื้อหาหลัก
- หน้าแรก
- หน้าวิธีการสั่งซื้อ
- หน้าแจ้งชำระเงิน
- หน้าบทความ
- หน้าเว็บบอร์ด
- หน้าเกี่ยวกับเรา
- หน้าติดต่อเรา
5.2 เนื้อหาอื่นๆ
- เนื้อหา สินค้าขายดี
- เนื้อหา สินค้ามาใหม่
- เนื้อหา สินค้าแนะนำ
- เนื้อหา สินค้าลดราคา
- เนื้อหา สินค้าสุ่ม
- เนื้อหา Like Box
- เนื้อหา Like Button
- เนื้อหา เขียนข้อความ
- เนื้อหา Twitter
- เนื้อหา บทความ
- เนื้อหา เว็บบอร์ด
6. Footer
7. ตะกร้าสินค้า
Pingback: [คู่มือตกแต่งร้านค้า] การตกแต่งเนื้อหาหลักหน้าเว็บบอร์ด | บล็อกเทพ - lnw 's Blog
Pingback: [คู่มือตกแต่งร้านค้า] การตกแต่ง Widget รหัสพัสดุ | บล็อกเทพ - lnw 's Blog
Pingback: [คู่มือตกแต่งร้านค้า] การตกแต่งเนื้อหาหลักหน้าติดต่อเรา | บล็อกเทพ - lnw 's Blog
Pingback: [คู่มือตกแต่งร้านค้า] การตกแต่ง Content สินค้ามาใหม่ | บล็อกเทพ - lnw Co.,Ltd.
Pingback: [คู่มือตกแต่งร้านค้า] การตกแต่งเนื้อหาหลักหน้าแรก | บล็อกเทพ - lnw Co.,Ltd.
Pingback: [คู่มือตกแต่งร้านค้า] การตกแต่ง Widget Sidebar | บล็อกเทพ - lnw Co.,Ltd.
Pingback: [คู่มือตกแต่งร้านค้า] การตกแต่งเนื้อหาหลักหน้าเกี่ยวกับเรา | บล็อกเทพ - lnw Co.,Ltd.
Pingback: [คู่มือตกแต่งร้านค้า] การตกแต่งเนื้อหาหลักหน้าบทความ | บล็อกเทพ - lnw Co.,Ltd.
Pingback: [คู่มือตกแต่งร้านค้า] การตกแต่ง Widget Like Button | บล็อกเทพ - lnw Co.,Ltd.
Pingback: [คู่มือตกแต่งร้านค้า] การตกแต่ง Content เขียนข้อความ | บล็อกเทพ - lnw Co.,Ltd.
Pingback: [คู่มือตกแต่งร้านค้า] การตกแต่ง Widget สินค้าลดราคา | บล็อกเทพ - lnw Co.,Ltd.
Pingback: [คู่มือตกแต่งร้านค้า] การตกแต่ง Content เว็บบอร์ด | บล็อกเทพ - lnw Co.,Ltd.
Pingback: [คู่มือตกแต่งร้านค้า] การตกแต่ง Content Twitter | บล็อกเทพ - lnw Co.,Ltd.
Pingback: [คู่มือตกแต่งร้านค้า] การตกแต่ง Content Like Button | บล็อกเทพ - lnw Co.,Ltd.
Pingback: [คู่มือตกแต่งร้านค้า] การตกแต่ง Widget Like Box | บล็อกเทพ - lnw Co.,Ltd.
Pingback: [คู่มือตกแต่งร้านค้า] การตกแต่ง Content สินค้าสุ่ม | บล็อกเทพ - lnw Co.,Ltd.
Pingback: [คู่มือตกแต่งร้านค้า] การตกแต่งเนื้อหาหลักหน้าติดต่อเรา | บล็อกเทพ - lnw Co.,Ltd.
Pingback: [คู่มือตกแต่งร้านค้า] วิธีการเปลี่ยนรูปแบบ | บล็อกเทพ - lnw Co.,Ltd.
Pingback: [คู่มือตกแต่งร้านค้า] วิธีการตกแต่งพื้นหลัง | บล็อกเทพ - lnw Co.,Ltd.
Pingback: [คู่มือตกแต่งร้านค้า] การตกแต่ง Widget Google +1 | บล็อกเทพ - lnw Co.,Ltd.
Pingback: [คู่มือตกแต่งร้านค้า] การตกแต่ง Content Like Box | บล็อกเทพ - lnw Co.,Ltd.
Pingback: [คู่มือตกแต่งร้านค้า] การตกแต่ง Widget สินค้าสุ่ม | บล็อกเทพ - lnw Co.,Ltd.
Pingback: [คู่มือตกแต่งร้านค้า]ออกโหมดตกแต่งหน้าร้านค้า | บล็อกเทพ - lnw Co.,Ltd.
Pingback: [คู่มือตกแต่งร้านค้า] การตกแต่ง Footer | บล็อกเทพ - lnw Co.,Ltd.
Pingback: [คู่มือตกแต่งร้านค้า] การตกแต่งเนื้อหาหลักหน้าแจ้งชำระเงิน | บล็อกเทพ - lnw Co.,Ltd.
Pingback: [คู่มือตกแต่งร้านค้า] การตกแต่ง Content สินค้าขายดี | บล็อกเทพ - lnw Co.,Ltd.
Pingback: [คู่มือตกแต่งร้านค้า] การตกแต่งแบนเนอร์ | บล็อกเทพ - lnw Co.,Ltd.
Pingback: [คู่มือตกแต่งร้านค้า] การตกแต่งเนื้อหา | บล็อกเทพ - lnw Co.,Ltd.
Pingback: [คู่มือตกแต่งร้านค้า] ส่วนประกอบของร้านค้า | บล็อกเทพ - lnw Co.,Ltd.
Pingback: [คู่มือตกแต่งร้านค้า] การตกแต่ง Widget Twitter | บล็อกเทพ - lnw Co.,Ltd.
Pingback: [คู่มือตกแต่งร้านค้า] การตกแต่ง Widget สถิติ | บล็อกเทพ - lnw Co.,Ltd.
Pingback: [คู่มือตกแต่งร้านค้า] การตกแต่ง Widget DBD | บล็อกเทพ - lnw Co.,Ltd.
Pingback: [คู่มือตกแต่งร้านค้า] การตกแต่ง Content สินค้าแนะนำ | บล็อกเทพ - lnw Co.,Ltd.
Pingback: [คู่มือตกแต่งร้านค้า] การตกแต่ง Content สินค้าลดราคา | บล็อกเทพ - lnw Co.,Ltd.
Pingback: [คู่มือตกแต่งร้านค้า] การตกแต่ง Widget สินค้าแนะนำ | บล็อกเทพ - lnw Co.,Ltd.