WordPress сэдвийн огнооны CSS хэв маягийг хэрхэн нуух вэ? 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 Үүний дараа WP сэдвийн style.css файлд дараах CSS кодыг нэмнэ үү:

time.the-date {
 display: none;
}

Кодын жишээ 2

class="r-hide" бүхий элементийг хэрхэн сонгох, загварчлахыг эндээс үзнэ үү.

.r-hide {display：none;}

Хэрэв WP сэдэвт сонголт байгаа бол та дээрх CSS кодыг дээр нэмж болноWP загварын сонголтууд → Загварыг өөрчлөх → Өөрчлөхзагварын код хайрцаг.

• CSS хэв маягийг ашиглахдэлгэц: байхгүй;  заасан агуулгыг нуух,
• Хөтөчөөр харагдахгүй, далд контент нь зай эзэлдэггүй,
• Ихэвчлэн JS эффектүүдийг нуух, статистик кодын дүрсийг нуух гэх мэтийг ашигладаг.

Өргөтгөсөн унших:

• " CSS сонгогч анги ба id хоёрын ялгаа юу вэ? HTML дэх id болон ангийн хэрэглээ"