Modul pentru instalarea fonturilor Google Fonts în Magento 2
- Compatibilitate
- 2.4.9, 2.4.8, 2.4.7, 2.4.6, 2.4.5, 2.4.4, 2.4.3, 2.4.2, 2.4.1, 2.4.0, 2.3.7, 2.3.6, 2.3.5, 2.3.4
Descriere / Modul pentru instalarea fonturilor Google Fonts în Magento 2
MAGENTO 2 · TIPOGRAFIE · GOOGLE FONTS
Oferă magazinului caracterul potrivit brandului tău.
Kowal Google Fonts Installer
Adaugă codul de încorporare Google Fonts în panoul Magento și folosește fontul ales în temă. Separă configurarea încărcării fontului de setarea tipografiei șablonului.
Cod de încorporare · Configurare în panou · Tipografia temei
CUM FUNCȚIONEAZĂ ÎN PRACTICĂ
01 · Alegi fontul
În Google Fonts pregătești codul de încorporare al fontului ales.
02 · Salvezi configurația
Activezi modulul și lipești codul în câmpul google_fonts.
03 · Configurezi tema
Atribui familia de fonturi în stiluri și implementezi modificările.
Ce câștigă magazinul tău?
Descoperă funcțiile, utilizarea și setările modulului.
Descoperă modulul
Modulul Kowal Google Fonts Installer este o soluție care permite integrarea ușoară a oricărui font din biblioteca Google Fonts în magazinul tău Magento 2. Datorită unei interfețe simple și intuitive, poți instala și configura rapid un font nou, adaptând aspectul magazinului la nevoile brandului tău.
Funcțiile modulului
Instalarea oricărui font din Google Fonts
Copiază codul de încorporare al fontului din Google Fonts, așa-numitul Embed code, și lipește-l în formularul de configurare a modulului.
Personalizarea ușoară a variabilelor LESS
După instalarea fontului, poți înlocui rapid numele fontului în variabila LESS, de exemplu:
@font-family-name__base: 'Roboto';
Astfel, noul font va fi aplicat în întregul șablon.
Interfață simplă și intuitivă
Modulul este conceput astfel încât configurarea lui să fie ușoară chiar și pentru persoanele fără experiență de programare.
Compatibilitate cu Magento 2
Modulul funcționează pe Magento versiunea 2.4.7 și mai vechi.
Disponibilitate în cadrul pachetului Kowal Theme
Modulul este disponibil ca parte a Kowal Theme, ceea ce îl face alegerea ideală pentru utilizatorii care folosesc acest șablon.
Modul de implementare a modulului
Instalarea modulului
Instalează modulul în magazinul tău Magento 2 folosind instrucțiunile disponibile în documentația modulului.
Configurarea fontului
Intră în panoul de administrare Magento 2.
Mergi la secțiunea de configurare a modulului, de exemplu Kowal Google Fonts.
Copiază codul de încorporare al fontului din Google Fonts și lipește-l în câmpul corespunzător.
Salvează modificările.
Înlocuirea variabilelor LESS
Deschide fișierele LESS ale șablonului tău.
Găsește variabila @font-family-name__base și actualizeaz-o introducând numele fontului instalat.
Recompilează fișierele LESS pentru ca modificările să fie vizibile.
Verificarea funcționării
Deschide frontendul magazinului pentru a verifica dacă noul font a fost implementat corect.
Aspectul magazinului și pachetul Kowal Theme
De ce merită să alegi modulul Kowal Google Fonts Installer?
Cu acest modul poți adapta ușor aspectul vizual al magazinului tău Magento 2, îmbunătățind experiența utilizatorului și crescând estetica paginii. Modulul te ajută să economisești timp, eliminând nevoia de a adăuga manual cod în fișierele șablonului.
Cumpără acum în pachet cu șablonul Kowal Theme și obține acces la acesta și la multe alte instrumente utile care eficientizează funcționarea magazinului tău Magento 2!
Încărcarea fontului și setările temei
În Stores → Configuration → Kowal → kowalfonts → settings activezi modulul și salvezi codul Google Fonts. Setările funcționează la nivelul vizualizării magazinului. Modulul transmite codul salvat către antetul paginii.
Atribuirea fontului elementelor magazinului se realizează în stilurile temei. Pentru temele care folosesc LESS modifici @font-family-name__base și recompilezi stilurile; temele cu un alt sistem de stiluri necesită configurarea specifică acestora. Modulul nu descarcă automat fișierele fonturilor pentru găzduire locală.
Instalare prin Composer
Pachet: kowal/module-fonts; modul: Kowal_Fonts. După configurarea accesului la repository-ul Kowal, instalează pachetul, activează modulul, efectuează actualizarea Magento și golește cache-ul. Pentru modul de producție, include compilarea și implementarea conținutului static conform procesului magazinului.
De la configurare la rezultat
1. Alegi fontul
În Google Fonts pregătești codul de încorporare al fontului ales.
2. Salvezi configurația
Activezi modulul și lipești codul în câmpul google_fonts.
3. Configurezi tema
Atribui familia de fonturi în stiluri și implementezi modificările.
Un singur font, prezentare consecventă
Exemplu pentru o temă LESS: adaugi codul de încorporare Roboto, apoi setezi @font-family-name__base: 'Roboto'; în stilurile temei.
După recompilarea și implementarea conținutului static, verifici titlurile și textele magazinului. Modulul adaugă codul fontului, iar aspectul elementelor este definit de temă.
Adaptează tipografia magazinului la brandul tău
Vrei să adaptezi modulul la magazinul tău? Întreabă despre implementarea Kowal Google Fonts Installer și discută configurarea sau extensiile necesare.
Mai multe informații
| Conformitate cu șablonul | Luma / Blank, KOWAL |
|---|
Instrucțiuni de instalare a modulului
Instalare
* În mediul de producție, te rugăm să folosești opțiunea --keep-generated
Tip: Composer
- Modulul este disponibil în repository-ul Composer:
- Repository Composer Kowal:
https://repo.kowal.store
- Repository Composer Kowal:
- Adaugă repository-ul Composer în configurație:
Datele de acces la repository-ul Composer, adresa de e-mail a clientului și tokenul de licență, le vei primi prin e-mail după achiziție. Sunt disponibile și în panoul clientului după autentificarea pe kowal.store. Înlocuiește
TWOJ_EMAIL_KLIENTAcu adresa de e-mail a contului tău, iarTWOJ_TOKENcu tokenul primit. Execută comenzile în directorul principal Magento.composer config repositories.kowal composer https://repo.kowal.store - Configurează accesul la repository-ul Composer Kowal:
composer config http-basic.repo.kowal.store 'TWOJ_EMAIL_KLIENTA' 'TWOJ_TOKEN' - Instalează modulul cu Composer:
composer require kowal/module-fonts - Aplică actualizările bazei de date:
php bin/magento setup:upgrade - Golește memoria cache:
php bin/magento cache:flush