Inspirace.

To je můj cíl pro vás.

Spousta uživatelů WP si ještě neuvědomila, jak mocný WordPress je, a tak ať je pro vás tento příspěvek zdrojem inspirace při objevování nových nástrojů a taktik pro přizpůsobení webu WordPressu.

Vytvoříte si značku webu, přizpůsobíte obsah a dokonce provedete změny na panelu správce.

Než dočtete, budete mít krásnější a plně brandovaný web.

Je toho hodně, co se zde naučíte, proto si tuto stránku přidejte do záložek, abyste se k ní mohli vrátit a dočíst ji, pokud budete potřebovat více času.

Začněme s největší taktikou přizpůsobení ze všech…

Vyberte si nové téma

Nejrychlejší způsob, jak výrazně změnit svůj web, je změnit téma WordPressu.

Změna tématu okamžitě změní vše, co se týká designu vašeho webu.

Ale je tu problém…

Na výběr je více než 10 000 motivů WordPressu!“

Procházením a prohlížením motivů byste mohli snadno strávit celé dny. Ve skutečnosti to dělá spousta lidí!

Každý týden mi lidé píší, že si prohlédli stovky témat, než si vybrali jedno z mých.

Pokud si chcete ušetřit čas, postupujte podle mého návodu, jak vybrat ideální téma pro svůj web.

Jestliže si chcete nový design vyzkoušet hned, máme pro vás 19 bezplatných témat WordPressu, která si můžete prohlédnout přímo z ovládacího panelu WP.

Dalším snadným způsobem, jak výrazně změnit design svého webu, je přepnout z nejnovějších příspěvků na statickou stránku na domovské stránce.

Přepněte na statickou domovskou stránku

Tady je zasvěcený tip:

Každý web WordPress by měl používat statickou domovskou stránku.

Ano, i když jste bloger. Vlastně zejména pokud jste bloger!

Získáte více odběratelů a vyděláte více peněz díky svému webu, pokud budete dělat více než jen zobrazovat své nejnovější příspěvky.

Například vaše domovská stránka může obsahovat e-mailový optinový formulář pro budování odběratelů a pak propagovat několik vašich nejlepších příspěvků místo pouhého zobrazování vašich nejnovějších příspěvků.

Tuto změnu lze snadno provést z ovládacího panelu WordPressu. Stačí toto nastavení překlopit na statickou stránku:

Nebo můžete postupovat podle tohoto jednoduchého videonávodu:

Samozřejmě vás teď asi zajímá, jak vytvořit vlastní domovskou stránku. I to lze snadno provést pomocí správného nástroje.

Vytvoření vlastní domovské stránky

K vytvoření vlastní domovské stránky můžete použít nástroj Elementor.

Pokud ho neznáte, Elementor je plugin pro tvorbu stránek, a jak naznačuje část „page builder“, můžete pomocí něj vytvářet zcela vlastní stránky.

Tento podrobný videonávod vás naučí používat Elementor:

Přihlaste se k odběru Compete Themes na Youtube

Chcete-li začít, můžete si Elementor nainstalovat na své stránky tak, že jej vyhledáte v nabídce zásuvných modulů nebo si jej stáhnete z WordPressu.org.

Po instalaci Elementoru na svůj web můžete navštívit libovolnou stránku a kliknutím na tlačítko „Upravit pomocí Elementoru“ spustit editor.

Přepnete se do tohoto rozhraní:

V levé části obrazovky jsou k dispozici všechny různé widgety, které můžete přetáhnout do oblasti obsahu stránky.

Chcete-li vytvořit vlastní stránku, stačí přidat požadované widgety do obsahu stránky. Každý z nich má v sobě zahrnutou spoustu možností přizpůsobení, jako například tento:

Gutenberg má podobné bloky, ale widgety v Elementoru jsou mnohem lépe přizpůsobitelné.

Ale přidávání a přizpůsobování každého widgetu po jednom se může zdát jako spousta práce. Abyste si to usnadnili, Elementor má stylové předpřipravené bloky, které můžete vložit do libovolné stránky:

Ještě lepší je, že Elementor má hotové prodejní stránky, které můžete do své stránky vložit jediným kliknutím.

Můžete si prohlédnout předpřipravené domovské stránky, vložit své oblíbené a pak vyměnit text a obrázky tak, aby dokonale seděly.

