วิธีเพิ่ม Section "พื้นที่เนื้อหาเสริม"

 
Section พื้นที่เนื้อหาเสริม (Section Card) เป็นส่วนสำหรับเพิ่มเนื้อหากลุ่มพิเศษที่ต้องการแสดงผลในหน้านั้น ๆ เช่น จัดกลุ่มข้อมูลแนะนำสินค้ามาใหม่, สินค้าขายดีที่เป็น Hot Items ของร้าน, สินค้าแนะนำตามช่วงเทศกาลต่าง ๆ, หรือจะจัดกลุ่มบทความให้ความรู้ ก็ประยุกต์ใช้แบบไม่จำกัดไอเดียเลยค่ะ

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


นอกจากนี้ Section พื้นที่เนื้อหาเสริม ยังสามารถแสดงผลเนื้อหาได้อย่างเหมาะสมและพอดีกับทุกหน้าจอ ไม่ว่าจะดูหน้าเว็บไซต์แบบปกติ ที่เปิดผ่านคอมพิวเตอร์ตั้งโต๊ะ, Laptop ไปจนถึงบน Tablet และ โทรศัพท์มือถือ Smartphone อีกด้วยค่ะ

 

ข้อแนะนำเกี่ยวกับ Section พื้นที่เนื้อหาเสริม

- สามารถเพิ่ม Section พื้นที่เนื้อหาเสริม ได้ที่เมนูประเภท "บทความ/สินค้า" (สามารถสร้าง Section พื้นที่เนื้อหาเสริม ได้หลายชุดในแต่ละเมนู)

- ประเภทของไฟล์รูปภาพที่สามารถอัพโหลดได้คือ .jpg , .jpeg , .png และ .gif

- ขนาดความกว้างและความสูงของรูปภาพที่เหมาะสมคือ 311x182 pixels

- ขนาดของไฟล์รูป : รูปละไม่เกิน 5 MB

 

ขั้นตอนการเพิ่ม Section พื้นที่เนื้อหาเสริม


1. คลิกปุ่มเพิ่มเมนู ประเภท "บทความ/สินค้า" เพื่อสร้างเป็นเมนูใหม่ หรือ คลิกเข้าไปที่เมนู ประเภท "บทความ/สินค้า" เดิมที่สร้างไว้แล้ว จากนั้นคลิกปุ่ม "เพิ่ม Section"

 

 

2. ปรากฎหน้าต่าง "เลือก Section" ให้คลิกเลือก "พื้นที่เนื้อหาเสริม"

 

3. เลือกจำนวนรายการที่แสดง ซึ่งจะมีให้เลือก 3 และ 4 รายการ ต่อ 1 แถว จากนั้นกด "บันทึก"


4. จะปรากฎพื้นที่เนื้อหาเสริมในหน้าบทความ/สินค้า ให้ คลิกสัญลักษณ์  (เพิ่มรายการใหม่) เพื่อเพิ่มข้อมูล


5. ปรากฎหน้าต่าง "แก้ไขรายการ" คุณสามารถเพิ่มข้อมูลเนื้อหาเสริม ได้ดังนี้

  • ตำแหน่งหมายเลข 1 Upload ภาพใหม่ : เลือกรูปภาพที่ต้องการแสดงผลจากเครื่องคอมพิวเตอร์ของคุณ เมื่ออัพโหลดเรียบร้อยแล้ว สามารถปรับแต่งและใส่รายละเอียดให้กับรูปภาพในได้ ดังนี้
     
    • เลือกประเภทการจัดการขนาดของรูปภาพ :  สามารถเลือกประเภทการจัดการขนาดของรูปภาพได้ 2 รูปแบบ คือ

      • ตัดส่วนที่เกินออก : สามารถคลิกที่ภาพค้างไว้และลากเมาส์ เพื่อจัดตำแหน่งการแสดงผลได้ตามต้องการ
         
      • ย่อขนาดรูปภาพ : ย่อความกว้างและความสูงของภาพให้พอดีกับหน้าจอการแสดงผลของสไลด์
         
    • คำอธิบายภาพ (Title) : ส่วนสำหรับใส่ข้อความอธิบายรายละเอียดที่เกี่ยวข้องกับรูปภาพแบบคร่าว ๆ จะปรากฎเมื่อนำเมาส์ไปชี้ที่รูปภาพนั้น ๆ
       
    • ALT Text : เป็นส่วนสำหรับใส่ข้อความอธิบายรูปภาพที่จะช่วยให้ Search Engine รับรู้ความหมายของภาพนั้น ๆ เนื่องจาก Search Engine ไม่สามารถเก็บข้อมูลรูปภาพจากหน้าเว็บไซต์จากการดูว่าภาพ ที่แสดงคือภาพอะไร โดยอาจใส่ข้อความเหมือนกับที่ใส่ในช่อง คำอธิบายภาพ (Title) ได้ค่ะ

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

 
6. หลังจากเพิ่มข้อมูลในส่วนพื้นที่เนื้อหาเสริมแล้ว คุณสามารถ สลับตำแหน่งข้อมูลแต่ละรายการ ภายใน Section พื้นที่เนื้อหาเสริม ชุดเดียวกันได้ ดังรูปตัวอย่าง

 

