Har du noen gang besøkt en blogg og lagt merke til umiddelbart hvordan typografien la til raffinement og virkelig gjorde innholdet skiller seg ut? Kanskje det var en elegant skrifttype som passer til temaet for bloggen, eller hvitt rom som ble brukt dygtig i hele oppsettet. Uansett hva det var, tok det øye, og du lurte sikkert på hvordan de gjorde det.

Disse typer lesbarhetsforbedringer gjøres enten via manuell CSS-styling eller med plug-ins. Hvis du ikke er kjent med CSS-koding, er plugin-moduler definitivt veien å gå, og denne artikkelen fremhever de 10 typografirelaterte WordPress-plugin-modulene for å forbedre lesbarheten til bloggen din.

Plug-ins som disse er viktige fordi de hjelper deg bedre med å håndtere bindestreker, mellomrom, karakterformatering, tekstforbedringer, sitater og mye mer. Ved å bruke bare en plug-in eller to, kan du puste livet inn i en ellers kjedelig layout og holde leserne lenger.

Så, la oss se på hvordan du får bloggen din til å bli til liv med tilleggsprogrammer.

1. Drop Caps

Drop Caps øker lesbarheten av innleggene dine ved å legge til en stilig dråpehett i begynnelsen av hvert første ledd. Du kan også legge til drop caps til kommentarer og utdrag. Pluggen leveres med et standard stilark, men du kan endre CSS etter behov.

Drop Caps WordPress plug-in

Mens du kan stille inn plugin-modulen for automatisk å sette inn drop-caps på bestemte steder, kan du også manuelt legge dem til hvor som helst ved hjelp av Drop Cap Shortcode plugg inn. Og hvis du trenger støtte til fremmedspråk, wp-dropcaps har du dekket.

2. WP Typografi

Kjent som en one-stop-butikk for forbedret webtypografi, WP Typografi legger til noen svært nyttige funksjoner på bloggen din. Det hjelper med bindestrek, mellomrom, tegnutskifting og styling (via CSS-kroker). Og det støtter over 40 språk.

Avstandskontrollen er stor fordi den tvinger intern innpakning av lange nettadresser og e-postadresser. Karakterutskiftingsfunksjonen formaterte ting som anførselstegn, bindestreker og varemerker og opphavsrettssymboler. Og CSS kroker er gode for styling merker som ampersand, dobbel sitater, akronymer og mer.

3. Enkelt trekk sitat

Hvis du noen gang ønsket en måte å sette av og understreke sitater i innleggene dine, da Enkelt trekk sitat er til deg. Den legger til en "Pullquote" -knapp til HTML- og TinyMCE-editoren din, slik at du kan understreke hvilken som helst tekst du velger, og sette den i sin egen blokk til siden av innholdet ditt, slik som:

Simple Pull Quote WordPress plug-in

Mens plugin-modulen leveres med standard styling, kan du overstyre den med CSS. Fordi mange temaer ikke kommer med en stil for å trekke sitater, er dette en fin måte å fremheve dem på.

4. TextImage

TextImage erstatter hele innholdet i innleggene dine med PNG-bilder. Hvis du lurer på hvorfor noen ønsker å gjøre dette, er det enkelt: å skjule innholdet fra roboter og edderkopper. Hvis du konverterer tekst til et bilde, blir det ulæselig og kan derfor ikke indekseres av søkemotorer.

Du kan stile bildeets bakgrunn, skrift og størrelse etter behov. Fordi det er et bilde, kan du ikke bruke formatering som fet, kursiv eller understreket (med mindre det var i det opprinnelige innlegget). Plugin-modulen striper også ut alle HTML-kodene fra innlegget ditt.

5. CodeColorer

Hvis du bruker mange kodestykker i innleggene dine (PHP, HTML, Ruby, JavaScript, etc.) CodeColorer vil definitivt komme til nytte. Det lar deg legge til kodestykker til innlegg og kommentarer likt. Tilpass utseendet på utklippene med CSS for å få dem til å skille seg ut.

CodeColorer WordPress plug-in

Plugin-modulen støtter over 20 språk og tilbyr mange funksjoner som syntaksutheving i RSS-feeder, syntaksutheving for enkle linjer med kode, linjenummerering, intelligent rulleoppdaging og forhåndsdefinerte temaer. For å legge til en utdrag til et innlegg, bruk bare den integrerte kortkoden.

6. Censortiv

Ytringsfrihet på nettet blir ofte blokkert av Big Brother-teknologier som sniffer ut "sensitive" ord. Hvis du vil ta kontroll over ytringsfriheten, Censortive kan hjelpe.

Dette er en anti-sensur plug-in som bare erstatter "sensitive" ord med en grafisk ekvivalent, noe som gjør dem usynlige for censurroboter. Plugin-modulen endrer ord i bildefiler som passer rett sammen med tema og tekst.

7. WP fotnoter

WP Fotnoter lar deg lage og administrere fotnoter og sidetegn som om blogginnlegget ditt var et Microsoft Word-dokument. Når plug-in er installert, skriv inn hvilken tekst du vil bruke for fotnoten i to parenteser, og WP Footnotes gjør resten.

WP Fotnoter WordPress plugin

En fin touch er evnen til å gjenta fotnoter; å referere til en tidligere, bare sett inn teksten du brukte tidligere. Ganske pent, va?

8. Post Typograf

Posttypograf er snill som WP Typography: en one-stop-butikk for posttypografi. Når du publiserer eller oppdaterer et innlegg, blir det automatisk formatert i henhold til reglene du angir for plugin-modulen.

Disse reglene inkluderer: legge til ikke-bryte mellomrom når det er nødvendig, konvertere bindestreker til em og en bindestrek etter behov, fjerne ekstra mellomrom, pakke inn innhold i koder der det er nødvendig, og bevare innholdet i pre tags.

9. Tekstkontroll

Tekstkontroll gir deg full kontroll over tekstrelatert formatering på bloggen din. Du kan aktivere alternativer individuelt for hvert innlegg eller globalt for alle innlegg og kommentarer. Når du først installerer plugin-modulen, forblir standardinnstillingene for WordPress intakt, og du kan velge mellom et utvalg av syntaks og kodingsalternativer.

Tekstkontroll WordPress-plugin-modulen

Tekstkontroll er ganske avansert og har mange funksjoner. Formateringsalternativene inkluderer Markdown, Textile 1, Textile 2, nl2br, WPautop og "No Formatting." Tegnkodingsalternativer inkluderer SmartyPants, WPTexturize og "No Encoding."

10. WP Super Edit

Endelig, WP Super Edit . Dette legger til funksjonalitet for WordPress 'WYSIWYG editor. Du kan legge til knapper i verktøylinjen, legge til tilpassede TinyMCE-tilleggsprogrammer, og ordne knappene med et dra-og-slipp-grensesnitt (opptil fire rader). Og hvis det er noen knapper du aldri bruker, kan du enkelt fjerne dem.

Du kan også legge til funksjoner som tabeller, lag, avansert bilde og lenkeegenskaper, uttrykksikoner, søke-og-erstatningsfunksjonalitet og mer. Det er enda rollebaserte redigeringsinnstillinger og individuelle brukerinnstillinger, slik at hver bruker kan ha et grensesnitt skreddersydd for deres behov.

Hvordan har du forbedret lesbarheten til bloggen din? Hvilke typografi-relaterte WordPress-plugin-moduler er dine favoritter? Bruker du noen av de som er nevnt her? Hvis så, vær så snill å dele opplevelsen din i kommentarene.