Existuje poměrně dost bezplatných prodejních stránek, ale většina těch nejlepších je k dispozici pouze v Elementoru Pro.

Takže abychom shrnuli, jak to celé funguje…

Ve většině stránek na webu se budete spoléhat na své téma, ale když budete potřebovat zcela vlastní stránku, například pro domovskou stránku, je skvělá příležitost použít Elementor. Ve skutečnosti jsem i jako vývojář témat začal vytvářet stránky pomocí Elementoru, místo abych je sám kódoval, protože je to tak rychlé a jednoduché.

Podívejte se na Elementor →

Teď, když už víte o nástrojích pro tvorbu stránek, vraťme se ke globálním úpravám webu.

Změňte si písmo

Vybrané písmo má velký vliv na charakter vašeho webu.

Proto vás může mrzet, pokud jste se nedostali k výběru písma.

No, hádám, že vaše téma nemá vlastní písma, pokud toto čtete, takže zde je jednoduché a bezplatné řešení:

Zainstalujte si doplněk Google Fonts Typography.

Tento doplněk vám poskytne kompletní přístup ke knihovně Google Fonts, která je de facto zdrojem písem pro web.

Ve všech svých tématech používám Google Fonts a neznám žádné tvůrce témat, kteří by používali něco jiného.

Po instalaci doplňku Google Fonts Typography najdete v Přizpůsobení nový panel, kde můžete rychle přepínat písmo na celém webu.

Pokud chcete získat návod krok za krokem, mám pro vás podrobný videonávod na změnu písma pomocí Google Fonts Typography.

Pokud používáte některé z našich témat, najdete písma Google Fonts plně integrovaná také v aktualizaci tématu PRO.

Tady je další rychlá výhra, která vám umožní upravit prezentaci vašeho webu.

Změňte počet příspěvků na stránce

Ve výchozím nastavení WordPress zobrazuje deset příspěvků na hlavní stránce blogu a v archivech (kategorie, značky, autor a datum archivu).

Deset je dobré výchozí nastavení, ale co když máte vícesloupcové rozvržení, jako jsou rozvržení v aplikaci Challenger Pro?“

Návštěvníci projdou všech deset příspěvků jedním tahem. Vaše stránka bude fungovat lépe, pokud místo toho zahrnete více příspěvků, například 16 nebo 20.

Můžete navštívit nabídku Nastavení čtení (Nastavení >Čtení) a rychle změnit počet příspěvků na stránku pomocí tohoto nastavení:

Jednoduché, že?

Když někdo dojde na konec vašich příspěvků, může kliknout na stránkování a najít další, ale existuje ještě jedno přizpůsobení, které je lepší než jednoduché stránkování.

Povolte nekonečné posouvání

Buďte upřímní.

Jak často skutečně klikáte na odkazy stránkování ve spodní části blogu?

Občas ano, ale vždy klikám jen na odkaz na další stránku příspěvků. Když to víte, opravdu potřebujete něco víc než tlačítko „další příspěvky“?

Konečné posouvání umožňuje návštěvníkům posouvat stránku dolů a automaticky načítat příspěvky při posouvání. I když to může na některých stránkách dobře fungovat, existuje drobná úprava, která bývá lepší. Tímto řešením je zahrnout za příspěvky tlačítko „načíst další“, například takto:

Návštěvníci mohou kliknutím na tlačítko automaticky načíst příspěvky, aniž by se znovu načetla celá stránka.

Bezplatný doplněk WordPress Infinite Scroll odvádí vynikající práci, ale budete muset pohodlně upravit některé části kódu ve svém tématu.

Pokud chcete řešení bez kódu, je součástí Jetpack funkce nekonečného posouvání. Ne všechna témata jsou kompatibilní, ale všech 19 našich témat s Jetpackem funguje.

Konečné posouvání přiměje návštěvníky číst více příspěvků a strávit na webu delší dobu. Když už jsme u toho, zde jsou další dva způsoby, jak přizpůsobit web tak, aby návštěvníci četli více vašich příspěvků.

Používejte konzistentní doporučené obrázky

Používáte doporučené obrázky, že?

Jen abychom se ujistili, že jsme na stejné vlně, můžete pomocí této možnosti v postranním panelu libovolného příspěvku nebo stránky přidat Doporučený obrázek:

