V dnešní digitální éře je vizuální prezentace webu stejně důležitá jako jeho obsah. Typografie, jako jedna z klíčových složek designu, hraje v uživatelské zkušenosti nemalou roli. Google Fonts poskytuje široký výběr typů písma, které mohou výrazně zlepšit estetiku a čitelnost webů. V tomto článku se zaměříme na integraci Google Fonts do Wordpress webu, platformy, která pohání velkou část internetu.
Výběr písma z Google Fonts
Před začátkem integrace je důležité vybrat vhodné písmo z Google Fonts. Uživatelé by měli hledat písma, která:
- Odpovídají brandingu: Vyberte písmo, které doplňuje vaše brandové hodnoty a vizuální identitu.
- Zajišťují čitelnost: Písmo by mělo být snadno čitelné na různých zařízeních a velikostech obrazovek.
- Optimalizují výkon: Některá písma mohou zpomalit načítání vašeho webu. Vyberte písma, která nezatěžují výkon.
Integrace Google Fonts do WordPress
Po výběru písma přistupujeme k jeho integraci do WordPress webu. Existuje několik metod, jak toho dosáhnout:
-
Použití pluginu: Pro nejjednodušší integraci lze použít pluginy jako například Easy Google Fonts, který umožňuje přizpůsobení písem bez nutnosti zásahu do kódu.
-
Ruční přidání do souboru functions.php:
- Otevřete soubor
functions.php ve vašem WordPress tématu.
- Přidejte následující kód pro registraci Google Fonts:
function add_google_fonts() {
wp_enqueue_style( 'google-fonts', 'https://fonts.googleapis.com/CSS?family=Open+Sans:400,700&display=swap', false );
}
add_action( 'wp_enqueue_scripts', 'add_google_fonts' );
- Nahraďte URL adresu výše uvedeného kódu URL adresou vašeho vybraného písma z Google Fonts.
-
Přímé přidání do HTML hlavičky:
Použití Google Fonts ve WordPress
Po integraci Google Fonts je důležité písma správně použít ve vašich CSS pravidlech. Pro aplikaci písma na elementy webu použijte CSS, jako například:
body {
font-family: 'Open Sans', sans-serif;
}
Integrace Google Fonts do WordPress webu může výrazně zlepšit vizuální prezentaci a uživatelskou zkušenost vašeho webu. Díky snadné integraci a širokému výběru písem nabízí Google Fonts flexibilní řešení pro webdesignéry a vývojáře. S průvodci a nástroji dostupnými v tomto článku můžete snadno obohatit vizuální stránku vašeho webu.
