Pokud váš web běží na WordPressu, možná budete chtít upravit jeho vzhled a zlepšit jeho použitelnost. Jednou z dostupných možností je změna písma. Pokud používáte motivy uvedené v adresáři WordPress, váš web vybere výchozí velikosti písma a barvy nastavené návrhářem.
Nemusíte se však držet výchozích hodnot. Změna písem ve vašem motivu WordPress může zajistit, že zákazníci dostanou informace tak, jak mají, a budou také uchváceni designem vašeho webu. Tento článek prozkoumá různé přístupy ke změně písem na vašem webu WordPress.
Table of Contents
Význam typografie a přizpůsobení písma ve WordPressu
- Odlišnost a jedinečnost: Viděli jste někdy webovou stránku a řekli jste si: „Tohle vypadá povědomě“? Přestože většina webových stránek používá motivy z adresáře WordPress, můžete svůj web učinit jedinečným změnou velikosti a barev písma.
- Hierarchie a důraz: Pomocí diferenciace písem můžete určit, co předchází druhému. Například můžete mít větší písma v H1 a menší v H2.
- Konzistence a profesionalita: Když v celém textu použijete konzistentní písmo, můžete svému webu WordPress dodat uhlazený vzhled. Můžete také změnit barvu písma, aby splynula s barvami vaší značky.
- Usnadnění: Změna písma vašeho webu nebo stránek může uživatelům se zrakovým postižením nebo jiným postižením usnadnit čtení obsahu na vašem webu.
Role CSS při přizpůsobení písma
WordPress je vytvořen pomocí PHP, MySQL, HTML, CSS a JavaScript. Každé téma WordPress má styl.css, který řídí vizuální rozvržení a design webových stránek. Pomocí tohoto souboru tak můžete na svém webu WordPress implementovat požadované změny písma.
CSS vám umožňuje měnit věci, jako je rodina písem, velikost, barva a mezery na vašem webu WordPress. K implementaci takových změn jsou zapotřebí základní znalosti CSS. Stále však můžete používat pluginy, pokud nechcete psát žádný CSS kód.
Nyní prozkoumáme některé přístupy ke změně písem ve WordPressu.
WordPress Customizer
Toto je jeden z nejjednodušších způsobů, jak změnit písma na vašem webu WordPress. Téměř všechna témata, která jsou navržena podle standardů WordPress, mají vestavěné funkce, které vám umožňují změnit písma, barvu písma a velikost písma pomocí několika kliknutí.
Některá témata vám umožní použít možnost přizpůsobení WordPress. Na druhou stranu některé mají omezené možnosti, což vás nutí prozkoumat další možnosti, které prozkoumáme v jiných přístupech.
Ujistěte se, že jste přihlášeni do svého WordPressu, a poté postupujte podle těchto kroků;
- Na levé straně vašeho Dashboardu klikněte na rozevírací nabídku a vyberte „Vzhled“.
- Klikněte na „Přizpůsobit“.
Poznámka: Vzhled vašeho webu WordPress se může lišit v závislosti na motivu, který používáte. V mém případě používám téma „GeneratePress Child Developer Theme“.
- Když kliknu na „Přizpůsobit“, zobrazí se rozbalovací nabídka, kde vyberu „Typografie“
- Nyní si můžete svůj web přizpůsobit svým potřebám.
Například mohu vybrat „Body“, které změní „Systémová písma“. Výchozí nastavení je ‚System Stack‘ a z rozbalovací nabídky si mohu vybrat ten, který vyhovuje mým potřebám.
Editor motivů
Funkce editoru témat vám umožňuje upravovat různé soubory v tématu WordPress. Zaměříme se na soubor style.css, protože vám umožňuje přizpůsobit písma.
Přesné kroky, které byste měli dodržovat, se mohou lišit v závislosti na motivu, který používáte. Stále používám „GP Developer Child Theme“ pro demonstrační účely.
Můžete postupovat podle těchto kroků;
- V „Nabídce“ klikněte na „Vzhled“ a poté na „Editor souboru motivu“
- Výše uvedený krok otevře soubor style.css, do kterého můžete přidat preferované styly.
Pokud například chcete změnit písmo celého webu na kurzívu, můžete mít tento kód;
/* Change Font to Italics */
body {
font-style: italic;
}
Můžete se také rozhodnout pro vestavěný editor CSS, který provede změny. Klikněte na záložku ‚Další CSS‘ a napište svůj kód CSS.
Například můžete mít něco takového;
Kliknutím na tlačítko „Publikovat“ uložíte změny.
Upravit písmo pro jednotlivé stránky
Tento přístup vám umožňuje přizpůsobit jednotlivou stránku nebo příspěvek na vašem webu WordPress. Je to dobrá volba, když chcete, aby se určitá stránka odlišovala od ostatních.
Tento přístup můžete použít pro stránky jako „Zásady ochrany osobních údajů“. Například mohu změnit určitou H1 na své stránce „Zásady ochrany osobních údajů“ na zelenou barvu a kurzívu. Abych toho dosáhl, budu postupovat podle těchto kroků;
- Přejděte na můj řídicí panel a klikněte na „Všechny stránky“.
- Vyberu svou cílovou stránku „Zásady ochrany osobních údajů“ a kliknu na „upravit“
- Klikněte na „Text“ místo na kartu „Vizuální“, jak je znázorněno na tomto snímku obrazovky
Toto je kód, který jsem přidal;
<h1 style="font-style: italic; color: green;">Heading For Demonstration Purposes</h1>
Když je stránka vykreslena, zobrazí se následovně;
Používejte pluginy
Pokud nejste technicky zdatní nebo nemáte rádi kódování, můžete pro změnu písem použít různé pluginy pro písma. Proces změny písem se bude lišit od jednoho pluginu k druhému.
Chcete-li začít používat pluginy písem, přejděte na svůj řídicí panel WordPress a vyberte „Pluginy“ a poté „Přidat nový“.
Nyní můžete použít funkci ‚vyhledávací plugin‘ k výběru cílového pluginu.
Toto jsou jedny z nejlepších, které můžete použít;
#1. Seed Fonts
Seed Fonts je plugin pro písma, který vám umožňuje používat webová písma. Platforma má pět předem vygenerovaných thajsko-anglických webových písem, která můžete použít. Můžete také použít písma Google nebo nahrát vlastní písma. Seed Fonts je plugin s otevřeným zdrojovým kódem a je zdarma k použití.
#2. Použít libovolné písmo
Použít libovolné písmo umožňuje nahrát libovolné vlastní fonty na váš web WordPress i bez znalosti CSS. Máte také možnost vybrat si z více než 23 871 předdefinovaných fontů. Jediným požadavkem je, aby vaše písma byla ve formátech ttf, otf nebo woff.
Nahrajte svá písma v jednom formátu a plugin automaticky vygeneruje všechny ostatní formáty, které potřebuje. Použít libovolné písmo funguje ve všech moderních prohlížečích a různých velikostech obrazovky.
#3. Plugin pro písma
Plugin pro písma je plugin, který vám umožňuje používat více než 1455 jedinečných písem v knihovně Google Fonts. Plugin má funkci náhledu, která vám umožňuje zobrazit náhled, jak se písma budou zobrazovat na vašem webu, než použijete změny.
Fonts Plugin funguje s jakýmkoliv tématem WordPress a k jeho používání nepotřebujete žádné znalosti kódování. Pokud jste obeznámeni s CSS, můžete vytvořit vlastní selektory a ovládat, jak se budou písma zobrazovat na vašem webu WordPress.
#4. MW měnič písem
Pluginy, kterými jsme se doposud zabývali, se zaměřují na změnu fontů celého webu. Jako vlastník/návrhář webových stránek však můžete usilovat o lepší zkušenosti. MW měnič písem umožňuje změnit písma na řídicím panelu a motivu.
Je to snadno použitelný plugin s více než 30 fonty. Chcete-li změnit písma na motivu, jednoduše zadejte ID motivu a třídu. MW Font Changer má více než 10 000 aktivních instalací a je kompatibilní s WordPress 5.0 a vyšší. Tento plugin je software s otevřeným zdrojovým kódem.
Jak optimalizovat písma na WordPress
Dobrý web by se měl načítat rychle. Můžete mít nejrychlejší motiv v adresáři WordPress. Přidání velkého množství multimédií a písem však může snížit rychlost načítání. Jediný způsob, jak se tomuto výskytu vyhnout, je optimalizace písem. Toto jsou některé z nejlepších přístupů;
- Nahrajte více typů souborů: Písma můžete uložit v různých formátech. Můžete nahrát různé formáty a prohlížeč vybere ten nejlepší na základě funkcí, jako je velikost obrazovky uživatele a operační systém.
- Nahrajte pouze znaky, které potřebujete: Pokud máte písma, která nebudete na svém webu příliš používat, můžete místo celé knihovny nahrát pouze znaky, které potřebujete.
- Hostujte svá písma na CDN: Proces nahrávání vlastních písem může zvětšit velikost vašeho webu WordPress. Content Delivery Networks (CDN) vám umožňují hostovat písma na externím serveru a pouze je propojit s vaším webem WordPress.
- Použití mezipaměti WordPress: Mezipaměť WordPress ukládá často používaná data uživatelem a poskytuje je uživateli v budoucnu, když znovu navštíví web. Takový přístup zvyšuje rychlost načítání.
Nejčastější dotazy
Jak si mohu vybrat správná písma pro svůj web WordPress?
Je třeba zvážit několik věcí. Například musíte vzít v úvahu image své značky, celkový design a cílové publikum.
Potřebujete znát kódování pro změnu písem ve WordPressu?
Ne. WordPress je navržen tak, aby byl snadno použitelný i pro laiky. Písma můžete změnit z řídicího panelu WordPress bez psaní jediného řádku kódu. K implementaci různých změn můžete také použít různé pluginy. Pokud však znáte CSS, můžete na svůj web WordPress přidat vlastní CSS a změnit písma.
Můžete změnit písma v konkrétních oblastech vašeho webu WordPress?
Ano. Můžete změnit písma v určitých oblastech, jako je stránka nebo dokonce jeden příspěvek. Pokud nejste obeznámeni s kódováním, můžete použít vizuální přístup. Na druhou stranu můžete použít textový přístup, pokud víte, jak kódovat.
Mohu se vrátit k původním fontům pro téma WordPress?
Ano. Pokud změníte písma a budete mít pocit, že se potřebujete vrátit k originálu, můžete vždy změnit. Jednoduše se vraťte do přizpůsobení na řídicím panelu a obnovte výchozí hodnoty písem.
Závěr
Nyní máte několik přístupů, které můžete použít ke změně písem na vašem webu WordPress, abyste vylepšili jeho design. Volba přístupu bude záviset na vašich schopnostech a preferencích. Občas můžete použít více než jeden přístup v závislosti na povaze webu, který vytváříte.
Můžete také prozkoumat, jak viditelnost CSS vylepšuje váš webový design o skryté drahokamy.