A obrázek se pak na stránce blogu a příspěvku zobrazí takto:

Představené obrázky pomohou každému příspěvku získat větší pozornost a více kliknutí, což znamená více čtenářů a odběratelů.

Je toho ale víc.

Někteří uživatelé WordPressu při výběru Featured Images myslí vždy jen na jeden příspěvek a jejich blog pak vypadá nesourodě.

Při výběru Featured Images dbejte na jednotný vzhled.

Například zde na blogu Compete Themes se obvykle držím vektorové grafiky pro Doporučené obrázky.

Vyberte si konzistentní estetiku pro Doporučené obrázky na svém webu a vytvoříte tak krásnější design.

Pro vektorovou grafiku používám Vecteezy a Unsplash je nejlepší zdroj pro bezplatné profesionální fotografie. Možná se vám také bude líbit Canva pro přidání názvu příspěvku nad obrázky.

Pokud chcete, aby byl váš blog ještě lákavější, řiďte se dalším tipem.

Napište ke každému příspěvku vlastní úryvek

Nevěřím, jak málo lidí píše vlastní úryvky!

V pravém postranním panelu editoru najdete toto pole pro úryvek:

Pokud používáte dobře nakódované téma, úryvek, který tam napíšete, se zobrazí na hlavní stránce blogu a v archivu.

Pro napsání vlastního úryvku pro každý příspěvek existují dva důvody.

První je, že vaše téma pravděpodobně používá prvních 25 slov. Nemyslíte si, že můžete napsat lákavější upoutávku na příspěvek než jen převzít prvních 25 slov? Návštěvníci budou více klikat, pokud napíšete přesvědčivé úryvky.

Druhé, když napíšete vlastní úryvky, můžete se ujistit, že úryvek dobře zapadne do designu. Pokud výchozí délka vypadá příliš dlouhá nebo krátká, psaní ručních úryvků tento problém vyřeší.

Pokud budete dodržovat tuto další taktiku přizpůsobení, bude váš web také lépe fungovat na sociálních sítích.

Přizpůsobte vzhled svých stránek na Facebooku

Pokud jste se řídili mými posledními dvěma tipy, bude se vám líbit, jak budou vaše příspěvky vypadat při sdílení na Twitteru a Facebooku.

Ale!

Na své stránky musíte přidat značky „Open Graph“. Nejjednodušší způsob je nainstalovat doplněk Yoast SEO.

Plněk Yoast SEO optimalizuje vaše stránky tak, aby se lépe umisťovaly ve vyhledávači Google. Nechci příliš odbíhat od tématu, protože tento příspěvek je o webovém designu, ne o optimalizaci pro vyhledávače, takže pokud o tom všem chcete více informací, můžete si přečíst tyto návody SEO.

Další věc, kterou Yoast SEO dělá, je přidání značek Open Graph na váš web 😁

Značky Open Graph se zobrazují ve zdrojovém kódu každé stránky vašeho webu a říkají webům sociálních sítí, jako je Facebook, jaký obsah mají použít, když někdo sdílí váš web.

Pokud přidáte doporučený obrázek a napíšete vlastní úryvek, je to obsah, který Facebook zobrazí, když je příspěvek sdílen, ale pouze pokud máte přidané značky Open Graph.

S aplikací Yoast SEO máte také možnost přidat jiný obrázek jen pro Facebook a/nebo Twitter.

Jak je to skvělé?

Můžete použít obyčejnou fotografii jako doporučený obrázek, ale mít jinou verzi s překrytým názvem jen pro případ, že lidé budou příspěvek sdílet na Facebooku.

Když už mluvíme o sociálních médiích, toto další přizpůsobení je zásadní pro budování vašeho publika.

BONUSOVÝ TIP: Abych ušetřil čas, píšu pro každý příspěvek vlastní meta popis, zadávám ho do Yoastu a pak ho znovu používám jako vlastní úryvek příspěvku.

Přidejte ikony sociálních sítí

Toto přizpůsobení WordPressu je smrtelně jednoduché.

Chcete-li, aby vás lidé sledovali, musíte jim to usnadnit!

Většina témat má v dnešní době zabudované ikony sociálních sítí, jako například téma Mission News, které obsahuje ikony pro více než 50 sociálních sítí.

