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