จัดการกฎของสื่อและการลบล้าง

โฆษณา AMPHTML ไม่รองรับฟีเจอร์การปรับเปลี่ยนตามอุปกรณ์ โฆษณาวิดีโอ, GIF แบบเคลื่อนไหว และโฆษณาแบบรูปภาพใช้เลย์เอาต์หลายขนาดได้

ภาพรวมของเลย์เอาต์ที่ปรับเปลี่ยนตามอุปกรณ์

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

วิธีใช้งานกฎของสื่อ

1. เปิดแผงการปรับเปลี่ยนตามอุปกรณ์ และตรวจสอบว่าได้เลือกช่องเลย์เอาต์ที่ปรับเปลี่ยนตามอุปกรณ์ในแท็บ "ขนาดและช่วง" แล้ว
2. เลือกขนาดหรือช่วงขนาดในแผงเพื่อตั้งค่าการลบล้างสําหรับกฎของสื่อนั้นๆ

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

กฎของสื่อสําหรับขนาดที่เจาะจง

คุณอาจทราบขนาดที่แน่นอนของช่องโฆษณาที่คาดว่าครีเอทีฟโฆษณาของคุณจะได้แสดง ในกรณีนี้ คุณจะตั้งกฎของสื่อสําหรับขนาดที่เจาะจงไว้ก็ได้

ขนาดที่ใช้กันทั่วไป

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

ขนาดที่กำหนดเอง

คุณเพิ่มขนาดอื่นๆ ในแผงการปรับเปลี่ยนตามอุปกรณ์ได้

เพิ่มขนาดที่กําหนดเอง

1. คลิก  เพิ่มขนาดที่กําหนดเอง
2. ป้อนขนาดที่ต้องการและกด Enter

แก้ไขขนาดที่กําหนดเอง

1. วางเมาส์เหนือขนาดที่ต้องการแก้ไข
2. คลิกไอคอนแก้ไข
3. ป้อนขนาดใหม่

ลบขนาดที่กําหนดเอง

1. วางเมาส์เหนือขนาดที่ต้องการลบ
2. คลิกไอคอนลบ

กฎของสื่อสำหรับช่วงขนาด

กฎของสื่อตามช่วงขนาดใช้กับขนาดทั้งหมดภายในช่วงขนาดที่คุณระบุ นอกจากนี้ คุณยังจํากัดกฎของสื่อตามช่วงขนาดให้เป็นแนวตั้งหรือแนวนอนก็ได้

ช่วงขนาดในกฎของสื่อจะซ้อนทับกันไม่ได้ กฎของสื่อตามช่วงขนาดซ้อนทับกับกฎของสื่อสําหรับขนาดที่เจาะจงได้ ซึ่งในกรณีนี้ทั้ง 2 กฎจะตั้งค่าการลบล้างที่มีผลกับขนาดเหล่านั้น หากมีข้อขัดแย้ง กฎของสื่อสําหรับขนาดที่เจาะจงจะมีลําดับความสําคัญสูงกว่า

จัดการกฎของสื่อตามช่วงขนาด

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

กฎของสื่อตามช่วงขนาดนี้มีผลต่อขนาดที่จะแสดง 2 ขนาดที่มีการลบล้าง

กล่องโต้ตอบจะแสดงพื้นที่วิวพอร์ตที่เส้นขอบมีไม้บรรทัดแสดงความกว้างและความสูง ขนาดที่จะแสดงแต่ละขนาดคือจุดภายในพื้นที่ของวิวพอร์ตที่พิกัดความกว้างและความสูงสอดคล้องกัน

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

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

เพิ่มกฎของสื่อตามช่วงขนาด

• ในแผงให้ทำดังนี้
  1. คลิก  เพิ่มช่วงขนาด
  2. ป้อนขนาดต่ำสุดและสูงสุดของช่วงขนาด
  3. กด Enter
• ในกล่องโต้ตอบให้ทำดังนี้
  1. คลิกภายในพื้นที่วิวพอร์ตแล้วลากเมาส์เพื่อวาดสี่เหลี่ยมผืนผ้า
     • หากรูปสี่เหลี่ยมผืนผ้าเปลี่ยนเป็นสีแดง แสดงว่าช่วงขนาดซ้อนทับกับช่วงขนาดที่มีอยู่และจะตั้งค่าไม่ได้
  2. คลิกบันทึก

เปลี่ยนการวางแนวของกฎของสื่อตามช่วงขนาด

คุณระบุการวางแนวสำหรับกฎของสื่อตามช่วงขนาดได้เพื่อให้การลบล้างของกฎนั้นมีผลเฉพาะเมื่อวิวพอร์ตเป็นแบบแนวนอนหรือแนวตั้ง

1. คลิกการวางแนวในรายการแบบเลื่อนลงที่อยู่ข้างกฎของสื่อตามช่วงขนาด
2. เลือกการวางแนวใหม่ ดังนี้
   • ทุกแนว
   • แนวนอน
   • แนวตั้ง

แก้ไขช่วงขนาด