Když někdo klikne na jednu z ikon, přenese návštěvníka přímo na váš profil na sociální síti. To je skvělý způsob, jak přimět lidi, aby vás sledovali na jakékoli platformě, kterou preferují.

Přestože je přidání ikon sociálních sítí do záhlaví a/nebo zápatí webu skvělé pro budování publika, měli byste také zvážit přidání tlačítek pro sdílení na sociálních sítích.

Přidejte tlačítka pro sdílení na sociálních sítích

Nechci vás mást, takže to vysvětlím.

V posledním kroku jsem doporučil přidat do záhlaví webu propojené ikony na vaše sociální profily. To jsou jen odkazy.

Tlačítka pro sdílení na sociálních sítích byste měli přidat do svých příspěvků takto:

Když někdo klikne na jedno z těchto tlačítek, otevře se nová karta s vyplněným příspěvkem připraveným ke sdílení.

Na výběr je spousta pluginů, ale mým novým favoritem je Scriptless Social Sharing.

Problém, který mám s většinou pluginů tlačítek pro sdílení, je, že příliš zpomalují váš web. Scriptless Social Sharing obsahuje základní funkce a nic navíc. Načítá se super rychle a funguje skvěle na počítači i na mobilu.

S veškerou novou návštěvností, kterou získáte, budete chtít provést několik dalších úprav, aby byl váš web ziskovější.

Přidejte kontaktní formulář

Pokud na svém webu prodáváte služby, pak je přidání formuláře, aby vás klienti mohli kontaktovat, samozřejmostí.

Kontaktní formulář je ale nezbytnou součástí každého webu. Nikdy nevíte, jaké příležitosti se vám mohou naskytnout.

Pokud jde o přidání kontaktního formuláře, WPForms je můj oblíbený plugin.

Je neuvěřitelně přizpůsobitelný a snadno se používá. Prémiové upgrady navíc vše posouvají na vyšší úroveň.

Můj průvodce přidáním kontaktního formuláře do WordPressu vás provede všemi kroky.

Pokud neprodáváte služby nebo už kontaktní formulář máte, možná budete chtít vytvořit novou vstupní stránku.

Vytvořte vstupní stránku

Vstupní stránka je stránka na vašem webu, na kterou návštěvníci přistanou. Jinými slovy, posíláte sem novou návštěvnost, abyste ji přeměnili na předplatitele a/nebo zákazníky.

Pokud úspěšně přivádíte návštěvnost na svůj web, je čas vystavit nabídku na vstupní stránce a poslat na ni návštěvníky.

Pro vytvoření vlastní vstupní stránky doporučuji použít plugin Elementor. Mají hotové vstupní stránky a sady stránek, které můžete použít jako výchozí bod.

Jeden z triků u vstupních stránek spočívá v tom, že buď odstraníte veškerou navigaci, nebo navigaci na dané stránce omezíte. K tomu budete potřebovat vědět, jak vytvořit vlastní menu.

Vytvoření vlastního menu

Záleží sice na tom, jaké téma zvolíte, ale váš web bude pravděpodobně vypisovat každou „stránku“ v hlavním menu.

To není ideální.

Budete chtít vytvořit vlastní sadu odkazů pro své menu a případně několik menu, které zobrazíte na různých stránkách svého webu.

Pro vytvoření vlastního menu postupujte podle kroků v tomto videonávodu:

Zjistíte, jak do menu přidat odkazy na libovolné příspěvky, stránky nebo dokonce externí adresy URL. Můžete také snadno měnit jejich pořadí a vytvářet rozbalovací nabídky.

Přidejte tuto další úpravu, která vám ještě více usnadní navigaci na webu.

Udělejte si menu „lepivé“

Tento příspěvek jste již posunuli o kus níž, ale pokud se podíváte na horní část obrazovky, uvidíte, že primární menu je stále viditelné.

Udržování stálé nabídky v horní části obrazovky značně usnadňuje navigaci na webu, protože návštěvníci nemusí rolovat celou cestu zpět nahoru pokaždé, když se rozhodnou přejít na novou stránku.

Existují dva jednoduché způsoby, jak navigaci přilepit (pokud vaše šablona tuto možnost již neobsahuje).

Poprvé si můžete nainstalovat bezplatný doplněk Sticky Menu on Scroll.

