10 WordPress-plug-ins om de typografie van uw blog te verbeteren
Heb je ooit een blog bezocht en meteen gemerkt hoe de typografie raffinement heeft toegevoegd en de inhoud echt heeft laten opvallen? Misschien was het een elegant lettertype dat paste bij het thema van de blog, of witte ruimte die tijdens de lay-out vakkundig werd gebruikt. Wat het ook was, het viel je in de ogen, en je hebt je waarschijnlijk afgevraagd hoe ze het deden.
Dit soort leesbaarheidsverbeteringen wordt gedaan via handmatige CSS-styling of met plug-ins. Als u niet bekend bent met CSS-codering, zijn plug-ins beslist de juiste keuze, en dit artikel belicht de top 10 typografie-gerelateerde WordPress-plug-ins voor het verbeteren van de leesbaarheid van uw blog.
Plug-ins als deze zijn belangrijk omdat ze u helpen beter om te gaan met koppeltekens, spatiëring, tekenopmaak, tekstverbeteringen, citaten en nog veel meer. Door slechts een plug-in of twee te gebruiken, kun je een saaie lay-out nieuw leven inblazen en de lezers langer vasthouden.
Laten we dus kijken hoe u uw blog tot leven kunt brengen met plug-ins voor verbeteringen.
1. Drop Caps
Drop Caps verhoogt de leesbaarheid van uw berichten door toevoeging van een stijlvolle drop-cap aan het begin van elke eerste alinea. U kunt ook drop-caps toevoegen aan opmerkingen en fragmenten. De plug-in wordt geleverd met een standaard stylesheet, maar u kunt de CSS naar behoefte wijzigen.
Hoewel u de plug-in kunt instellen om automatisch drop-caps op opgegeven locaties in te voegen, kunt u ze ook handmatig overal toevoegen met behulp van de Drop Cap Shortcode inpluggen. En als je ondersteuning nodig hebt voor anderstalige personages, wp-dropcaps heb je gedekt.
- Plug-in downloaden (ZIP)
2. WP-typografie
Bekend als one-stop-shop voor verbeterde webtypografie, WP-typografie voegt een aantal zeer nuttige functies toe aan je blog. Het helpt bij woordafbreking, spatiëring, karaktervervanging en styling (via CSS-haakjes). En het ondersteunt meer dan 40 talen.
De afstandscontrole is geweldig omdat het interne wrapping van lange URL's en e-mailadressen afdwingt. Met de functie voor het vervangen van tekens worden zaken zoals aanhalingstekens, streepjes en handels- en auteursrechtsymbolen opgemaakt. En de CSS-haakjes zijn geweldig voor stijltekens zoals de ampersand, dubbele aanhalingstekens, acroniemen en meer.
- Plug-in downloaden (ZIP)
3. Eenvoudig pull-citaat
Als je ooit een manier wilde om offertes in je berichten in te stellen en te benadrukken, dan Eenvoudig Pull-citaat is voor jou. Het voegt een "Pullquote" -knop toe aan uw HTML- en TinyMCE-editor, zodat u de nadruk legt op elke tekst die u kiest, en deze in een eigen blok plaatst naast uw inhoud, zoals:
Hoewel de plug-in standaard wordt gestileerd, kunt u deze overschrijven met CSS. Omdat veel thema's geen stijl bieden voor pull-citaten, is dit een geweldige manier om ze te accentueren.
- Plug-in downloaden (ZIP)
4. TextImage
TextImage vervangt de volledige inhoud van uw berichten door PNG-afbeeldingen. Als je je afvraagt waarom iemand dit zou willen doen, is het eenvoudig: de inhoud verbergen voor robots en spiders. Het converteren van tekst naar een afbeelding maakt het onleesbaar en kan daarom niet worden geïndexeerd door zoekmachines.
U kunt de achtergrond, het lettertype en de grootte van de afbeelding desgewenst stylen. Omdat het een afbeelding is, kunt u opmaak niet toepassen, zoals vet, cursief of onderstrepen (tenzij het in de oorspronkelijke post was). De plug-in verwijdert ook alle HTML-tags uit uw bericht.
- Plug-in downloaden (ZIP)
5. CodeColorer
Als u veel codefragmenten in uw berichten gebruikt (PHP, HTML, Ruby, JavaScript, enz.), CodeColorer zal zeker van pas komen. Hiermee kunt u codefragmenten aan berichten en opmerkingen toevoegen. Pas het uiterlijk van de fragmenten aan met CSS om ze te laten opvallen.
De plug-in ondersteunt meer dan 20 talen en biedt tal van functies, zoals syntax highlighting in RSS-feeds, syntax highlighting voor enkele regels code, regelnummering, intelligente scroll-detectie en vooraf gemaakte thema's. Gebruik de geïntegreerde shortcode om een fragment aan een bericht toe te voegen.
- Plug-in downloaden (ZIP)
6. Censiverend
De vrijheid van meningsuiting op het web wordt vaak geblokkeerd door Big Brother-technologieën die 'gevoelige' woorden ruiken. Als je controle wilt over je vrijheid van meningsuiting, Censortive kan helpen.
Dit is een anti-censuur plug-in die eenvoudig "gevoelige" woorden vervangt door een grafisch equivalent, waardoor ze onzichtbaar worden voor censuurrobots. De plug-in verandert woorden in afbeeldingsbestanden die precies passen bij uw thema en tekst.
- Plug-in downloaden (ZIP)
7. WP-voetnoten
WP voetnoten kunt u voetnoten en sidenotes maken en beheren alsof uw blogpost een Microsoft Word-document was. Zodra de plug-in is geïnstalleerd, typt u eenvoudig de gewenste tekst voor de voetnoot in dubbele haakjes en WP Footnotes doet de rest.
Een leuk detail is de mogelijkheid om voetnoten te herhalen; om naar een vorige te verwijzen, plaats eenvoudig de tekst die u eerder gebruikte. Behoorlijk netjes, toch?
- Plug-in downloaden (ZIP)
8. Typografische post
Post typograaf is een beetje zoals WP Typography: een one-stop-shop voor post-typografie. Wanneer u een bericht publiceert of bijwerkt, wordt het automatisch opgemaakt volgens de regels die u instelt voor de plug-in.
Deze regels omvatten: het toevoegen van niet-verbrekende spaties waar nodig, het converteren van koppeltekens naar em en en streepjes indien nodig, het verwijderen van extra spaties, het wikkelen van de inhoud in tags waar nodig, en het behouden van de inhoud van pre -tags.
- Plug-in downloaden (ZIP)
9. Tekstbeheer
Tekstbeheer geeft je totale controle over tekstgerelateerde opmaak op je blog. Je kunt opties voor elk bericht of globaal inschakelen voor alle berichten en reacties. Wanneer u de plug-in voor het eerst installeert, blijven de standaardinstellingen van WordPress intact en kunt u kiezen uit een assortiment syntaxes en coderingsopties.
Text Control is behoorlijk geavanceerd en heeft veel functies. Opmaakopties omvatten Markdown, Textiel 1, Textiel 2, nl2br, WPautop en "Geen opmaak." Karaktercoderingsopties omvatten SmartyPants, WPTexturize en "No Encoding."
- Plug-in downloaden (ZIP)
10. WP Super Edit
Tenslotte, WP Super Edit . Dit voegt functionaliteit toe aan de WYSIWYG-editor van WordPress. U kunt knoppen toevoegen aan de werkbalk, aangepaste TinyMCE-invoegtoepassingen toevoegen en de knoppen rangschikken met een interface voor slepen en neerzetten (maximaal vier rijen). En als er bepaalde knoppen zijn die u nooit gebruikt, kunt u ze eenvoudig verwijderen.
U kunt ook functies toevoegen, zoals tabellen, lagen, geavanceerde eigenschappen voor afbeeldingen en links, emoticons, functionaliteit voor zoeken en vervangen en meer. Er zijn zelfs op rollen gebaseerde instellingen voor bewerkers en individuele gebruikersinstellingen, zodat elke gebruiker een interface kan hebben die is afgestemd op zijn behoeften.
- Plug-in downloaden (ZIP)
Hoe heb je de leesbaarheid van je blog verbeterd? Welke typografie-gerelateerde WordPress plug-ins zijn jouw favorieten? Gebruik je een van de hier genoemde? Als dat zo is, voel je vrij om je ervaringen in de comments te delen.