วิธีเพิ่ม Widget "Link Banner"


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


1. ที่เมนูด้านข้าง คลิกปุ่ม "เพิ่ม Widget" จะปรากฎหน้าต่าง "เลือกประเภท Widget" ให้คลิกปุ่ม "Link Banner"

 

2. ปรากฎหน้าต่าง "เพิ่ม Link Banner"  จากนั้น คลิกปุ่ม "Upload ภาพใหม่"

 

3. ปรากฎหน้าต่างสำหรับเลือกรูปภาพ  คลิกที่รูปที่ต้องการ จากนั้นคลิก "Open"

   คุณสมบัติของรูปภาพที่ระบบรองรับ

  • นามสกุลของไฟล์รูปภาพที่รองรับ : .jpg , .gif , .png 
     
  • ขนาดของรูปที่เหมาะสม (Dimension) คือ : มีความกว้างของรูปไม่เกิน 200 pixels (สำหรับเว็บไซต์ที่ใช้ความกว้างพื้นที่แสดงผล 960 Pixels) หรือ ความกว้างของรูปไม่เกิน 225 pixels (สำหรับเว็บไซต์ที่ใช้ความกว้างพื้นที่แสดงผล 1200 Pixels)
      
  • ขนาดของไฟล์รูป (File Size) : ไม่เกิน 5 MB
     

 

4. จะปรากฎรูปภาพที่อัพโหลดในหน้าต่าง เพิ่ม Link Banner จากนั้นทำการกรอกข้อมูลในช่องรายละเอียด ดังนี้

  • URL ของหน้าที่จะลิงก์ไปถึง : ให้ใส่ URL ของหน้าเว็บไซต์ปลายทางที่ต้องการลิงก์ไปถึง
      
  • ประเภทการเปิด Link : เลือกการเปิดหน้าเว็บไซต์เมื่อคลิกลิงก์ ให้แสดงผลทับหน้าต่างเดิม (นิยมใช้ในกรณีที่สร้างลิงก์ภายในเว็บไซต์เดียวกัน) หรือจะแสดงผลในหน้าต่างใหม่ (นิยมใช้ในกรณีที่สร้างลิงก์เชื่อมโยงไปยังเว็บไซต์ภายนอก)
      
  • คลิกปุ่ม บันทึก


4. ตัวอย่างการแสดงผล Link Banner บนหน้าเว็บไซต์ (ตัวอย่างการคลิกลิงก์ไปยังเว็บไซต์ภายนอก ซึ่งเปิดหน้าต่างใหม่)

 

6. หากต้องการแก้ไขหรือลบ Widget Link Banner สามารถนำเมาส์ไปชี้ที่บริเวณ Widget ที่ต้องการ จะปรากฎสัญลักษณ์รูปเฟืองสีดำ เมื่อนำเมาส์ไปชี้ที่สัญลักษณ์รูปเฟือง จะปรากฎตัวเลือกให้คลิก แก้ไข หรือลบ Link Banner ได้ค่ะ

 


 




คู่มือการใช้งาน

