Hur döljer man WordPress tema datum CSS-stil? div gömd css-stil handledning

hur man gömmer sigWordpressTema datum CSS stil?

DIV gömd CSS-stil handledning

Chen WeiliangNyligen har webbplatsmallen förbättrats och optimerats, och detta görs också för att ta hänsyn tillSEOanvändarupplevelse.

harny mediaFolk frågade:Vad händer om vi vill dölja en viss ikon, datum för ett WordPress-tema?

Svaret är att dölja stilarna med CSS:

.r-hide {display：none;}

CSS dolda stilar kan uppnå:

• 1) Dold text
• 2) Dölj hyperlänkar (svarta länkar)
• 3) Dölj statistisk kod
• 4) Dölj ikon

Först måste vi hitta CSS-väljare.

Vad är CSS-väljare?

Definitionen av varje CSS-stil består av 2 delar:

选择器{样式}

• Delen före {} är "väljaren".
• "Väljaren" indikerar "stilen" för {}-objektet.
• Kommentarer om vilket element på sidan fungerar denna "stil"?

Hur hittar man CSS-väljare?

Kodexempel 1

Följande är ett exempel på en GIF-animation. Efter att ha hittat CSS-väljaren via webbläsaren är datumet dolt▼

Skaffa CSS-väljare time.the-date Efter det lägger du till följande CSS-kod till style.css-filen för WP-temat:

time.the-date {
 display: none;
}

Kodexempel 2

Så här väljer du och stilar ett element med class="r-hide":

.r-hide {display：none;}

Om WP-temat har alternativ kan du lägga till ovanstående CSS-kod tillWP-temaalternativ → Anpassa stil → Anpassastil kodruta.

• Använd CSS-stilardisplay: ingen;  dölj det angivna innehållet,
• Osynligt genom webbläsaren, dolt innehåll tar inte upp plats,
• Används vanligtvis för att dölja JS-effekter, dölja ikoner för statistiska koder, etc.

Utökad läsning:

• " Vad är skillnaden mellan CSS-väljarklass och id? id och klassanvändning i HTML"