วิธีเพิ่มเมนู บทความ / สินค้า article


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

1. คลิกปุ่ม "เพิ่มเมนู" ที่พื้นที่ เมนูด้านบน หรือ เมนูด้านข้าง

 

2. ปรากฎหน้าต่าง "เลือกประเภทเมนู" ให้คลิกปุ่ม "บทความ/สินค้า"

 

3. จากนั้นในหน้าต่าง "เพิ่มหน้าใหม่" คุณสามารถใส่ข้อมูลในหัวข้อต่าง ๆ ดังต่อไปนี้


 

3.1. "ชื่อเมนู" สำหรับใส่ชื่อของบทความ หรือชื่อสินค้า สามารถประยุกต์ให้บทความแสดง รายละเอียดสินค้า ราคา และปุ่มสั่งซื้อได้ตามต้องการ 
 

3.2. "หัวข้อเนื้อหา / ชื่อบทความ / ชื่อสินค้า"  สามารถใส่คำอธิบายข้อมูลเพิ่มเติมจากส่วน "ชื่อเมนู" ในเว็บไซต์แต่ละหน้าซึ่งสามารถเปลี่ยนชื่อหรือแก้ไขได้
 

3.3. ตัวเลือก ใช้ "หัวข้อเนื้อหา / ชื่อบทความ / ชื่อสินค้า" เหมือนกับ "ชื่อเมนู" หากทำเครื่องหมายกาถูกในหัวข้อนี้  ระบบจะนำข้อความในช่อง "ชื่อเมนู" มาแสดงผลในช่อง "หัวข้อเนื้อหา / ชื่อบทความ / ชื่อสินค้า" อัตโนมัติ
 

3.4.  Tags สามารถใส่คำและคีย์เวิร์ดที่เกี่ยวข้องกับสินค้าหรือเนื้อหาเรื่องนั้น ๆ  แล้วคำนั้นจะกลายเป็นลิงก์ให้สามารถคลิกได้  โดยเว็บมาสเตอร์สามารถใส่ Tag เพื่อแสดงผลสินค้าหรือเนื้อหาที่เกี่ยวข้องกันได้อย่างเป็นหมวดหมู่ตามต้องการ

ดูรายละเอียด วิธีการใช้งานฟังก์ชัน Tags เพิ่มเติม คลิกที่นี่ ค่ะ
 

3.5. ตัวเลือก "แสดงเฉพาะสมาชิก" สำหรับเว็บไซต์สำเร็จรูป VelaEasy แพ็คเกจที่มีระบบสมาชิก (Member Login) จะสามารถทำเครื่องหมายกาถูกในช่อง "แสดงเฉพาะสมาชิก" เพื่อปิดเมนูนี้ให้เฉพาะสมาชิกที่ log in เข้าสู่ระบบสมาชิกของเว็บไซต์แล้วเท่านั้นจึงจะมองเห็นและคลิกดูข้อมูลในเมนูนั้น ๆ ได้

ดูรายละเอียด วิธีการใช้งานระบบสมาชิก เพิ่มเติม คลิกที่นี่ ค่ะ
 

หลังจากกรอกข้อมูลในหัวข้อต่าง ๆ เรียบร้อยแล้ว คลิก "บันทึก"


4. จะปรากฎเมนูที่เพิ่มเข้ามาใหม่ที่บริเวณเมนูด้านบน หรือเมนูด้านข้าง (ตามพื้นที่ที่คลิกเพิ่มในข้อที่ 1.)  คุณสามารถใส่รายละเอียดในหน้าใหม่ที่ปรากฎ ดังต่อไปนี้


หมายเลข 1 ชื่อเมนู (ตามขั้นตอนในข้อที่ 3.1. ข้างต้น)

จะเป็นพื้นที่หลักสำหรับใส่เนื้อหา รูปภาพ ของสินค้าหรือบริการที่คุณต้องการนำเสนอในเมนูประเภท บทความ/สินค้า แต่ละหน้า ซึ่งจะเรียกพื้นที่หลักสำหรับใส่เนื้อหาส่วนนี้ว่า พื้นที่เนื้อหาหลัก (Section Main)

ซึ่งคุณสามารถ คลิกลาก พื้นที่เนื้อหาหลัก (Section Main) และวางสลับตำแหน่งกับข้อมูลใน Section อื่น ๆ ได้ (ซึ่งจะอธิบายเกี่ยวกับการเพิ่ม Section ต่อจากการใส่รายละเอียดเนื้อหาค่ะ)