Tento doplněk funguje skvěle, ale musíte umět najít selektor CSS, který použijete. Pro všechna naše témata můžete použít buď #site-header, nebo #menu-primary-items v závislosti na tom, zda chcete, aby bylo lepivé celé záhlaví, nebo jen primární menu.

Druhou možností je použít možnost lepivého menu dostupnou v Elementor Pro. Tato metoda nevyžaduje použití žádných selektorů CSS a můžete si při ní zcela přizpůsobit vzhled nabídky.

Mám ještě jeden tip, který vám ještě více usnadní navigaci na webu.

Jistě jste slyšeli o pohádce Jeníček & Mařenka.

Jak si možná vzpomínáte, při cestě lesem upustí drobky chleba a zanechají po sobě stopu, po které mohou najít cestu zpět domů.

Tentýž termín převzali návrháři webových stránek pro stezku odkazů, které se někdy přidávají pod záhlaví, jako je tento příklad na Amazonu.

Každý odkaz vás zavede o krok zpět v navigaci stránek.

Ačkoli je váš web nepochybně menší a méně složitý než Amazon, přesto by mu použití drobečkové navigace pravděpodobně prospělo.

Pokud jste nainstalovali doplněk Yoast SEO doporučený dříve v tomto příspěvku, nemusíte dělat nic dalšího. Stačí kliknout na tuto možnost a zapnout ji v nabídce nastavení:

Všechna naše témata jsou kompatibilní s drobečkovou cestou Yoast, ale možná se budete muset poradit s vývojářem tématu, pokud se drobečková cesta na vašem webu nezobrazuje.

Pomocí těchto několika posledních tipů jste provedli všechna nejdůležitější přizpůsobení navigace.

Nyní přejděme k brandování vašeho webu pro dosažení jednotného vizuálního efektu.

Přizpůsobte si barvy

Jedná se o jednoduchý a možná zřejmý krok k vytvoření značky vašeho webu.

Změna barvy akcentu na celém webu vytvoří konzistentní vizuální efekt.

Pokud vaše téma neobsahuje vlastní barvy a nevíte, jak si web přizpůsobit pomocí kódu, pak mi dovolte, abych vás seznámil s úžasným nástrojem:

Tady je trochu pozadí…

CSS je název kódovacího jazyka, který webdesignéři používají ke stylování webových stránek. CSS Hero je zásuvný modul pro WordPress, který vám umožní přizpůsobit téma, aniž byste museli sami napsat jediný řádek CSS.

Pomocí CSS Hero můžete například snadno změnit barvu pozadí webu. Začali byste otevřením vizuálního editoru, který vypadá takto:

Následujícím krokem byste klikli na pozadí, čímž byste odhalili sadu možností přizpůsobení v levém postranním panelu.

Nakonec byste použili možnost barvy pozadí a nastavili ji na libovolnou barvu a poté změny uložili.

Pomocí CSS Hero můžete změnit barvu jakéhokoli prvku na webu, stejně jako písma, rozestupy a spoustu dalších aspektů designu.

Vyzkoušejte CSS Hero →

Tato další technika přizpůsobení je nutností pro každý profesionální web.

Přidejte své logo na kartu prohlížeče

Jsem si jistý, že vaše logo už je v horní části vašeho webu. Každé téma, které jsem kdy viděl, obsahuje jednoduchou volbu pro tuto funkci.

Ale neměli byste u toho skončit!

Měli byste také přidat své logo na samotnou kartu prohlížeče, například takto:

Tato malá ikona se obvykle označuje jako favicon, ale rozhraní WordPressu ji nazývá „Ikona webu“.

Tuto možnost nicméně najdete v Přizpůsobení (Vzhled > Přizpůsobit).

V Přizpůsobení otevřete sekci Identita webu a dole najdete možnost Ikona webu.

Jediné, co musíte udělat, je nahrát obrázek loga z počítače a stisknout tlačítko Publikovat.

Při výběru obrázku pro favikonu je nejlepší použít ikonu, pokud ji vaše logo obsahuje. Pro Compete Themes používám ikonu pera a štítu, ale kdybych ji neměl, udělal bych z loga jednoduše modrý čtverec s bílým textem „CT“.

Možná vás také překvapí, že WordPress doporučuje, aby měl obrázek velikost 512x512px. To se mi zdá docela velké, ne?“

