Beschrijving /
Module voor installatie van Google Fonts-lettertypen in Magento 2
MAGENTO 2 · TYPOGRAFIE · GOOGLE FONTS
Geef uw webshop het karakter dat bij uw merk past.
Kowal Google Fonts Installer
Voeg de insluitcode van Google Fonts toe in het Magento-paneel en gebruik het gekozen lettertype in het thema. Scheid de configuratie voor het laden van het lettertype van de typografie-instellingen van de template.
Insluitcode · Configuratie in het paneel · Thematypografie
HOE HET IN DE PRAKTIJK WERKT
01 · U kiest een lettertype In Google Fonts bereidt u de insluitcode van het gekozen lettertype voor.
02 · U slaat de configuratie op U schakelt de module in en plakt de code in het veld google_fonts.
03 · U stelt het thema in U wijst de lettertypefamilie toe in de stijlen en voert de wijzigingen door.
Wat levert dit uw webshop op?
Ontdek de functies, toepassingen en instellingen van de module.
Maak kennis met de module
De module Kowal Google Fonts Installer is een oplossing waarmee u eenvoudig elk lettertype uit de bibliotheek Google Fonts in uw Magento 2-webshop kunt integreren. Dankzij de eenvoudige en intuïtieve interface kunt u snel een nieuw lettertype installeren en configureren, zodat u het uiterlijk van de webshop afstemt op de behoeften van uw merk.
Functies van de module
Installatie van elk lettertype uit Google Fonts
Kopieer de insluitcode van het lettertype uit Google Fonts, de embedcode, en plak deze in het configuratieformulier van de module.
Eenvoudige personalisatie van LESS-variabelen
Na de installatie van het lettertype kunt u de naam van het lettertype snel vervangen in de LESS-variabele, bijvoorbeeld:
@font-family-name__base: 'Roboto';
Daardoor wordt het nieuwe lettertype in de hele template toegepast.
Eenvoudige en intuïtieve interface
De module is zo ontworpen dat de configuratie eenvoudig is, ook voor mensen zonder programmeerervaring.
Compatibiliteit met Magento 2
De module werkt op Magento versie 2.4.7 en ouder.
Beschikbaar binnen het Kowal Theme-pakket
De module is beschikbaar als onderdeel van Kowal Theme, waardoor deze een ideale keuze is voor gebruikers van deze template.
Manier van implementatie van de module
Installatie van de module
Installeer de module in uw Magento 2-webshop met behulp van de instructies in de documentatie van de module.
Configuratie van het lettertype
Ga naar het Magento 2-beheerpaneel.
Ga naar de configuratiesectie van de module, bijvoorbeeld Kowal Google Fonts.
Kopieer de insluitcode van het lettertype uit Google Fonts en plak deze in het juiste veld.
Sla de wijzigingen op.
LESS-variabelen vervangen
Open de LESS-bestanden van uw template.
Zoek de variabele @font-family-name__base en werk deze bij door de naam van het geïnstalleerde lettertype op te geven.
Compileer de LESS-bestanden opnieuw, zodat de wijzigingen zichtbaar worden.
Werking controleren
Open de frontend van de webshop om te controleren of het nieuwe lettertype correct is geïmplementeerd.
Uiterlijk van de webshop en het Kowal Theme-pakket
Waarom kiezen voor de module Kowal Google Fonts Installer?
Met deze module kunt u de visuele uitstraling van uw Magento 2-webshop eenvoudig aanpassen, de gebruikerservaring verbeteren en de esthetiek van de site verhogen. De module helpt tijd te besparen doordat het handmatig toevoegen van code in templatebestanden niet nodig is.
Koop nu in een pakket met de template Kowal Theme en krijg toegang tot deze en vele andere nuttige tools die de werking van uw Magento 2-webshop verbeteren!
Lettertype laden en thema-instellingen
In Stores → Configuration → Kowal → kowalfonts → settings schakelt u de module in en slaat u de Google Fonts-code op. De instellingen werken binnen de scope van de winkelweergave. De module geeft de opgeslagen code door aan de paginakop.
Het toewijzen van het lettertype aan elementen van de webshop gebeurt in de stijlen van het thema. Voor thema's die LESS gebruiken, wijzigt u @font-family-name__base en compileert u de stijlen opnieuw; thema's met een ander stijlsysteem vereisen de daarvoor passende configuratie. De module downloadt de lettertypebestanden niet automatisch voor lokale hosting.
Installatie via Composer
Pakket: kowal/module-fonts; module: Kowal_Fonts. Nadat u toegang tot de Kowal-repository hebt geconfigureerd, installeert u het pakket, schakelt u de module in, voert u de Magento-update uit en wist u de cache. Neem voor de productiemodus compilatie en deployment van statische content op volgens het proces van de webshop.
Van configuratie tot resultaat
1. U kiest een lettertype In Google Fonts bereidt u de insluitcode van het gekozen lettertype voor.
2. U slaat de configuratie op U schakelt de module in en plakt de code in het veld google_fonts.
3. U stelt het thema in U wijst de lettertypefamilie toe in de stijlen en voert de wijzigingen door.
Eén lettertype, consistente presentatie
Voorbeeld voor een LESS-thema: u voegt de insluitcode van Roboto toe en stelt vervolgens @font-family-name__base: 'Roboto'; in de themastijlen in.
Na het opnieuw compileren en deployen van statische content controleert u de koppen en teksten van de webshop. De module zelf voegt de lettertypecode toe, terwijl het thema het uiterlijk van de elementen bepaalt.
Voeg de Composer-repository toe aan de configuratie:
De toegangsgegevens voor de Composer-repository, het e-mailadres van de klant en de licentietoken, ontvangt u per e-mail na aankoop. Ze zijn ook beschikbaar in het klantpaneel na inloggen op kowal.store. Vervang TWOJ_EMAIL_KLIENTA door het e-mailadres van uw account en TWOJ_TOKEN door de ontvangen token. Voer de opdrachten uit in de hoofdmap van Magento.
Maakt de module het mogelijk om eenvoudig lettertypen van Google Fonts toe te voegen aan een Magento 2-webshop zonder het thema handmatig te bewerken?
Antwoord
Ja — met de module kun je Google Fonts-lettertypen selecteren in het beheerpaneel en ze automatisch in de webshop inschakelen, zonder dat je de themabestanden direct hoeft te bewerken.
Vraag
Kan ik specifieke lettertypefamilies en varianten („light”, „bold”, „italic”) kiezen in de configuratie van de module?
Antwoord
Ja — de module biedt meestal de mogelijkheid om een lettertypefamilie te kiezen en deze toe te wijzen aan een CSS-klasse of een gedeelte van de winkel, en maakt het mogelijk om lettertypevarianten te bepalen (gewicht, stijl).
Vraag
Vereist de installatie van de module aanpassingen aan de corebestanden van Magento of aan de template?
Antwoord
Nee — de module werkt als een extensie die compatibel is met de architectuur van Magento 2 en vereist geen overschrijving van corebestanden van het systeem of ingrijpende aanpassingen aan het thema.
Vraag
Kan ik na het installeren van de module een lettertype toewijzen aan verschillende onderdelen van de winkel (koppen, inhoud, knoppen)?
Antwoord
Ja — met de configuratie van de module kun je lettertypen toewijzen aan verschillende delen van de winkel, zoals koppen, tekstinhoud of knoppen, zodat je de typografie kunt afstemmen op de stijl van het merk.
Vraag
Ondersteunt de module winkels met meerdere winkelweergaven („multi-store”)?
Antwoord
Ja — de module kan worden gebruikt in een Magento 2-omgeving met meerdere store views of winkels, en de lettertypeconfiguraties kunnen onafhankelijk zijn voor verschillende winkelweergaven.
Vraag
Kan het toevoegen van Google Fonts invloed hebben op de laadsnelheid van de winkel en houdt de module hier rekening mee?
Antwoord
Ja — het laden van lettertypen vanaf een externe service kan invloed hebben op de prestaties. De module bevat meestal aanbevelingen of optimalisatie-opties (bijv. lettertypen asynchroon laden, het aantal varianten beperken). Het is altijd aan te raden om de winkel na installatie te testen.
Vraag
Kan ik een systeemlettertype als fallback instellen als Google Fonts niet correct wordt geladen?
Antwoord
Ja — goede typografische praktijken raden aan om een reservelettertype (‘fallback’) in te stellen, en de module maakt het meestal mogelijk om een lettertypeset in CSS-stijl met fallbacks toe te wijzen.
Vraag
Houdt de module rekening met privacy- en AVG-aspecten bij het laden van lettertypen van Google?
Antwoord
Ja — hoewel de module het eenvoudig maakt om Google Fonts toe te voegen, moet u rekening houden met juridische aspecten — bijvoorbeeld dat het laden van lettertypen via de CDN van Google in bepaalde omstandigheden toestemming van de gebruiker kan vereisen of dat de lettertypen lokaal gehost moeten worden.
Vraag
Kan ik lettertypebestanden lokaal gebruiken in plaats van ze rechtstreeks vanuit Google te laden?
Antwoord
Hoewel de hoofdfunctionaliteit van de module gericht is op Google Fonts, kan het afhankelijk van de documentatie mogelijk zijn om lokale lettertypen te configureren — het is de moeite waard dit bij de fabrikant te verifiëren.
Vraag
Krijg ik na aankoop van de module technische ondersteuning en updates?
Antwoord
Ja — we bieden technische ondersteuning en toegang tot updates voor de modules.