ตัวอย่างการแสดงผล Section พื้นที่เนื้อหาเสริม บนหน้าเว็บไซต์จริง

ซึ่งผู้ชมสามารถคลิกที่ รูปภาพ หรือ ชือหัวเรื่อง รายการที่มีการใส่ URL หน้าเว็บไซต์ปลายทางไว้ เพื่อดูรายละเอียดเพิ่มเติมได้



วิธีแก้ไขรายการที่เพิ่มไว้ในส่วนพื้นที่เนื้อหาเสริม

ให้นำเมาส์ไปวางในบริเวณรายการภายใน Section พื้นที่เนื้อหาเสริม จะปรากฎสัญลักษณ์  จากนั้นคลิก "แก้ไขรายการ" และจะปรากฎหน้าต่างสำหรับ แก้ไขข้อมูลตามขั้นตอนในข้อที่ 5. ข้างต้นค่ะ


วิธีลบรายการและ Section พื้นที่เนื้อหาเสริม

ในกรณีที่ต้องการลบข้อมูลบางรายการออกจากส่วนพื้นที่เนื้อหาเสริม สามารถทำได้โดย นำเมาส์ไปวางในบริเวณรายการภายใน Section พื้นที่เนื้อหาเสริม จะปรากฎสัญลักษณ์  จากนั้นคลิก "ลบรายการ" ค่ะ


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

(ข้อควรระวัง : การลบ Section พื้นที่เนื้อหาเสริม ออกจากหน้าเนื้อหาเว็บไซต์ จะทำให้ข้อมูลที่ถูกอัพโหลดในหน้าเว็บไซต์นั้น ๆ ถูกลบออกจากเว็บไซต์ไปด้วยค่ะ)


 




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

การเลือก Theme และตกแต่งเว็บไซต์
VelaEasy Smart Theme
วิธีเพิ่มเมนู บทความ / สินค้า article
จัดการรูปภาพประกอบเนื้อหา article
วิธี Drag & Drop สลับตำแหน่งเมนูด้านบนและด้านข้าง พร้อมเพิ่มเมนูระดับ 2
วิธีเพิ่มเมนูระดับที่ 3,4,5
วิธีจัดเก็บข้อมูลเข้าคลังเนื้อหา (ไม่แสดงในเมนู)
วิธีแก้ไขและลบเมนู
วิธีตั้งค่า SEO สำหรับแต่ละหน้า
วิธีเพิ่ม เมนูลิงก์
วิธีเพิ่มและใช้งานระบบเว็บบอร์ด
วิธีเพิ่มหน้ารวมเว็บบอร์ด
วิธีเพิ่มอัลบั้มรูป
เพิ่มเมนู Landing Page
วิธีเพิ่ม เมนูข้อความ
วิธีเพิ่มเมนู Tag
วิธีการใช้งานฟังก์ชัน "Tags" ในหน้าแก้ไขเมนู
วิธีเพิ่มเมนู สมาชิก (สำหรับสมัครและให้สมาชิกล็อกอิน)
วิธีการใช้งาน "ระบบสมาชิก"
วิธีเพิ่ม Section "Slideshow"
วิธีเพิ่ม Section "Banner"
วิธีเพิ่ม Section "Text"
วิธีเพิ่ม Section "HTML"
วิธีเพิ่ม Section Attachment (อัพโหลดไฟล์เอกสารแนบในเนื้อหา)
วิธีแสดง Section "ราคาสินค้าและปุ่มสั่งซื้อ"
วิธีเพิ่ม Section "Social Buttons"
วิธีเพิ่ม Section "แบบฟอร์มติดต่อกลับ"
วิธีเพิ่ม Section "Comment" : แบบฟอร์มความคิดเห็น
วิธีเพิ่ม Section "Show Boxes" : เพิ่มกล่องแสดงรายการสินค้าและบริการบนหน้าเว็บไซต์
วิธีเพิ่ม Section "รายการที่เกี่ยวข้อง"
วิธีเพิ่ม Section "รายการย่อยภายใต้หัวข้อนี้"
วิธีเพิ่ม Section "รายการอื่นภายใต้หัวข้อเดียวกัน"
กำหนดรูปแบบโดยรวม
วิธีใส่โลโก้หลักของเว็บไซต์
วิธีใส่โลโก้ที่เมนูด้านบน
วิธีการใส่รูปภาพพื้นหลังส่วนหัว (แบนเนอร์ของเว็บไซต์)
วิธีการใส่รูปภาพประกอบส่วนหัว (ภาพเล็กบนภาพส่วนหัว 7-9 ภาพ)
วิธีการใส่รูปภาพพื้นหลังเว็บไซต์
วิธีการใส่ภาพพื้นหลังให้กับพื้นที่ "เมนูด้านบน" และ "เมนูด้านข้าง"
วิธีการกำหนดค่าทึบแสงของพื้นหลัง
วิธีจัดตำแหน่งเมนูด้านบนและสลับกับพื้นที่ส่วนหัว
วิธีซ่อนพื้นที่ด้านข้าง
วิธีเพิ่ม Widget "Link Banner"
วิธีเพิ่ม 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
ขั้นตอนสำคัญสำหรับยืนยันการจดโดเมนเนมใหม่และแก้ไขข้อมูลผู้ดูแลโดเมน