Kromě ikony na kartě prohlížeče se vaše favicon bude znovu používat i v záložkách, které se mohou zobrazovat mnohem větší. Například někdo, kdo používá iPad Pro, si může váš web uložit na domovskou obrazovku Safari, kde se ikona zobrazí poměrně velká.

Pokud chcete podrobnější návod, můžete sledovat náš kompletní návod, jak přidat favicon do WordPressu (je k dispozici i videonávod)

Dalším způsobem, jak dát svému webu výrazný vzhled, je použít značkový obrázek na pozadí.

Přidejte obrázek na pozadí

Obrázky na pozadí už tak často neuvidíte.

V dnešní době se většina webových stránek drží obyčejného bílého nebo světle šedého pozadí. Pokud chcete opravdu vyniknout, zkuste přidat obrázek na pozadí, který je krásný a zároveň odpovídá značce.

Pro toto přizpůsobení se můžeme opět obrátit na CSS Hero.

Zvolte pozadí, ale místo nastavení barvy byste zvolili možnost obrázku.

Můžete nahrát libovolný obrázek a dokonce importovat obrázek přímo z Unsplash.

Nyní posuneme branding na další úroveň.

Vytvořte brandovanou přihlašovací stránku

Pokud se na váš web přihlašují členové, je vytvoření brandované přihlašovací stránky nutností.

Ve skutečnosti, i když se na váš web přihlašujete jen vy, brandování přihlašovací obrazovky poskytuje skutečný pocit profesionality a spokojenosti. Věřte mi!

Přihlašovací stránku Compete Themes jsem opatřil značkou a nyní vypadá úžasně:

Udělal jsem to pomocí bezplatného pluginu Custom Login Page Customizer.

Pokud chcete postupovat stejně, napsal jsem příspěvek pro WP Newsify, který je celý o všem.

Pokud jste to sledovali, pak je váš web a přihlašovací obrazovka kompletně brandovaná, ale není důvod u toho končit!

Přenesme branding do ovládacího panelu webu a posuňme přizpůsobení webu WordPress ještě dál.

Přizpůsobení administrace WP

Především, kdybyste to náhodou nevěděli, můžete změnit barevnou paletu ovládacího panelu administrace z nabídky Váš profil.

Pokračujeme dál, tamní barevná schémata pravděpodobně dokonale neodpovídají vaší značce. Chcete-li získat plnou kontrolu nad rozhraním správce, vyzkoušejte doplněk WP Custom Admin Interface.

Budete mít obrovskou kontrolu nad designem rozhraní správce vašeho webu. Můžete si například vytvořit novou barevnou paletu, kterou lze vybrat z nabídky Váš profil.

A dokonce můžete přejmenovávat a měnit pořadí položek nabídky, skrývat nabídky a přidávat zcela vlastní nové položky nabídky.

Pokud chcete mít nad rozhraním administrátora naprostou kontrolu, je to správná cesta.

Když už znáte všechny nejlepší způsoby, jak brandovat webové stránky pro firmu, pojďme se věnovat osobním úpravám brandu.

Aktualizace zobrazovaného jména

Na nových webových stránkách WordPress to vidím neustále:

Kdo je admin?

Ponechání jména v této podobě nepůsobí na webu příliš profesionálně a rozhodně to nepomáhá vaší osobní značce.

Dobrá zpráva je, že to lze velmi snadno změnit.

Jméno, které se zobrazuje v záhlaví vašich příspěvků a komentářů, se označuje jako Zobrazované jméno a můžete ho změnit v nabídce Uživatelé >Váš profil.

Po uložení se okamžitě aktualizuje na celém webu.

V tomto videu je podrobněji vysvětleno, jak zobrazovací jména používat:

Po nastavení jména budete chtít také přidat vlastní avatar.

Zobrazit vlastní avatar

Nechcete, aby se vedle vašeho nového Zobrazovacího jména zobrazoval výchozí avatar, jako je tento:

Většina témat WordPressu je integrována s Gravatarem, takže v okamžiku, kdy tam přidáte obrázek, okamžitě se zobrazí na vašem webu.

Pokud službu Gravatar neznáte, je to velmi jednoduchá služba.

Jediné, co uděláte, je, že přidáte e-mailovou adresu a nahrajete obrázek, který se k ní přiřadí. To je vše 🙂

