Widget fontstørrelse for WordPress

WordPress widgets tillate brukere å tilpasse sidepanelet eller andre områder av deres nettsted enkelt ved hjelp av dra-og-slipp-grensesnitt. Fra i admin området, er tilgjengelige widgets vises i en liste og kan bestilles og fjernes etter behov. Hvis du ønsker å tilpasse utseendet på widgets, men må du legge litt HTML-kode for å widgeten eller WordPress tema redaktør for ønsket endringen trer i kraft.

Får Widget Names

Laste opp siden din i en nettleser og legg i HTML, vanligvis ved å klikke på "View" og deretter "Page Source"; men i Firefox gå til "Verktøy", "Web Developer" og deretter "Page Source". Bla ned til du finner din widget og merk den "klasse" navnene på de <div> koder rundt dem og header koder rundt tittelen, som kan være <h1>, <h2> eller <h3>. For eksempel kan du se "<div class =" widget ">" og "<h3 class =" widgettitle ">".

Tittel Font Size

Logg inn på din WordPress admin området, og klikk deretter på "Utseende", "Editor" og deretter "style.css." Scan eller søk filen til du finner en oppføring for widgeten tittelen, som vil starte med overskriften koden du identifisert tidligere . For eksempel kan du se:

h3.widgettitle {

Finn "font-size" attributt i dette, og deretter redigere verdien til skriftstørrelsen du vil at tittelen skal være. Klikk på "Update File" når du er ferdig å lagre endringene.

Hoveddel Font Size

Logg inn på din WordPress admin området og klikk "Utseende", "Editor" og deretter "style.css." Søk filen for widget <div> tag. Det kan se slik ut:

widget {

Se etter "font-size" og sette verdien som ønsket. Legg merke til at den viktigste delen av widget kan inneholde flere elementer, og du må kanskje endre disse, også. For eksempel "a" er den HTML-koden for en hyperkobling, så se etter dette:

.widget et {

Oppdater alle skriftstørrelser og klikk deretter på "Update File".

Linjeredigering

Logg inn i kontrollpanelet og klikk deretter på "Utseende" og klikk på widgeten du ønsker å redigere "Widgets."; deretter sette følgende koder rundt den delen av teksten du vil endre:

<Span style = "font-size: 18 pkt;"> Din tekst </ span>

Endre skriftstørrelsen etter behov, og klikk deretter på "Lagre" -knappen. Hvis koden forsvinner, er det fordi widgeten strimler HTML-kode. Dette er vanlig med widget titler, men vanligvis fungerer i hovedområdet. Hvis den ikke gjør det, må du redigere "style.css" som beskrevet ovenfor.