หมายเลข 2 หัวข้อเนื้อหา (ตามขั้นตอนในข้อที่ 3.2. ข้างต้น)

ในกรณีที่ไม่ได้ ตั้งค่าสำหรับ SEO ที่เมนูนี้ หัวข้อเนื้อหาจะถูกนำไปแสดงผลเป็น Title Tag ที่แสดงบน Title Bar ของ Web Browser และแสดงในผลการค้นหาบรรทัดแรกของ Google อีกด้วยค่ะ 

 

หมายเลข 3 รูปภาพประกอบรายการ

สามารถใส่รูปภาพประกอบรายการในแต่ละหน้าได้ 7 รูป โดยสามารถลากเปลี่ยนสลับตำแหน่งของแต่ละรูปได้  หรือคลิก ซ่อน หากไม่ต้องการให้แสดงรูปประกอบรายการค่ะ

อ่านรายละเอียด วิธีการใส่รูปภาพประกอบรายการ คลิกที่นี่ ค่ะ

 

หมายเลข 4 รายละเอียดเนื้อหา 

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


ตัวอย่างการแสดงผลหน้าแก้ไขรายละเอียดเนื้อหา ด้วย Text Editor
เช่น การทำตัวอักษรหนา , เปลี่ยนสีตัวอักษร, ใส่รูปภาพเพิ่มเติมด้วยเครื่องมือ Insert/Edit Image, ผูกลิงก์ด้วยเครื่องมือ Insert/Edit Link, ใส่ตารางด้วยเครื่องมือ Table หรือวางโค้ดตกแต่งเพิ่มเติมด้วยเครื่องมือ Source Code (อยู่ภายใต้เมนู Tools) เป็นต้น เมื่อแก้ไขข้อมูลเรียบร้อยตามความต้องการแล้ว คลิก "บันทึก"

(หมายเหตุ : เครื่องมือ Text Editor ในระบบเว็บไซต์สำเร็จรูป VelaEasy มีให้เลือกใช้งาน 2 เวอร์ชั่นนะคะ สามารถดู วิธีเลือกเวอร์ชั่น Text Editor ได้ ที่นี่ ค่ะ)

 

ตัวอย่างการแสดงผลหลังการใส่รูปภาพและตกแต่งเนื้อหาบนหน้าเว็บไซต์





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


สำหรับ Section ที่สามารถเพิ่มในหน้าเมนูประเภท บทความ/สินค้า มีดังนี้


สำหรับเว็บไซต์ที่เลือกใช้ Smart Theme จะมี Section พิเศษให้เลือกใช้เพิ่มอีก 2 Section คือ

 

วิธีการเพิ่ม Section ข้อมูลในหน้าเว็บไซต์บทความ/สินค้า

1. คลิกปุ่ม "เพิ่ม Section"

 


2. จากนั้น คลิกเลือก Section ส่วนที่ต้องการแสดงผล 

 

3. ตัวอย่าง Content Section ที่แสดงในหน้าเนื้อหาสินค้า ได้แก่ ราคา, Social Buttons และ Comments ตามลำดับ ดังรูป


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



 

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


ตัวอย่างการแสดงผล Content Section หลังสลับตำแหน่งบนหน้าเว็บไซต์จริง

 


 




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

การเลือก Theme และตกแต่งเว็บไซต์
VelaEasy Smart Theme
จัดการรูปภาพประกอบเนื้อหา 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 "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
วิธีการเปลี่ยนรูปภาพพื้นหลังส่วนหัวจาก Flash เป็นภาพนิ่ง
บริหารเว็บไซต์ผ่าน Smart Phone ด้วย VelaHandy
วิธีเลือกภาษาบนหน้าเว็บไซต์
วิธีเปลี่ยนรหัสผ่าน article
ดาวน์โหลดเอกสารประกอบคอร์สอบรม Introduction to ReadyPlanet VelaEasy Website System
คู่มือการใช้งานฟังก์ชันพิเศษในแพ็กเกจ XL และ แพ็กเกจ Easy
ขั้นตอนสำคัญสำหรับยืนยันการจดโดเมนเนมใหม่และแก้ไขข้อมูลผู้ดูแลโดเมน