ปรับข้อความเพื่อการมองเห็นบนเดสก์ท็อปและมือถือ

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

คุณสมบัติ "ซ่อนบนโทรศัพท์มือถือ" และ "ซ่อนบนคอมพิวเตอร์"

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

คุณสมบัติเหล่านี้ช่วยให้คุณสร้างรุ่นต่าง ๆ ของเนื้อหาของคุณ แสดงองค์ประกอบที่เฉพาะเจาะจงเฉพาะบนอุปกรณ์บางชนิดเท่านั้น สิ่งนี้สำคัญสำหรับการปรับปรุงประสบการณ์ของผู้ใช้บนแต่ละแพลตฟอร์ม

ทำตามขั้นตอนด้านล่างเพื่อปรับข้อความให้เหมาะกับการมองเห็นของโทรศัพท์และคอมพิวเตอร์:

  1. เข้าถึง แคมเปญ
  2. คลิกที่ แก้ไข

  3. เปิดหน้า เลย์เอาต์
  4. แก้ไขเนื้อหาอีเมล

  5. เราจะสร้างองค์ประกอบที่ซ่อนไว้สำหรับแต่ละเลย์เอาต์: โทรศัพท์มือถือและคอมพิวเตอร์
  6. ปรับแต่งสำหรับการใช้บนคอมพิวเตอร์ (และซ่อนองค์ประกอบสำหรับการใช้บนโทรศัพท์มือถือ) เลือกองค์ประกอบที่ดูดีบนโทรศัพท์มือถือ
  7. เลื่อนลงด้านขวาและเลือก ซ่อนบนคอมพิวเตอร์ นี้จะทำให้บล็อกข้อความเฉพาะนี้ไม่ปรากฏเมื่อมองเว็บไซต์บนคอมพิวเตอร์
  8. บันทึก
  9. ปิด
  10. เพิ่มกล่อง ข้อความ เข้าไป
  11. พิมพ์ข้อความที่ต้องการ (คุณอาจเลือกทำสำเนาบล็อกข้อความนี้แล้วแก้ไขสำเนาเพื่อทำให้เหมาะกับการใช้บนโทรศัพท์มือถือมากขึ้น (เช่น ปรับขนาดตัวอักษรและระยะห่างบรรทัด))
  12. จัดกลาง
  13. ทำให้ขนาดตัวอักษรใหญ่ขึ้น
  14. ไปที่เวอร์ชันโทรศัพท์มือถือและเลือกสำเนาบล็อกข้อความ (หรือองค์ประกอบใด ๆ) ที่คุณต้องการซ่อนในมุมมองบนคอมพิวเตอร์
  15. ซ่อนข้อความใหญ่สำหรับโทรศัพท์มือถือ นี้จะทำให้บล็อกข้อความเฉพาะนี้ไม่ปรากฏเมื่อมองเว็บไซต์บนอุปกรณ์โทรศัพท์มือถือ
  16. ใช้ ตัวเลือกดูตัวอย่างที่มุมซ้ายล่าง เพื่อตรวจสอบว่ามันดูยังไงบนเวอร์ชันคอมพิวเตอร์และโทรศัพท์มือถือ:
  17. ตรวจสอบทั้งสองเวอร์ชันโดย สลับมุมมองที่นี่:

ประโยชน์หลักจากการใช้คุณสมบัติเหล่านี้:

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

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

ข้อคิดเห็น

0 ข้อคิดเห็น

โปรด ลงชื่อเข้าใช้ เพื่อแสดงข้อคิดเห็น