Potrebujete prispôsobiť tému WordPress? Možno ste práve spustili svoju osobnú webovú stránku, ale predvolené témy WordPress vás neočaria.
Našťastie WordPress ponúka množstvo možností, ktoré vám pomôžu upraviť a navrhnúť tému vašich webových stránok podľa vašich preferencií. Ukážeme vám, ako začať.
Krok 1: Zmena predvolenej témy
V súčasnosti sa základná inštalácia WordPress dodáva s predvolenou témou Twenty-Twenty Two. Ale ako ste si mohli všimnúť, predvolená téma nemá všetky zvončeky a píšťalky, ktoré by ste na svojej webovej stránke chceli. Iste, načítava sa rýchlo a poskytuje to, čo je potrebné, ale chcete, aby váš web vyzeral dobre.
Preto by ste mali zvážiť nahradenie predvolenej témy WordPress niečím viac prispôsobiteľným. Niektoré skvelé príklady sú GeneratePress, Astra, OceanWP, Kadence WP atď.
Ak to chcete urobiť, prihláste sa na hlavný panel WordPress svojho webu a vyberte Vzhľad z ľavého bočného panela. Potom prepnite na Témy sekciu a kliknite Pridať nové na inštaláciu novej témy. WordPress predstaví katalóg najpopulárnejších a najnovších tém. Môžete si vybrať jednu z tohto zoznamu alebo manuálne zadať názov témy, ktorú chcete nainštalovať, do vyhľadávacieho poľa.
V každom prípade umiestnite kurzor myši na položku témy, keď ju uvidíte, a kliknite Inštalácia. Potom kliknite Aktivovať aplikujte tému na živú webovú stránku. Mnoho tém WordPress vyzerá fantasticky hneď po vybalení, pričom v niektorých prípadoch si možno budete musieť prispôsobiť dokonca aj základné rozloženie webových stránok.
Krok 2: Úprava niektorých všeobecných premenných webových stránok
Po nainštalovaní motívu, ktorý sa vám páči, je ďalším krokom nastavenie niektorých základných premenných, ktoré ovplyvňujú celý váš web, napríklad názov webu, slogan a logo. Zamierte k Vzhľad sekciu a kliknite Prispôsobiť otvorte nástroj na prispôsobenie WordPress. Tu nájdete nastavenia na úpravu štruktúry, dizajnu a typografie vašej webovej stránky.
Všimnite si, že menovky možností uvedené nižšie sa môžu líšiť v závislosti od témy, ktorú ste si nainštalovali, ale väčšina funkcií bude prítomná v nástroji na prispôsobenie, len pod iným štítkom. Pred vykonaním akýchkoľvek skutočných zmien na webovej lokalite sa preto nezabudnite pohrať s možnosťami.
Ak chcete začať, prejdite na Identita lokality a zadajte názov svojho webu a slogan. Potom vytvorte pre svoj web dve rôzne logá: logo hlavičky a ikonu favicon. WordPress určí odporúčané rozmery pre favicon; stačí vytvoriť obrázok a nahrať ho do knižnice. Zvyšok je jednoduchý!
Môžete sa tiež rozhodnúť skryť názov webovej stránky a slogan, ak odovzdávate vlastné logo.
Potom prejdite na úpravu rozloženia webovej stránky prepnutím na Rozloženie oddiele. Tu môžete zmeniť šírku primárneho kontajnera, zarovnanie hlavičky, navigačnú ponuku, bočné panely a oveľa viac.
Odporúča sa, aby ste si v tomto bode vytvorili ponuky hlavičky a päty – pomocou Menu časť — takže sa neskôr môžete sústrediť len na dizajnovú stránku vecí.
Krok 3: Prejdite na pokročilejšie štýly
Teraz, keď sú základné veci preč, mali by ste základnú štruktúru toho, ako bude váš web vyzerať. Netrápte sa, ak to ešte nevyzerá dobre. Zamierte k Farby a vyberte primárne farby pre svoj web. Môžete použiť an online webová stránka na vytváranie farebných paliet pre vašu značku.
Potom prepnite na Typografia a pridajte ľubovoľné písma, ktoré chcete mať na svojej webovej lokalite. Keď ste si vybrali čisté a čitateľné písmo, prejdite na Miniaplikácie. Existuje množstvo miniaplikácií, ktoré môžete pridať na svoj web: vyhľadávacie pole, posledné komentáre, súvisiace články, galéria, vlastný kód HTML, zobrazenie textu atď.
Vyberte miesto, kde chcete miniaplikáciu zobraziť, a potom ju jednoducho pridajte pomocou funkcie blokových miniaplikácií WordPress.
Krok 4: Použitie vlastného kódu na prispôsobenie témy WordPress
Jednou z mnohých funkcií WordPressu je jeho schopnosť spracovať vlastný kód. Svoj kód môžete pridať na WordPress a zmeny sa prejavia bez toho, aby ste niečo porušili. Jediný úlovok? Ak chcete zmeniť predvolenú funkčnosť WordPress, musíte ovládať CSS na úpravu štýlu HTML a PHP.
Ak chcete na svoj web pridať vlastný štýl CSS, prejdite na stránku Ďalšie CSS sekcii v prispôsobovači WordPress. Tu môžete použiť triedy a ID na výber a štýl prvkov HTML podľa vášho vkusu. Ak chcete získať identifikátor prvku pre entitu HTML, použite vývojárske nástroje prehliadača, ktoré ponúkajú Google Chrome a Mozilla Firefox.
Ak chcete prispôsobiť fungovanie témy, prejdite na informačný panel WordPress a vyberte položku Vzhľad z ľavého bočného panela. Pod Editor súborov tém, nájdete zoznam všetkých súborov tém a editor, ktorý môžete použiť na ich úpravu.
Úpravou súborov PHP môžete zmeniť čokoľvek od spôsobu zobrazovania príspevkov na stránkach kategórií až po spôsob zobrazovania a filtrovania komentárov.
Krok 5: Vytvorte podradenú tému na uloženie prispôsobení
Vďaka vašim prispôsobeniam bude váš web vyzerať krásne. Ale len dovtedy, kým vývojár nevydá aktualizáciu témy. Zmeny, ktoré vo svojej téme vykonáte, sa stratia hneď po inovácii témy WordPress. Aby ste tomu zabránili, môžete vytvorte podradenú tému z hlavnej témy WordPress.
Podradená téma preberá štýl, vzhľad a funkcie nadradenej témy a umožňuje vám pridať k nej svoje prispôsobenia. Takto si môžete byť istí, že kedykoľvek dôjde k novej aktualizácii hlavnej témy, aktualizácia ovplyvní iba nadradenú tému a vaše prispôsobenia zostanú nedotknuté.
Bonusový tip: Použitie nástroja na tvorbu stránok alebo šablón na návrh vašej webovej lokality
Ak nechcete tráviť čas vytváraním palety farieb značky a prispôsobovaním každého aspektu vašej webovej lokality, zvážte použitie vopred vytvorených šablón. Zrieknutie sa zodpovednosti: nie všetky témy WordPress ponúkajú svojim používateľom šablóny zadarmo, ale existuje veľa takých.
Ak teda nemáte dostatok času a potrebujete rýchlo vytvoriť osobnú alebo firemnú webovú stránku, nainštalujte si tému, ktorá sa dodáva s rôznymi šablónami, z ktorých si môžete vybrať.
Takto vyzerá demo web po použití šablóny od GeneratePress:
Ešte lepšie je, že môžete použiť nástroj na tvorbu stránok, ktorý vám umožní vytvárať vlastné stránky pomocou nástrojov drag-and-drop. Pomocou takýchto nástrojov môžete tiež upravovať a vytvárať vlastné hlavičky a päty.
Tvorcovia stránok WordPress majú radi Elementor a Divi sú záchranou pre tých, ktorí nemajú skúsenosti s frontend technológiami a len potrebujú rýchly spôsob, ako vytvoriť krásne webové stránky poháňané WordPressom bez kódovania.
Vytvorenie profesionálnej webovej stránky s WordPress
Spustenie webovej stránky si vyžaduje čas. Musíte si kúpiť názov domény a nastaviť hosting a až potom sa vám podarí vymyslieť názov značky.
V súčasnosti je na internete takmer 1,7 miliardy webových stránok a každý deň pribúdajú ďalšie. Preto je dôležité vybrať si jedinečný názov domény, ktorý pomôže vašej značke vyniknúť z davu.