Obrázek Gravataru se zobrazí na vašich stránkách a na všech dalších webových stránkách, které se se službou integrují (hodně jich je).

Případně si můžete nainstalovat plugin Simple User Avatar a nahrát na své stránky profilový obrázek bez použití služby Gravatar.

Dostat své jméno a obrázek na všechny své příspěvky je skvělý začátek a přidáním „autorského pole“ můžete vše posunout na další úroveň.

Přidání autorského rámečku

Pod pojmem „autorský rámeček“ mám na mysli něco takového:

Autorské rámečky jsou skvělé pro budování vaší značky ze dvou důvodů.

Za prvé, dostanou vaše jméno a tvář před návštěvníky.

Druhé, můžete přidat krátký životopis, který vám pomůže přidat ještě více osobnosti a vztahovosti. Navíc můžete odkazovat na libovolné stránky.

Protože se autorský rámeček zobrazuje až po obsahu příspěvku, návštěvníci, kteří ho vidí, právě dočetli příspěvek, což je skvělá příležitost spojit se s tímto obsahem.

Pokud vaše téma nemá autorský rámeček v sobě, doporučuji nainstalovat doplněk Simple Author Box.

Existuje poměrně dost pluginů autorského boxu, ale tento podle mého názoru poskytuje nejlepší rovnováhu mezi flexibilitou a kvalitou mimo box.

Tento videonávod vám poskytne pohled do zákulisí, pokud se chcete nejprve podívat, jak to funguje. Nebo můžete postupovat podle tohoto návodu na přidání rámečku s životopisem autora.

Další způsob přizpůsobení webu vám pomůže ještě rychleji budovat vaši osobní značku.

Přidejte widget „O mně“

Pokud má váš web postranní panel, jedním z nejlepších přizpůsobení pro budování vaší značky je zahrnutí widgetu „O mně“ do horní části.

Díky tomu bude vaše jméno a avatar viditelný na každé zveřejněné stránce.

Takové rozvržení si můžete vytvořit sami pomocí textového widgetu nebo widgetu HTML, případně si můžete nainstalovat doplněk Easy Profile Widget.

Čím více vystavíte návštěvníky svému jménu, avataru a životopisu, tím známější jim budete a tím lépe bude fungovat váš marketing.

Když už mluvíme o widgetech, máme tu další úžasný způsob, jak si přizpůsobit webové stránky WordPress.

Ovládněte, na kterých stránkách se widgety zobrazují

Widgety jsou úžasné, ale je tu jeden problém.

Někdy chcete přidat widget do postranního panelu, ale nechcete, aby se zobrazoval na každé stránce vašeho webu.

Co kdybyste si mohli přesně vybrat, na kterých příspěvcích a stránkách se jednotlivé widgety zobrazí?

S doplňkem Widget Options to můžete.

Po instalaci Widget Options se vám u každého widgetu zobrazí tato nová sekce.

Můžete přidat widgety do celých typů stránek najednou, například do všech kategorií, nebo vybrat konkrétní kategorie či dokonce jednotlivé stránky.

Protože můžete snadno přehodit pravidla mezi zahrnutím VS vyloučením widgetu na vybraných stránkách, dává tento doplněk vašemu webu neuvěřitelnou flexibilitu.

Tady je další způsob, jak vylepšit přizpůsobení vašeho webu.

Přidejte popisy kategorií

Běžný nadpis kategorie na vašem webu může vypadat nějak takto:

Ačkoli to samo o sobě funguje dobře, ve skutečnosti můžete přidat jedinečný popis pro každou kategorii.

Přidáním popisu pomůžete návštěvníkům přesně pochopit, co na stránce najdou, a je to také dobré pro SEO.

Můžete navštívit stránku Kategorie (Příspěvky > Kategorie) a kliknutím na libovolnou kategorii ji upravit. Na další stránce pak zadejte popis do tohoto pole:

Většina témat zobrazí popis na stránce kategorie pod nadpisem, například takto:

Toto přizpůsobení můžete dokončit během několika minut a dát svému webu profesionálnější vzhled.

Dalším způsobem, jak zvýšit profesionalitu svých stránek, je přizpůsobení textu v patičce.

Přizpůsobení textu v patičce

Většina témat WordPress obsahuje krátký designový popisek v dolní části webu.

