[คู่มือตกแต่งร้านค้า] การตกแต่ง Footer


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

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

2.การตกแต่งพื้นหลัง :พื้นหลังสามารถเปลี่ยนสี หรือใส่รูปภาพในพื้นหลังได้

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

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

5. เนื้อหา

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

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

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

Share this post

juno

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

37 thoughts on “[คู่มือตกแต่งร้านค้า] การตกแต่ง Footer

Leave a Reply

shares