ReadyPlanet.com
dot

dot
เลือกเวอร์ชั่น Text Editor
Editor Manual
แนะนำวิธีทำเว็บไซต์เบื้องต้น
Function Update
dot
dot
เว็บไซต์รูปแบบ Responsive web design
จัดการเมนูหลัก
เมนูโค้ดและสคริปต์ภายใต้ <head>
ประวัติการใช้งานระบบ
ตัวนับผู้ชมเว็บ
Google Service/Sitemap
จัดการอีเมลสมัครรับข่าวสาร
dot
dot
ระบบผู้ช่วย
ระบบ Chat
dot
dot
การตั้งอีเมล Pop Mail
dot
dot
bulletจัดการเว็บไซต์
bulletระบบพื้นฐาน
bulletระบบเสริม
bulletบริการสมาชิก
bulletเทคนิคอื่นๆ
bulletText Editor
dot
dot
bulletจัดการแบบฟอร์มติดต่อกลับ


ความแตกต่างระหว่างเว็บไซต์แบบ Responsive web design และเว็บไซต์ Mobile Version


เบื้องต้น เว็บไซต์สำเร็จรูป ReadyPlanet ระบบ VelaClassic เวอร์ชั่น 3.0 จะสามารถกำหนดการแสดงผลเว็บไซต์ในรูปแบบ "Mobile Version" เมื่อมีการเปิดผ่านโทรศัพท์มือถือ Smart Phone ได้อย่างเหมาะสม

โดยเว็บมาสเตอร์จะต้องคลิกเลือกกลุ่มบทความหรือกลุ่มสินค้าที่ต้องการให้แสดงผลเอง รวมถึงการแสดงผลเว็บไซต์รูปแบบ Mobile Version จะมีหน้าตาแตกต่างกับเว็บไซต์ที่เปิดบนคอมพิวเตอร์ Notebook และ PC ดังตัวอย่างต่อไปนี้

ตัวอย่างรูปแบบเว็บไซต์ใน Mobile Version เดิม

คลิก เพื่อดูภาพขนาดใหญ่


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

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

ตัวอย่างเว็บไซต์ รูปแบบ Responsive web design
สร้างเว็บไซต์ครั้งเดียว แสดงผลทุกหน้าจอ อย่างสมบูรณ์!


  

            
 

ตัวอย่างการแสดงผลฟังก์ชันต่าง ๆ ในเว็บไซต์รูปแบบ Responsive web design คลิกที่นี่




VelaClassic Responsive Web Design

วิธีเปลี่ยนรูปแบบเว็บไซต์เป็น Responsive
วิธีใส่ภาพแบนเนอร์ส่วนหัว
จัดการแสดงผลข้อมูลเว็บไซต์หน้าแรกด้วย Dynamic Layout
วิธี ปิด/เปิด การแสดงผลเมนูย่อยด้านข้างบนหน้าเว็บไซต์
วิธีเปลี่ยนสี Slide Menu
ตัวอย่างการแสดงผลฟังก์ชันต่างๆ ในเว็บไซต์รูปแบบ Responsive