9 WordPress-plug-ins om meer te doen met uw lettertypen
Er zijn veel elementen in webdesign die uw volledige aandacht vereisen. Typografie is een belangrijk element, hoewel we het belang ervan meestal niet hoog op de prioriteitenlijst plaatsen. Gebruik echter het verkeerde lettertype of lettertypen die te klein zijn en laat een slechte indruk achter bij uw lezers.
Bij die gedachte heb ik 9 WordPress-plug-ins samengesteld die u kunnen helpen meer met uw lettertypen te doen, zoals hun kleur, grootte en uiterlijk wijzigen. Bovendien helpen deze plug-ins u ook om lettertypen op uw site beter te beheren, te markeren en weer te geven, direct pull-offs en tweets te maken, automatische formattering op de backend uit te schakelen en meer.
1. Gebruik elk lettertype
Met deze plug-in kunt u letterlijk elk lettertype gebruiken dat u heeft (in TTF-, OTF-, EOT-, WOFF-, SVG-, dfont-indelingen), zodat u niet afhankelijk bent van insluitingsservices voor lettertypen die meestal met een beperkt aantal lettertypen worden geleverd. Upload het lettertype naar uw WordPress en gebruik het.
2. Font-resizerDe lettertype-resizer geeft uw bezoekers de mogelijkheid om de grootte van lettertypen op elke pagina van uw website te wijzigen. Het gebruikt jQuery om de instelling op te slaan in een cookie, wat betekent dat de lettergrootte hetzelfde zal zijn wanneer deze specifieke bezoeker terugkomt om uw site te bezoeken.
3. Typekit voor WordPressDeze plug-in biedt u de mogelijkheid om de typekit-lettertypeservice op een snelle manier in uw site te integreren. Kies gewoon een lettertype uit honderden beschikbaar op Typekit en gebruik het op uw site met de juiste licentie en toegang.
4. Google TypografieEr zijn verschillende honderden Google-lettertypen die u goed kunt gebruiken via deze Google-typografie. En je hoeft niet eens een enkele regel code te schrijven om dit te gebruiken. Voeg de lettertypen die u wilt gebruiken toe aan de instellingen op de pagina Vormgeving> Typografie en pas deze vervolgens toe met een HTML-tag of via een CSS-selector.
5. Lettertype Squirrel (niet-officieel)Font Squirrel is een van de beste bronnen om gratis hoogwaardige lettertypen voor commercieel en persoonlijk gebruik te krijgen. Met deze plug-in kunt u elk lettertype van de site kiezen, downloaden en gemakkelijk gebruiken op uw site.
6. Eenvoudig Pull-citaatPull-aanhalingstekens helpen u om flinke tekstuele aanbiedingen af te breken, zodat lezers zich niet bezighouden met de TL; DR-modus en uw volledige bericht volledig overslaan. Met de eenvoudige pull-quote kunt u snel en gemakkelijk pull-offs in uw blogberichten invoegen. Klik gewoon op de pullquote-knop. U kunt ook de lettertypen, kleuren en achtergronden van elke pull-quote in het CSS-bestand van uw thema wijzigen.
7. BeginletterNaast de gespatieerde spatiëring om een nieuwe alinea in te voeren, kunt u een groter lettertype toepassen op de eerste letter van de eerste alinea voor elk bericht. Oorspronkelijk gebruikt in grotere boeken (zwaar lezen) en kranten, kunt u dit nu toepassen op uw online magazine met deze plug-in.
8. StijlenMet de plug-in Stijlen kunt u letterlijk alles aanpassen wat mogelijk op uw site typografisch kan worden aangepast. U kunt lettertypen, kleuren en grootten wijzigen om de typografie van uw WordPress-site te verbeteren.
9. PS Auto-formattering uitschakelenAls u niet van de automatische opmaak in WordPress houdt, krijgt u deze plug-in. Het stopt het automatisch formatteren en het verwijderen van HTML-tags in de HTML-modus van WordPress en genereert een natuurlijke alinea en een veranderende regel. In het kort, het helpt je de html-bron te wijzigen die door de visuele editor is gegenereerd.
Meer over typografie:- Korte handleiding voor typografie
- Typografie begrijpen: 10 handige hulpmiddelen en bronnen
- Typografie begrijpen: schrijven voor internet
- Showcase van webontwerpen met prachtige typografie
Visualiseer uw kleurenpaletten online met Speculo
Het typische ontwerpproces van een mockup kan een hele opgave zijn. U moet bladeren tussen Photoshop (of Sketch) om kleuren, lettertypen, stijlen te wijzigen en ze allemaal te vergelijken om te zien wat u het leukst vindt.Als u werkt met een tool als Speculo, kunt u kleurenpaletten dynamisch bestuderen en vergelijken, rechtstreeks in uw browser
Normalize.css gebruiken voor homogene ontwikkeling
Compatibiliteit met browsers is een groot deel van de toegankelijkheid op internet. Ontwikkelaars moeten rekening houden met de variantie van hun doelgroep en browserversies die ondersteuning vereisen . Hoewel CSS-resets een optie zijn, geven de meeste ontwikkelaars de voorkeur aan Normalize.css vanwege de eenvoud en cross-compatibiliteit in alle moderne webbrowsers