• ในแผงให้ทำดังนี้
  1. วางเมาส์เหนือกฎของสื่อตามช่วงขนาดและคลิกไอคอนแก้ไข
  2. ป้อนขนาดต่ำสุดและสูงสุดของช่วงขนาดใหม่
• ในกล่องโต้ตอบให้ทำดังนี้
  1. เลือกกฎของสื่อตามช่วงขนาดที่ต้องการแก้ไข แฮนเดิลปรับขนาดจะปรากฏที่ช่องสีน้ำเงินรอบรูปร่างของกฎของสื่อ
  2. ลากรูปร่างดังกล่าวไปยังตำแหน่งใหม่หรือลากแฮนเดิลข้างหนึ่ง
     • หากต้องการคงอัตราส่วนไว้ ให้กดแป้น Shift ค้างไว้ขณะลากแฮนเดิลปรับขนาด
     • หากกล่องเปลี่ยนเป็นสีแดง แสดงว่าช่วงขนาดใหม่ซ้อนทับกับช่วงขนาดที่มีอยู่และจะตั้งค่าไม่ได้
  3. คลิกบันทึก

การลบล้าง

ใช้การลบล้างเพื่อเพิ่มประสิทธิภาพเลย์เอาต์โดยการปรับคุณสมบัติสําหรับวิวพอร์ตขนาดต่างๆ

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

ดูการลบล้าง

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

กรองรายการการลบล้าง

คุณกรองรายการการลบล้างได้โดยใช้เมนูแบบเลื่อนลงที่ด้านบนของแผง ดังนี้

• ทั้งหมด - แสดงการลบล้างทั้งหมด
• หน้าปัจจุบัน - แสดงการลบล้างองค์ประกอบในหน้าปัจจุบัน
• รายการที่เลือก - แสดงการลบล้างองค์ประกอบที่เลือก

จัดการการลบล้าง

เพิ่มหรือเปลี่ยนแปลงการลบล้าง

1. เลือกกฎของสื่อในแท็บ "ขนาดและช่วง" ของแผงการปรับเปลี่ยนตามอุปกรณ์ กฎของสื่อที่เลือกจะไฮไลต์อยู่ในแผงและแสดงที่มุมซ้ายบนของพื้นที่งาน
2. ทำการเปลี่ยนแปลงที่ต้องการ

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

       

ตัวอย่างตัวบ่งชี้การลบล้างสีเหลือง

ขนาดที่มีการลบล้างจะแสดงไอคอนกฎของสื่อเฉพาะขนาด ในแผงการปรับเปลี่ยนตามอุปกรณ์

คัดลอกการลบล้างสําหรับกฎของสื่อ

1. โดยใช้วิธีใดวิธีหนึ่งต่อไปนี้
   • หากต้องการคัดลอกการลบล้างสําหรับขนาดที่ต้องการ ให้คลิกขวาที่ขนาดในแผงการปรับเปลี่ยนตามอุปกรณ์
   • หากต้องการคัดลอกการลบล้างสําหรับช่วงขนาด ให้วางเมาส์เหนือช่วงขนาดนั้นในแผงการปรับเปลี่ยนตามอุปกรณ์ และคลิกไอคอนเพิ่มเติม ที่ปรากฏขึ้น
2. เลือกคัดลอกการลบล้างจากเมนูป๊อปอัป
3. โดยใช้วิธีใดวิธีหนึ่งต่อไปนี้
   • หากต้องการวางการลบล้างขนาดที่เจาะจง ให้คลิกขวาที่ขนาดนั้นในแผงการปรับเปลี่ยนตามอุปกรณ์
   • หากต้องการวางการลบล้างในช่วงขนาด ให้วางเมาส์เหนือช่วงขนาดนั้นในแผงการปรับเปลี่ยนตามอุปกรณ์ และคลิกไอคอนเพิ่มเติม ที่ปรากฏขึ้น
4. เลือกวางการลบล้างจากเมนูป๊อปอัป

นําการลบล้างออก

1. คลิกป้ายกํากับคุณสมบัติสีเหลืองของการลบล้างที่ต้องการ
   • การลบล้างส่วนใหญ่จะระบุอยู่ในแผงคุณสมบัติ
   • การลบล้างสำหรับภาพเคลื่อนไหวจะระบุอยู่ในไทม์ไลน์
   • การลบล้างเนื้อหาข้อความหรือการตั้งค่าการปรับข้อความให้พอดีจะอยู่ในแผงข้อความ
2. เลือกนําการลบล้างออกในกล่องโต้ตอบป๊อปอัป

นําการลบล้างทั้งหมดสําหรับกฎของสื่อออก

• สําหรับขนาดที่เจาะจงให้ทำดังนี้
  1. คลิกขวาที่ไอคอนกฎของสื่อเฉพาะขนาด สําหรับขนาดนั้นๆ
  2. เลือกนําการลบล้างออกจากเมนูป๊อปอัป
• สําหรับช่วงขนาดให้ทำดังนี้
  1. วางเมาส์เหนือกฎของสื่อตามช่วงขนาด
  2. คลิกไอคอนเพิ่มเติม
  3. เลือกนําการลบล้างออกจากเมนูป๊อปอัป