Potřebujete upravit téma WordPress? Možná jste právě spustili svůj osobní web, ale výchozí témata WordPress vás nijak neohromila.
Naštěstí WordPress nabízí spoustu možností, které vám pomohou upravit a navrhnout téma vašeho webu podle vašich preferencí. Ukážeme vám, jak začít.
Krok 1: Změna výchozího motivu
V současné době je základní instalace WordPress dodávána s motivem Twenty-Twenty Two jako výchozím. Ale jak jste si možná všimli, výchozí motiv nemá všechny zvonky a píšťalky, které byste na svém webu chtěli. Jistě, načítá se rychle a přináší to, co je potřeba, ale také chcete, aby váš web vypadal dobře.
Proto byste měli zvážit nahrazení výchozího motivu WordPress něčím více přizpůsobitelným. Některé skvělé příklady jsou GeneratePress, Astra, OceanWP, Kadence WP atd.
Chcete-li to provést, přihlaste se na hlavní panel WordPress svého webu a vyberte Vzhled z levého bočního panelu. Poté přepněte na Témata sekce a klikněte Přidat nový k instalaci nového motivu. WordPress představí katalog nejoblíbenějších a nejnovějších témat. Můžete si vybrat jeden z tohoto seznamu nebo ručně zadat název motivu, který chcete nainstalovat, do vyhledávacího pole.
Ať tak či onak, po zobrazení tématu najeďte myší na položku a klikněte Nainstalujte. Poté klikněte aktivovat aplikujte téma na živý web. Mnoho WordPress motivů vypadá fantasticky hned po vybalení, zatímco v některých případech si možná budete muset přizpůsobit i základní rozvržení webu sami.
Krok 2: Úprava některých obecných proměnných webových stránek
Po instalaci motivu, který se vám líbí, je dalším krokem nastavení některých základních proměnných, které ovlivňují celý váš web, jako je název webu, slogan a logo. Zamiřte k Vzhled sekce a klikněte Přizpůsobit otevřete přizpůsobení WordPress. Zde najdete nastavení pro úpravu struktury, designu a typografie vašeho webu.
Všimněte si, že níže uvedené popisky možností se mohou lišit podle motivu, který jste nainstalovali, ale většina funkcí bude přítomna v přizpůsobení, jen pod jiným štítkem. Před provedením jakýchkoli skutečných změn na webu si tedy nezapomeňte pohrát s možnostmi.
Chcete-li začít, přejděte na Identita webu a zadejte název a slogan svého webu. Poté pro svůj web vytvořte dvě různá loga: logo záhlaví a favicon. WordPress určí doporučené rozměry pro favicon; stačí vytvořit obrázek a nahrát jej do knihovny. Zbytek je snadný!
Pokud nahráváte vlastní logo, můžete se také rozhodnout skrýt název webu a slogan.
Poté přejděte k úpravě rozložení webových stránek přepnutím na Rozložení sekce. Zde můžete změnit šířku primárního kontejneru, zarovnání záhlaví, navigační nabídku, postranní panely a mnoho dalšího.
V tomto okamžiku se doporučuje vytvořit nabídky záhlaví a zápatí – pomocí Menu sekce – takže se později můžete soustředit pouze na designovou stránku věci.
Krok 3: Přechod na pokročilejší styling
Nyní, když jsou základní věci z cesty, budete mít základní strukturu, jak bude váš web vypadat. Nezoufejte, pokud to ještě nevypadá dobře. Zamiřte k Barvy a vyberte primární barvy pro svůj web. Můžete použít an online webové stránky pro vytváření barevných palet pro vaši značku.
Poté přepněte na Typografie a přidejte všechna písma, která chcete mít na svém webu. Jakmile vyberete čisté a čitelné písmo, přejděte na Widgety. Na svůj web můžete přidat řadu widgetů: vyhledávací pole, poslední komentáře, související články, galerie, vlastní kód HTML, zobrazení textu atd.
Vyberte umístění, kde chcete widget zobrazit, a poté jej jednoduše přidejte pomocí funkce blokových widgetů WordPress.
Krok 4: Použití vlastního kódu k přizpůsobení vašeho motivu WordPress
Jednou z mnoha funkcí WordPressu je jeho schopnost zpracovat vlastní kód. Svůj kód můžete přidat na WordPress a změny se projeví, aniž byste cokoli porušili. Jediný úlovek? Musíte být zběhlí v CSS pro stylování HTML a PHP pro změnu výchozí funkce WordPress.
Chcete-li na svůj web přidat vlastní CSS, přejděte na stránku Další CSS sekce uvnitř přizpůsobení WordPress. Zde můžete použít třídy a ID k výběru a stylování prvků HTML podle vašeho vkusu. Chcete-li získat identifikátor prvku pro entitu HTML, použijte vývojářské nástroje prohlížeče, které nabízí Google Chrome a Mozilla Firefox.
Chcete-li také přizpůsobit fungování motivu, přejděte na řídicí panel WordPress a vyberte Vzhled z levého bočního panelu. Pod Editor souboru motivu, najdete seznam všech souborů motivů a editor, pomocí kterého je můžete upravit.
Úpravou souborů PHP můžete změnit cokoli od způsobu zobrazování příspěvků na stránkách kategorií až po způsob zobrazování a filtrování komentářů.
Krok 5: Vytvořte podřízené téma pro uložení přizpůsobení
Díky vašim přizpůsobením bude váš web vypadat krásně. Ale jen do doby, než vývojář vydá aktualizaci motivu. Změny, které v motivu provedete, budou ztraceny, jakmile upgradujete motiv WordPress. Chcete-li tomu čelit, můžete vytvořte podřízený motiv ze svého hlavního motivu WordPress.
Podřízený motiv zdědí styl, vzhled a funkce nadřazeného motivu a umožňuje vám přidat nad něj vlastní úpravy. Tímto způsobem, kdykoli dojde k nové aktualizaci hlavního motivu, můžete si být jisti, že aktualizace ovlivní pouze nadřazený motiv a vaše přizpůsobení zůstanou nedotčena.
Bonusový tip: Použití Tvůrce stránek nebo šablon k návrhu webu
Pokud nechcete trávit čas generováním palety barev značky a přizpůsobováním každého aspektu vašeho webu, zvažte použití předem vytvořených šablon. Upozornění: ne všechna témata WordPress nabízejí svým uživatelům šablony zdarma, ale existuje mnoho takových.
Pokud tedy nemáte čas a potřebujete rychle vytvořit osobní nebo firemní web, nainstalujte si motiv, který je dodáván s různými šablonami, ze kterých si můžete vybrat.
Takto vypadá ukázkový web po použití šablony od GeneratePress:
Ještě lépe můžete použít nástroj pro tvorbu stránek, který vám umožní vytvářet vlastní stránky pomocí nástrojů přetahování. Pomocí těchto nástrojů můžete také upravovat a vytvářet vlastní záhlaví a zápatí.
Tvůrci stránek WordPress mají rádi Elementor a Divi jsou záchranou pro ty, kteří nemají zkušenosti s frontendovými technologiemi a potřebují rychlý způsob, jak vytvořit krásné webové stránky poháněné WordPressem bez kódování.
Vytvoření profesionálního webu s WordPress
Spuštění webu nějakou dobu trvá. Musíte si koupit název domény a nastavit hosting, a to až se vám podaří vymyslet název značky.
V současnosti je na internetu téměř 1,7 miliardy webových stránek a každý den přibývají další. Proto je důležité vybrat si jedinečný název domény, který pomůže vaší značce vyniknout z davu.