จะซ่อนรูปแบบ CSS วันที่ของธีม WordPress ได้อย่างไร div กวดวิชาสไตล์ CSS ที่ซ่อนอยู่

隐藏WordPressธีมวันที่ สไตล์ CSS?

DIV กวดวิชาสไตล์ CSS ที่ซ่อนอยู่

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

มีสื่อใหม่ผู้คนถามว่า:จะเป็นอย่างไรถ้าเราต้องการซ่อนไอคอน วันที่ของธีม WordPress

คำตอบคือการซ่อนสไตล์ด้วย CSS:

.r-hide {display：none;}

สไตล์ที่ซ่อนอยู่ CSS สามารถทำได้:

• 1) ข้อความที่ซ่อนอยู่
• 2) ซ่อนไฮเปอร์ลิงก์ (ลิงก์สีดำ)
• 3) ซ่อนรหัสสถิติ
• 4) ซ่อนไอคอน

อันดับแรก เราต้องค้นหาตัวเลือก CSS

ตัวเลือก CSS คืออะไร?

คำจำกัดความของ CSS แต่ละสไตล์ประกอบด้วย 2 ส่วน:

选择器{样式}

• ส่วนก่อนหน้า {} คือ "ตัวเลือก"
• "ตัวเลือก" หมายถึง "รูปแบบ" ของวัตถุ {}
• ความคิดเห็นเกี่ยวกับองค์ประกอบใดของหน้า "สไตล์" นี้ใช้งานได้

จะค้นหาตัวเลือก CSS ได้อย่างไร

ตัวอย่างโค้ด 1

ต่อไปนี้เป็นตัวอย่างภาพเคลื่อนไหว GIF หลังจากค้นหาตัวเลือก CSS ผ่านเบราว์เซอร์ วันที่จะถูกซ่อน▼

รับตัวเลือก CSS time.the-date หลังจากนั้น เพิ่มโค้ด CSS ต่อไปนี้ลงในไฟล์ style.css ของธีม WP:

time.the-date {
 display: none;
}

ตัวอย่างโค้ด 2

วิธีเลือกและจัดรูปแบบองค์ประกอบด้วย class="r-hide" มีดังนี้

.r-hide {display：none;}

หากธีม WP มีตัวเลือก คุณสามารถเพิ่มโค้ด CSS ด้านบนลงในไฟล์ตัวเลือกธีม WP → ปรับแต่งสไตล์ → ปรับแต่งกล่องรหัสสไตล์

• ใช้สไตล์ CSSแสดง: ไม่มี;  ซ่อนเนื้อหาที่ระบุ
• มองไม่เห็นผ่านเบราว์เซอร์ เนื้อหาที่ซ่อนอยู่ไม่ใช้พื้นที่
• มักใช้เพื่อซ่อนเอฟเฟกต์ JS ซ่อนไอคอนของรหัสสถิติ ฯลฯ

การอ่านเพิ่มเติม:

• " ความแตกต่างระหว่างคลาสตัวเลือก CSS และ id คืออะไร? id และการใช้คลาสใน HTML"