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


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

 

1. Log in เข้าส่วนจัดการเว็บไซต์ ที่เมนู "จัดการเว็บไซต์" และคลิกที่เมนู "เลือกรูปแบบเทมเพลต"


2. ในแท็บ "เลือกรูปแบบเทมเพลต" คลิกตัวเลือก "รูปแบบ Responsive" ระบบแสดง pop up แจ้งเตือนว่า การเปลี่ยนรูปแบบเทมเพลตจะทำให้ รูปส่วนหัว, รูปแบบตัวอักษร และสีของเว็บไซต์ ถูกเปลี่ยนไปตามรูปแบบของเทมเพลตใหม่ที่เลือก หากยืนยันการเปลี่ยนแปลง ให้คลิกปุ่ม "OK" ระบบจะเปลี่ยนการแสดงผลเว็บไซต์เป็นรูปแบบ Responsive


 

3. หลังจากเลือกรูปแบบเป็น Responsive เรียบร้อย หากคลิกกลับมาสู่หน้า เลือกรูปแบบของเว็บไซต์ อีกครั้ง จะปรากฎรูปแบบเทมเพลตแบบ Responsive ให้เลือกใช้ได้ โดยเบื้องต้นจะมี Template ID: 1001 เป็นเทมเพลตเริ่มต้น


 

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

    

    


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

- ระบบจะแสดง template id เดิม ที่ใช้งานก่อนจะเปลี่ยนเป็นรูปแบบ Responsive

- ระบบจะยังคงแสดงภาพส่วนหัวภาพเดิม ที่ท่านอัพโหลดไว้ก่อนเปลี่ยนเป็นรูปแบบ Responsive




VelaClassic Responsive Web Design

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