Wilt u aangepaste lettertypen toevoegen aan WordPress?
Geloof me, de politie ook een heel grote rol om op je blog te spelen en je zult veel winnen door een lettertype toe te voegen dat niet alleen is aangepast aan de context van je blog, maar ook aan je WordPress-thema.
In deze zelfstudie laat ik je zien hoe je aangepaste lettertypen aan je WordPress-blog kunt toevoegen met behulp van Google Fonts, Typekit en CSS3.
Het gebruik van aangepaste lettertypen in WordPress-thema's gemeengoed is geworden. In feite zijn er meerdere WordPress-thema's die verschillende lettertypen bieden om uit te kiezen. Het laden van al deze lettertypen tegelijkertijd kan het laden van een pagina echter aanzienlijk vertragen.
En als je blog traag is, raad ik je aan Sommige oplossingen voor problemen met de prestaties op WordPress
Dit is een van de redenen waarom we het op de juiste manier gaan doen, door alleen het aangepaste lettertype te uploaden dat we op de blog willen gebruiken.
Maar allereerst is het belangrijk om te weten hoe u naar lettertypen moet zoeken terwijl u ook het 7 WordPress plug-ins om de typografie van je blog in handen te nemen
Hoe te zoeken naar lettertypen en hoe ze ze gebruiken op WordPress
Lettertypen zijn niet meer zo schaalbaar als vroeger. Er zijn echter verschillende bronnen waar u lettertypen kunt vinden, zoals ' Google Fonts "," Typekit "," FontSquirrel "En" Fonts.com .
Hoe voeg je een lettertype van Google Fonts toe op WordPress
Google Fonts is een zeer grote bibliotheek met gratis lettertypen die u in verschillende projecten kunt gebruiken.
Het enige dat u hoeft te doen, is toegang " Google Fonts En selecteer het lettertype van uw keuze. Klik vervolgens op " selecteer dit lettertype »Er verschijnt een tabblad rechtsonder in uw scherm.
Klik op dit tabblad dat uitvouwt zoals in de afbeelding hierboven. U kunt de stijl van het op te nemen lettertype aanpassen door te klikken op Personaliseer. U hoeft alleen de stijl te selecteren die u op uw blog wilt zien.
U moet dan naar beneden scrollen naar de " embed ". Vervolgens moet u de code kopiëren die zich in de sectie ' STANDAARD ". Het is deze code die u kunt toevoegen aan de " hoofd Van uw kindthema.
Dat is alles wat u hoeft te doen om een nieuw Google-lettertype aan uw WordPress-blog toe te voegen.
Hoe maak je een lettertype met behulp van Typekit toevoegen
Typekit is een andere gratis en premium service die lettertypen biedt die u ook in uw verschillende projecten kunt gebruiken. Ze bieden premium-abonnementen en gratis abonnementen.
U hoeft alleen een Typekit-account te hebben en een nieuwe " uitrusting .
U moet dan het lettertype uit de Typekit-bibliotheek selecteren en aan uw project toevoegen. Pak daarna de code voor je kit en voeg deze toe vanaf je dashboard.
Om het aan uw dashboard toe te voegen, hoeft u alleen maar de plug-in te installeren en te activeren " Typekit Fonts voor WordPress .
Na de activering hoeft u alleen maar de " Instellingen> Typekit-lettertypen En plak de code uit uw kit in de " aangepaste CSS regels .
Het lettertype kan dan op dezelfde manier worden gebruikt, dat wil zeggen door de naam van de familie op te geven voor specifieke elementen of voor het hele document.
Hoe maak je een lettertype met behulp van de CSS3 (@ font-face) toe te voegen
De meest directe manier om een lettertype in uw blog in te sluiten, is door het toe te voegen met "font-faces" via CSS3. Met deze methode kun je elk type lettertype dat je maar wilt aan je blog toevoegen.
Het eerste dat u moet doen, is het lettertype van uw keuze downloaden in webformaat. Als u dit lettertype niet in webformaat heeft, kunt u het gratis converteren op " FontSquirrel Webfont Generator .
Zodra u de bestanden in de indeling ' web », Dan moet u ze rechtstreeks naar uw server sturen. Ik raad u ten zeerste aan deze toe te voegen aan de " fonts Van uw kindthema met behulp van een FTP-client (FileZilla is mijn aanbeveling).
Zie onze tutorial over als u verder wilt gaan in deze procedure Hoe FTP te gebruiken op Windows 10
Laten we teruggaan naar ons doel.
Als het klaar is, kunt u het lettertype als volgt integreren:
Om het overal te gebruiken, hoeft u alleen maar de naam van het lettertype te definiëren zoals u hebt opgegeven in de " onderkant " vorig (zie waarde van het kenmerk font-family ).
Dat is alles wat er te weten viel over het gebruik van CSS3-code. Ik moet echter specificeren dat de methode met de "font-face" -functionaliteit meer geschikt is voor ontwikkelaars.
Andere oplossingen en tools worden ook gebruikt en aanbevolen om de lettertypen op uw website te beheren of te manipuleren.
Ontdek ook enkele premium WordPress-plug-ins
U kunt andere gebruiken WordPress plugins om een moderne uitstraling te geven en de afhandeling van uw blog of website te optimaliseren.
We bieden je hier enkele premium WordPress-plug-ins die je daarbij kunnen helpen.
1. CommentPress
CommentPress is een krachtige compacte WordPress-plug-in waarmee u opmerkingen snel en gemakkelijk kunt invoegen, bewerken en verwijderen. CommentPress maakt gebruik van Ajax, jQuery en PHP om bezoekers de mogelijkheid te geven opmerkingen in te voegen zonder de pagina opnieuw te hoeven laden.
Deze plug-in heeft veel aanpassingsmogelijkheden om het de look en het uiterlijk te geven die u wilt. Het heeft een captcha om spam te blokkeren en geeft je commentaargedeelte meer veiligheid.
De belangrijkste kenmerken zijn: het gemakkelijk invoegen van opmerkingen, de mogelijkheid voor gebruikers om op specifieke opmerkingen te reageren, de paginering van opmerkingen, volledig beheer van de administratie van de opmerkingensectie, knoppen voor het eenvoudig invoegen van afbeeldingen, video's en links, een volledig responsieve lay-out, een Captcha om het formulier te beveiligen en vermijd spam, en nog veel meer.
Downloaden | demonstratie | web hosting
2. Everest Gallery
Zoals de naam al doet vermoeden, is het het toppunt van WordPress plugins fotogalerij premium. Met deze uiterst aanpasbare tool kunt u in slechts een paar minuten galerijen van elke stijl maken.
Everest Gallery kan worden gebruikt om artikelen, aangepaste berichttypen, aangepaste taxonomieën/categorieën, WooCommerce-producten, gepersonaliseerde producten, fotogalerijen en bijlagen, video's, productkenmerken, klantvoorstelling, portfolio's, teamleden, screenshots, enz…, volledig responsive.
Everest Gallery wordt geleverd met volledige documentatie en meer dan 30-opties om volledig aan te passen het uiterlijk van de galerij. Met de beschikbare aanpassingsopties kunt u dit gebruiken WordPress Plugin om iets gemakkelijk en effectief te presenteren.
Downloaden | demonstratie | web hosting
3. WP Media Manager
WP Media Manager is een van de beste en krachtigste WordPress plugins beheer van de mediabibliotheek. Het is geweldig in het beheren van mappen en dankzij het gebruiksgemak kunt u uw duizenden mediabestanden ordenen.
Gebruik gewoon de methode slepen en neerzetten om de mediabestanden in mappen / submappen in te voegen. Deze mogelijkheid stelt hem niet alleen in staat het bestandsbeheer te verbeteren, maar stelt hem ook in staat mappen te beheren. Wat over het algemeen een must is voor beginnende gebruikers.
Ce WordPress Plugin heeft functies zoals het maken van mappen, het filteren hiervan, 3 prachtige responsieve galerijen, de mogelijkheid om bestanden te dupliceren, het creëren van een onbeperkte hiërarchie en vele andere ...
Downloaden | demonstratie | web hosting
Andere aanbevolen bronnen
Ga verder met het gebruik van aangepaste lettertypen in WordPress door ook de onderstaande links of aanbevolen bronnen te raadplegen.
- Hoe trefwoorden en metabeschrijvingen toe te voegen in WordPress
- Hoe voeg je een indrukwekkende typografie toe met TypeKit
- 7 WordPress plug-ins om een schuifregelaar toe te voegen aan een blog
- 8 WordPress-plug-ins om een vertaalsysteem aan een blog toe te voegen
- Andere bronnen:
- Lijst met benodigdheden voor het starten van een blog
- 14 WordPress-plug-ins die Elementor kan vervangen
- Elementor Pro-prijs 2023: welk plan is het meest winstgevend voor u?
- Pop-up per posttag maken en weergeven in WordPress
- Beste gratis Elementor-add-ons in 2023
- Hoe maak je een aangepast lettertype voor uw WordPress blog
Conclusie
Alstublieft ! Dat was het voor deze tutorial over de beste manier om aangepaste lettertypen toe te voegen aan WordPress. Als u suggesties of opmerkingen heeft, zijn deze van harte welkom.
U kunt echter ook onze ressources, als u meer elementen nodig hebt om uw projecten voor het maken van internetsites uit te voeren, raadpleeg onze gids op de WordPress blog creatie of die op Divi: het beste WordPress-thema aller tijden.
N'' aarzel niet om het op uw verschillende te delen sociale mediakanalen. Als je hebt commentaires of suggesties, aarzel dan niet om ons te vertellen in de sectie die hiervoor is gereserveerd.
...
