Hvordan endre WordPress Tag Cloud Dimensjoner

Hvordan endre WordPress Tag Cloud Dimensjoner


Tag skyer liste hver tag på din WordPress blogg på en måte som gjør at de vanligste kodene vises i store fonter og mindre vanlige kodene vises i liten skrift. WordPress kommer med en innebygd tag cloud widget rett og slett heter "Tag Cloud." Denne widgeten genererer en DIV med en ID "tagcloud," slik at du kan bruke den til å skrive Cascading Style Sheet, eller CSS, kode for å endre kodeskyen dimensjoner. Du kan angi en bredde, høyde, minimum høyde eller en kombinasjon av noen av de tre.

Bruksanvisning

1 Naviger til wp-admin-katalogen av nettstedet ditt og logge deg på WordPress dashbordet.

2 Klikk "Utseende" i menyen til venstre på dashbordet, og klikk "Editor" for å laste "Edit Temaer" skjerm. Finn style.css fil oppført under "Maler" og klikk på koblingen for å laste den i redigeringsboksen.

3 Legg til denne linjen i bunnen av koden i style.css filen:

tagcloud {

bredde: XXpx;

høyde: XXpx;

}

Erstatt "XX" med bredde eller høyde i piksler. Vær forsiktig når du setter høyden fordi du kan kutte av noen koder. Du kan la den linjen med kode ut hvis du ikke trenger en bestemt høyde. Still "min-height" hvis du vil at boksen for å vokse i størrelse etter behov, men tar opp et minimum av vertikal plass.

4 Klikk på den blå "Update File" -knappen for å lagre endringene. Sjekk ditt nettsted i nettleseren for å sørge for at kodeskyen ser rett med sine nye dimensjoner. Prøv å fjerne "height: XXpx" hvis det er et problem.

Hint

  • For å sjekke om en linje med CSS-kode som forårsaker problemer, pakk den i kommentartegn som dette: / * høyde: XXpx; * /. Lagre filen og sjekke nettsiden igjen.
  • Sikkerhetskopiere style.css fil før redigering.