Ačkoli často není možné tento text odstranit bez psaní kódu, některá témata, jako například Ignite, obsahují v nástroji Customizer jednoduchou možnost změny textu v patičce.

Můžete uvést libovolný text, ale mnoho webových stránek se rozhoduje pro uvedení názvu společnosti, aktuálního roku a ikony autorských práv. K přidání symbolu autorských práv můžete použít emotikony nebo si do schránky zkopírujte tento symbol – ©

Přizpůsobení e-mailů, které WordPress odesílá

To pro vás může být velmi důležité, pokud se k vašemu webu připojují členové.

WordPress má spoustu předpřipravených zpráv, které odesílá. Existují například e-maily pro případ, že se někdo připojí k vašemu webu nebo změní heslo.

Žádná z těchto zpráv pro vás nebude na úrovni, takže si můžete nainstalovat doplněk Oznámení a získat tak úplnou kontrolu nad kopií e-mailu.

Tento doplněk je úžasně přizpůsobitelný a umožňuje měnit kopii stávajících e-mailů a přidávat zcela nové události pro odesílání e-mailů.

Obvykle si představujeme přizpůsobení webu jako vizuální změny webu, ale psaní vlastní kopie pro e-maily posune vaše přizpůsobení ještě dál.

Pokud chcete přizpůsobit opravdu každý aspekt svého webu, jedním z posledních kroků je úprava stránky 404.

Pokud chcete přizpůsobit každý aspekt svého webu, upravte stránku 404.

Přizpůsobení stránky 404

Pokud zrušíte publikování stránky nebo změníte adresu URL a někdo navštíví starou adresu, zobrazí se mu obrazovka 404, jako je tato:

Pokud chcete na svém webu vyčistit nefunkční odkazy a chyby 404, je to pro web naprosto přirozený jev.

Jelikož víte, že lidé občas uvidí vaši stránku 404, je to další příležitost, jak vytvořit vlastní značkovou stránku.

Pro to se obrátíme na doplněk 404page.

S tímto doplňkem můžete vytvořit zcela vlastní stránku 404 pro váš web. Je navržen velmi chytrým způsobem.

Pomocí 404page můžete jednoduše publikovat běžnou stránku s libovolným obsahem a poté ji přiřadit jako stránku 404.

. To je mnohem jednodušší a flexibilnější než použití vlastního editoru pro chybovou stránku.

Zde je poslední tip, který vám dá mnohem větší kontrolu nad vaším webem.

Zvládněte HTML widget

Naučit se psát kód je velká práce, ale je tu jedna věc…

HTML není programovací jazyk jako PHP nebo Javascript. HTML je jen značkování.

To znamená, že se HTML naučíte opravdu rychle a jakmile budete znát základy, zjistíte, že máte nad svými stránkami mnohem větší kontrolu.

S widgetem HTML, který je součástí WordPressu, můžete vytvořit prakticky jakýkoli obsah nebo rozvržení, aniž byste museli přidávat nové pluginy.

Například dříve jsem doporučoval widget pro vytvoření widgetu „O mně“ v postranním panelu, ale to lze snadno provést bez přidání nového pluginu, pokud umíte psát HTML.

Je to skvělý první krok do kódu a vřele ho doporučuji uživatelům WordPressu, kteří se chtějí dostat k techničtějším věcem.

Závěr

Především gratuluji, že jste se dostali až sem!

Tento příspěvek se stále prodlužoval, jak jsem přicházel na další způsoby přizpůsobení webu WordPressu.

Popravdě řečeno, v tomto příspěvku jsem stále jen poškrábal povrch – existuje spousta dalších změn, které můžete na svém webu provést.

Vrátím-li se k mému prvnímu bodu, jedním z nejlepších způsobů, jak začít přizpůsobovat svůj web, je vybrat si přizpůsobitelné téma, takže než se do toho pustíte, prohlédněte si naše nejlepší témata a prohlédněte si je na svém zařízení. Všechna jsou zcela zdarma – navždy!

Podívejte se na naši sbírku motivů →

Pokud máte dotazy nebo další nápady, o které se chcete podělit, napište do komentářů níže.

Ben Sibley

Ben Sibley je designér šablon pro WordPress &, vývojář a zakladatel společnosti Compete Themes.

.