การเลือก Theme และตกแต่งเว็บไซต์
VelaEasy Smart Theme
วิธีเพิ่มเมนู บทความ / สินค้า article
จัดการรูปภาพประกอบเนื้อหา article
วิธี Drag & Drop สลับตำแหน่งเมนูด้านบนและด้านข้าง พร้อมเพิ่มเมนูระดับ 2
วิธีเพิ่มเมนูระดับที่ 3,4,5
วิธีจัดเก็บข้อมูลเข้าคลังเนื้อหา (ไม่แสดงในเมนู)
วิธีแก้ไขและลบเมนู
วิธีตั้งค่า SEO สำหรับแต่ละหน้า
วิธีเพิ่ม เมนูลิงก์
วิธีเพิ่มและใช้งานระบบเว็บบอร์ด
วิธีเพิ่มหน้ารวมเว็บบอร์ด
วิธีเพิ่มอัลบั้มรูป
เพิ่มเมนู Landing Page
วิธีเพิ่ม เมนูข้อความ
วิธีเพิ่มเมนู Tag
วิธีการใช้งานฟังก์ชัน "Tags" ในหน้าแก้ไขเมนู
วิธีเพิ่มเมนู สมาชิก (สำหรับสมัครและให้สมาชิกล็อกอิน)
วิธีการใช้งาน "ระบบสมาชิก"
วิธีเพิ่ม Section "Slideshow"
วิธีเพิ่ม Section "Banner"
วิธีเพิ่ม Section "พื้นที่เนื้อหาเสริม"
วิธีเพิ่ม Section "Text"
วิธีเพิ่ม Section "HTML"
วิธีเพิ่ม Section Attachment (อัพโหลดไฟล์เอกสารแนบในเนื้อหา)
วิธีแสดง Section "ราคาสินค้าและปุ่มสั่งซื้อ"
วิธีเพิ่ม Section "Social Buttons"
วิธีเพิ่ม Section "แบบฟอร์มติดต่อกลับ"
วิธีเพิ่ม Section "Comment" : แบบฟอร์มความคิดเห็น
วิธีเพิ่ม Section "Show Boxes" : เพิ่มกล่องแสดงรายการสินค้าและบริการบนหน้าเว็บไซต์
วิธีเพิ่ม Section "รายการที่เกี่ยวข้อง"
วิธีเพิ่ม Section "รายการย่อยภายใต้หัวข้อนี้"
วิธีเพิ่ม Section "รายการอื่นภายใต้หัวข้อเดียวกัน"
กำหนดรูปแบบโดยรวม
วิธีใส่โลโก้หลักของเว็บไซต์
วิธีใส่โลโก้ที่เมนูด้านบน
วิธีการใส่รูปภาพพื้นหลังส่วนหัว (แบนเนอร์ของเว็บไซต์)
วิธีการใส่รูปภาพประกอบส่วนหัว (ภาพเล็กบนภาพส่วนหัว 7-9 ภาพ)
วิธีการใส่รูปภาพพื้นหลังเว็บไซต์
วิธีการใส่ภาพพื้นหลังให้กับพื้นที่ "เมนูด้านบน" และ "เมนูด้านข้าง"
วิธีการกำหนดค่าทึบแสงของพื้นหลัง
วิธีจัดตำแหน่งเมนูด้านบนและสลับกับพื้นที่ส่วนหัว
วิธีซ่อนพื้นที่ด้านข้าง
วิธีเพิ่ม Widget "แบบฟอร์ม"
วิธีเพิ่ม Widget "HTML"
วิธีเพิ่ม Widget "Search Box" ช่องค้นหาข้อมูลบทความ/สินค้า
วิธีเพิ่ม Widget "Member Box"
วิธีสลับตำแหน่ง Sidebar Widget กับเมนูด้านข้าง
วิธีการตั้งค่า "พื้นที่ด้านล่าง" ของเว็บไซต์
วิธีเพิ่มลิงก์เมนูลัด ในพื้นที่ด้านล่างของเว็บไซต์ (Footer Link)
วิธีแก้ไขเว็บไซต์ใน Safe Mode
ระบบ Chat
วิธีเข้าดูรายการสั่งซื้อ
วิธีการเข้าดูรายการติดต่อกลับ
วิธีเข้าดู "รายงานการขาย"
เมนูตั้งค่า ทั่วไป article
เมนูตั้งค่า "ร้านค้า" และระบบตะกร้าสินค้า
วิธีใช้งานระบบ Stock สินค้า
วิธีตั้งราคาค่าขนส่งสินค้า
เมนูตั้งค่า เครื่องมือของ Google
เมนูตั้งค่า Social Networks
เมนูตั้งค่า โค้ดและสคริปต์
เมนู อีเมล POP3
เมนู อีเมล Forwarding
บริหารเว็บไซต์ผ่าน Smart Phone ด้วย VelaHandy
วิธีเลือกภาษาบนหน้าเว็บไซต์
วิธีเปลี่ยนรหัสผ่าน article
ดาวน์โหลดเอกสารประกอบคอร์สอบรม Introduction to ReadyPlanet VelaEasy Website System
คู่มือการใช้งานฟังก์ชันพิเศษในแพ็กเกจ XL และ แพ็กเกจ Easy
ขั้นตอนสำคัญสำหรับยืนยันการจดโดเมนเนมใหม่และแก้ไขข้อมูลผู้ดูแลโดเมน