วิธีใช้งานโหมด Responsive
ตั้งแต่เวอร์ชัน 4.0 เป็นต้นไป คุณสามารถสลับมุมมองระหว่างเดสก์ท็อป แท็บเล็ต และโทรศัพท์มือถือขณะแก้ไขได้แล้ว! เราเรียกสิ่งนี้ว่าโหมด responsive ในโหมด responsive เว็บไซต์ของคุณจะปรับขนาดให้เล็กลงเพื่อจำลองลักษณะที่เว็บไซต์ของคุณจะปรากฏบนหน้าจอขนาดเล็ก
ความสามารถในการแก้ไขแบบจำกัด
ขณะดูเว็บไซต์ของคุณในมุมมอง แท็บเล็ต หรือ โทรศัพท์มือถือ คุณจะมีความสามารถในการแก้ไขที่จำกัด ด้วยเหตุนี้ คุณจึงสามารถทำได้ เฉพาะ สิ่งต่อไปนี้เท่านั้น:
- แก้ไขข้อความ
- จัดรูปแบบลักษณะข้อความโดยใช้แถบเครื่องมือจัดรูปแบบข้อความ
- ปรับระยะขอบ (margin) บางส่วน ขององค์ประกอบและแถว *
- ซ่อนแถวในแท็บเล็ตหรือโทรศัพท์มือถือ
* PBS มีการปรับใช้การกำหนดสไตล์ responsive บางอย่างกับองค์ประกอบและแถวของคุณ ดังนั้นระยะขอบบางส่วนจึงไม่สามารถปรับแต่งได้
นี่คือสิ่งที่คุณ ไม่สามารถ ทำได้:
- เพิ่ม ลบ หรือลากย้ายองค์ประกอบ
- ดูคุณสมบัติขององค์ประกอบ
- ปรับขนาดรูปภาพ ไอคอน แถว และองค์ประกอบอื่นๆ ที่ปรับขนาดได้
การปรับระยะขอบสำหรับขนาดหน้าจอเฉพาะ
หากคุณกำลังดูเว็บไซต์ของคุณในมุมมอง แท็บเล็ต หรือ โทรศัพท์มือถือ การปรับ ระยะขอบ (margin) ใดๆ ที่คุณทำจะมีผลเฉพาะกับมุมมองปัจจุบันและมุมมองที่เล็กกว่าเท่านั้น สิ่งนี้ช่วยให้คุณปรับแต่งดีไซน์ให้ดูดีขึ้นบนหน้าจอขนาดเล็ก โดยแยกเป็นอิสระจากเวอร์ชันเดสก์ท็อปแบบเต็ม
นี่คือตัวอย่างเพื่อให้เข้าใจได้ชัดเจนยิ่งขึ้น
- หากคุณดูเว็บไซต์ในโหมดแท็บเล็ต และปรับระยะขอบของหัวข้อ การปรับนั้นจะมีผล เฉพาะ กับหน้าจอแท็บเล็ตเท่านั้น นอกจากนี้การปรับนี้จะมีผลกับหน้าจอโทรศัพท์มือถือด้วยเช่นกัน หากคุณสลับกลับไปที่โหมดเดสก์ท็อป ระยะขอบเดิมจะถูกนำกลับมา
- ตอนนี้ หากคุณไปที่โหมดโทรศัพท์มือถือและปรับระยะขอบเดิมเพิ่มเติมอีกครั้ง การปรับนั้นจะมีผลเฉพาะกับหน้าจอโทรศัพท์มือถือเท่านั้น หลังจากนั้น คุณจะมีระยะขอบที่แตกต่างกันสำหรับเดสก์ท็อป แท็บเล็ต หรือโทรศัพท์มือถือ
สิ่งนี้ใช้ได้กับการปรับระยะขอบเท่านั้น การเปลี่ยนแปลงข้อความหรือลักษณะข้อความจะมีผลกับทุกขนาดหน้าจอ
การซ่อนเนื้อหาในขนาดหน้าจอแท็บเล็ตหรือโทรศัพท์มือถือ
เมื่อดูในมุมมองแท็บเล็ตหรือโทรศัพท์มือถือ แถว ของคุณจะมีปุ่มบนแถบเครื่องมือรูป “ดวงตา” ปรากฏขึ้นใหม่เมื่อคุณเลื่อนเมาส์ไปวางเหนือแถวเหล่านั้น การคลิกปุ่มนี้จะช่วยให้คุณสามารถแสดง/ซ่อนแถวดังกล่าวสำหรับขนาดหน้าจอปัจจุบันได้
แถวที่ซ่อนอยู่จะกลายเป็นแบบโปร่งแสงเล็กน้อยขณะแก้ไข เพื่อระบุว่าแถวเหล่านั้นจะถูกซ่อนไว้เมื่อคุณแก้ไขเสร็จสิ้น
โปรดทราบว่าฟีเจอร์นี้ใช้งานได้สำหรับแถวเท่านั้น