fbpx

Jak vytvořit stránky na WordPress v 11 krocích

Redakční systém WordPress dnes pohání velkou část webů a není se čemu divit. Během posledních let získal na značné popularitě pro intuitivní prostředí, velkou škálu doplňků, možnost využití hotových šablon vzhledu, dostupnost informací a podporu velké komunity uživatelů a nadšenců.

Založit si pěkné webové stránky pomocí redakčního systému WordPress dokáže každý. Zvládnete to i vy bez ohledu na to, zda vám je 15 nebo 65 let, a bez ohledu na to, že jste o tvorbě webových stránek do současné doby neslyšeli a nečetli vůbec nic.

V tomto článku vám v 11 krocích popíšeme to nejdůležitější, co byste měli vědět, a provedeme vás celým procesem od zaregistrování domény po tvorbu prvních příspěvků a poradíme vám, jak se dá vydělávat vlastním webem.

vytvorit webove stranky

Dozvíte se, jak:

  1. registrovat doménu,
  2. zřídit webhosting,
  3. instalovat WordPress,
  4. změnit šablonu,
  5. napsat první článek a vytvořit první stránku,
  6. přidat funkce pomocí pluginů,
  7. přidat kontaktní formulář,
  8. nastavit Google Analytics,
  9. optimalizovat SEO,
  10. vydělávat na vlastních stránkách,
  11. a kde se naučit více o WordPress.

1) Volba a registrace domény

Výběr doménového jména (tedy i adresy vašeho webu) je zcela ve vaší režii. Zde můžeme doporučit pouze výběr snadno zapamatovatelného názvu, který bude přímo korespondovat s obsahem blogu / webu, resp. se jménem vaší firmy.

Doménu můžete zaregistrovat samostatně u doménových registrátorů nebo přímo při výběru hostingového balíčku (vizte níže). V obou případech si takto můžete ověřit i její dostupnost.

Jméno webu je vhodné promyšlené před zřízením webhostingu, v případě zájmu se podívejte na náš článek Jak vytvořit název domény pro webové stránky. Zde najdete trochu teorie o doménách a několik rak, které pomohou s vytvořením názvu domény.

2) Výběr webhostingu

Téměř jakýkoli webhosting můžete použít pro instalaci WordPressu. Pro začínající uživatele, kteří nemají s hostingem žádné zkušenosti, však existuje jednodušší řešení. Mnohé hostingy nabízejí službu instalace oblíbených redakčních systémů pár kliknutími.

Takovou službu nabízí např. i wp-hosting.cz, specializovaný hosting pro weby poháněné pomocí WordPress.

 

wp-hosting přehled webhostingu
Na úvodní stránce klikněte na uživatelské balíčky a následně si vyberte podle potřeby jeden ze tří nabízených tarifů. Doporučuji WordPress Standard balíček.
wp-hosting objednávka webhostingu
Vyplňte si doménu k registraci, označte požadovaný tarif a pokračujte na stránku s fakturačními údaji.

Dále se řiďte informacemi, které obdržíte mailem.

3) Instalace WordPressu na 1 klik

V administračním prostředí wp-hosting.cz přejděte v menu na položku WordPress. Zde můžete jednoduše instalovat redakční systém na své webové stránky.

E-mailem dostanete informace o zřízení nového uživatelského účtu a o založení nového redakčního systému. Do administrace se dostanete kdykoli přes přihlašovací formulář, který je k dispozici na adrese http://www.vasedomena.cz/wp-login.php, s tím že část „vasedomena“ změníte na váš název domény.

Zřízení hostingu máte úspěšně za sebou, vítejte v administračním prostředí. Nyní už se můžete seznamovat s možnostmi, které WordPress nabízí. Těch je nepřeberné množství a ty základní si postupně ukážeme.

4) Výběr šablony

Kromě administrace se můžete podívat i na aktuální vzhled vašeho webu. Ten momentálně vypadá zhruba takto:

 

Pokud si říkáte, že to není nic moc, nebojte se. Vzhled vašich stránek řešíte výběrem z hotových šablon, které se dají v různé míře dále upravovat. V administraci najeďte v levém menu na Vzhled a následně klikněte na Šablony. Nyní zde vidíte šablonu TwentyNinenteen (aktuální základní šablona v roce 2019). Nové šablony můžete začít procházet pomocí tlačítka Instalovat vedle počtu nainstalovaných šablon vlevo nahoře. Hledání a filtrování šablon je zcela intuitivní, pokud však potřebujete podrobnější popis, projděte si náš článek Instalace šablony ve WordPressu.

prehled zakladnich sablon wordpressu

Základní šablony WordPress, vyfiltrované pomocí slovíčka „twenty“, kterým začínají oficiální šablony WordPress. Aktuální základní šablony je součástí instalace WordPress, další lze doinstalovat.

wordpress nahled nove sablony pred aktivaci
Zobrazený náhled šablony ukazuje pouze její základní rozvržení. Každá šablona může nabízet různé možnosti, které můžete a nemusíte využívat. Tyto možnosti bývají zpravidla uvedeny v informacích vlevo.

Šablon můžete instalovat libovolný počet. Aktuální vzhled vašich stránek tímto nezměníte, pouze rozšíříte seznam šablon, které budete mít k dispozici. Jakmile máte vybráno, přichází čas na základní úpravy a aktivaci (publikování) nového vzhledu. Přejděte na přehled šablon (menu Vzhled > Šablony).

wordpress prehled instalovanych sablon

Šablonu po šabloně si nyní můžete projít, vyzkoušet s ní aktuální náhled vašeho webu a prozkoumat všechny její uživatelské možnosti. V tom vám kromě levého postranního panelu pomohou i modré ikonky, které poukazují na to, co je v šabloně možné upravit. Jedná se o rychlý odkaz na konkrétní úpravu.

wordpress sablona aktualni nahled

Tip: Pokud tvoříte blog, pravděpodobně vám bude na úvodní straně vyhovovat přehled posledních příspěvků. Pokud však tvoříte např. firemní prezentaci, možná uvítáte možnost zobrazení statické úvodní stránky. Toto nastavení najdete u každé šablony a pro úvodní stranu můžete zvolit jakoukoli vytvořenou stránku (po instalaci existuje pouze jedna, o jejich tvorbě se dočtete níže).

Při úpravě šablony se seznáme mj. i s widgety, tedy s prvky s různým připraveným obsahem (seznam rubrik, vyhledávání, poslední komentáře apod.), které je možné v šablonách zobrazit na různých místech (nejčastěji v postranním panelu a v zápatí). Základní widgety již bývají v šabloně zobrazeny. Do šablony můžete widgety přidat buď zde, nebo přes menu Vzhled > Widgety, stejně tak můžete jednotlivé widgety odstranit.

wordpress nastaveni widgetu

Jakmile vám šablona svým vzhledem sedí, potvrďte úpravy tlačítkem Publikovat.

Aktuální šablonu můžete kdykoli později upravit na několika místech pomocí tlačítka Přizpůsobit, a to v položce menu Vzhled, v přehledu nainstalovaných šablon nebo v navigační liště při prohlížení webu.

5) První příspěvek, první stránka

Jak jste si při úpravě vzhledu nejspíše všimli, první stránku a první příspěvek už nově nainstalovaný WordPress obsahuje, stejně tak obsahuje základní rubriku. Jaký je rozdíl mezi stránkami a příspěvky?

Stránky

  • představují statický a dlouhodobě aktuální obsah;
  • zpravidla se samy nikde neobjeví, o jejich umístění rozhoduje autor;
  • mohou být stále dostupné např. z menu, stejně tak ale nemusí být na první pohled vidět vůbec.

Příspěvky

  • hodí se zejména pro články, aktuality a novinky;
  • je možné je řadit do kategorií a přiřazovat jim štítky;
  • zpravidla se zobrazují na úvodní stránce ihned po zveřejnění.

Nový příspěvek vytvoříte přes menu Příspěvky > Vytvořit příspěvek, novou stránku přes Stránky > Vytvořit stránku.

Stránky i příspěvky se tvoří stejným vizuálním editorem, kterým je v současné době blokový editor Gutenberg. Ten přináší oproti klasickému vizuálnímu editoru nové možnosti při tvorbě příspěvků, avšak je třeba se s ním seznámit, což zabere nějaký ten čas. Podrobně jsme se mu věnovali v článcích Psaní příspěvků s Gutenberg (nový blokový editor) a Bloky Gutenberg editoru.

wordpress novy clanek novy editor

Vám bude pro první příspěvek stačit jeden jediný blok, a to Klasický editor, se kterým se pracuje podobně jako např. s Wordem. Vyplňte název článku a klikněte do pole pod něj. Pomocí ikonky + vyhledejte heslo Klasický editor.

wordpress gutenberg blok klasicky editor

V bloku se objeví vizuální editor se základními nástroji pro úpravu textu, vkládání obrázků a médií. Napište sem svůj první článek a pravém menu klikněte na záložku Dokument. Pokud tápete, projděte si náš článek Psaní příspěvku (klasický editor), možná vám bude více vyhovovat původní klasický editor. Pokud máte hotovo, článek můžete rovnou zveřejnit pomocí tlačítka Publikovat.

Ptáte se, kde se u článků nastavují výše zmíněné kategorie a štítky, případně jak vlastně fungují? Říkáte si, že jsme vám neukázali všechno? Máte pravdu, nechtěli jsme vás zahltit informacemi hned na začátku. Rozdílu mezi kategoriemi a štítky jsme rovněž věnovali samostatný článek, a sice Rubriky a štítky. Obojí se u každého článku přidává v pravém menu pod příslušnými záložkami. Přímo v článku můžete rovněž přidávat nové kategorie i nové štítky. Oboje pak následně můžete spravovat přes menu Příspěvky > Rubriky, resp. Příspěvky > Štítky.

V pravém menu u článku i u stránky rovněž můžete naplánovat zveřejnění příspěvku v požadovaný den/čas, zakázat či povolit komentáře nebo nastavit náhledový obrázek, s nímž dnes počítá a pracuje většina šablon.

wordpress editor prave menu

Existující první stránku a první příspěvek můžete buď smazat, nebo upravit, stejně tak jakýkoli budoucí příspěvek a budoucí stránku. Učiníte tak přes menu Příspěvky > Přehled příspěvku, resp. Stránky > Přehled stránek.

wordpress koncepty

6) Instalace pluginů

Jakmile se seznámíte s možnostmi, které WordPress nabízí při tvorbě příspěvků a stránek, začnete se možná shánět po dalších nástrojích a prvcích, které byste na svých stránkách chtěli mít k dispozici. Rozšíření zajišťují pluginy. Do přehledu nainstalovaných pluginů se dostanete přes položku v menu Pluginy. Po nainstalování WordPressu tady uvidíte pluginy Akismet Anti-Spam a Hello Dolly.

wordpress pluginy prehled

Nové pluginy můžete začít procházet pomocí tlačítka Instalace pluginů vedle nadpisu Pluginy vlevo nahoře (je vidět na screenu výše). Pluginy si můžete dle libosti zobrazovat, hledat v nich inspiraci a případně je i rovnou instalovat. Instalovat jich můžete libovolný počet, ovšem obecně platí že pro stabilitu WordPressu je lepší mít instalované (a hlavně aktivované) jen ty pluginy, které skutečně využijete.

wordpress prehled nejpouzivanejsi pluginy

Pluginy je samozřejmě možné i vyhledávat podle zadaných kritérií. Možnost vyhledávání se hodí např. tehdy, kdy hledáte konkrétní druh pluginu pod různými klíčovými slovy, např. pro SEO optimalizaci, zabezpečení přihlašování apod. Podobně jako u šablon je vyhledávání a procházení zcela intuitivní, avšak i pluginům jsme věnovali vlastní článek, a sice Instalace pluginů ve WordPress. Najdete tam i tipy na zajímavé a užitečné pluginy.

U každého pluginu si můžete otevřít podrobnosti a přečíst si bližší informace či recenze, prohlédnout si obrázky v chodu a další. Před instalací věnujte pozornost zejména kompatibilitě s vaší aktuální verzí WordPressu.

wordpress nextgen gallery info

Když jste si plugin vybrali a nainstalovali, nastává další krok, tedy jeho aktivace a úpravy nastavení. Aktivaci lze provést již během instalování nebo následně kdykoli později v seznamu nainstalovaných pluginů. Pokud pluginy umožňují nějaké nastavení, obvykle jej najdete na jednom ze dvou následujících míst. Některé pluginy se objeví jako položka v menu, jiné přibudou jako položka podmenu v Nastavení.

wordpress pluginy plugin v menu

wordpress pluginy plugin v nastaveni

Pokud se jedná o plugin, který rozšiřuje možnosti tvoření příspěvků, zpravidla se jeho součást objeví jako samostatný blok.

wordpress nextgen gallery prehled

wordpress nextgen-gallery blok v prispevku

7) Kontaktní formulář

Kontaktní formulář je prvek, který patří na většinu stránek. WordPress zatím tento prvek neobsahuje, můžete jej však přidat pomocí pluginu, např. Contact Form 7.

wordpress plugin contact-form-7

Po aktivaci klikněte na Nastavení (nebo přes menu Kontakt). Dostanete se na přehled formulářů, kde můžete rovnou upravit první připravený formulář – samotná pole formuláře, podobu odesílané zprávy a rovněž texty notifikací a upozornění.

wordpress plugin contact-form-7 nastaveni

Po dokončení úprav si zkopírujte text pod názvem formuláře.

wordpress plugin contact-form-7 shortcode

Pro použití na stránkách si založte novou stránku (např. Kontakty) a do bloku vložte zkopírovaný text (automaticky se vybere správný blok pro zkrácený zápis). Zveřejněte stránku pomocí tlačítka Publikovat (vpravo nahoře).

wordpress kontakty stranka

Máte hotovo, takto vypadá stránka s formulářem, kterou uvidí návštěvníci.

wordpress kontaktmi formular

8) SEO optimalizace

SEO (= search engine optimization, česky optimalizace pro vyhledávače) je v posledních letech často užívaný výraz. Pokud chcete mít větší šanci být na internetu vidět, určitě SEO optimalizaci nepodceňujte a začněte s ní hned od prvního příspěvku. Ke správnému nastavení vám rovněž pomůže plugin, konkrétně doporučujeme Yoast SEO.

wordpress plugin yoastseo

Yoast SEO plugin má mnoho funkcí, nás však v tuto chvíli bude zajímat jeho implementace do každého příspěvku, kde můžete otestovat různá klíčová slova pro vyhledávač, optimalizovat čitelnost a přehlednost článku a také zjistit a napravit případné nedostatky, které zohledňují vyhledávače (např. chybějící atributy k obrázkům).

V příspěvku najdete nastavení tohoto pluginu vpravo nahoře.

wordpress yoastseo blok v clanku

Najdete zde úryvek a délku nadpisu tak, jak je uvidí vyhledávač. Podle tohoto úryvku a dalších kritérií se vytváří SEO analýza. Zde můžete krok po kroku odstraňovat jednotlivé nedostatky.

wordpress yoastseo v clanku2

wordpress yoastseo v clanku analyza

Dalším základním nástrojem je optimalizace čitelnosti, kde budete rovněž upozorněni na to, co je třeba zlepšit.

wordpress yoastseo v clanku citelnost

9) Nastavení Google Analytics

Co vás dále jistě bude zajímat, je návštěvnost vašich stránek. Asi nejlepším a nejoblíbenějším nástrojem ke sledování návštěvnosti je nástroj Google Analytics. Kromě počtu návštěv sleduje i to, odkud lidé přišli, na kterou stránku přišli, kam na vašem webu pokračovali a kolik času na něm strávili.

Navštivte web Google Analytics a přihlaste se. Následně se vám nabídne možnost zaregistrovat nový účet.

google analytics registrace

Vyplňte potřebné údaje a klikněte na Získat ID měření. Dále musíte potvrdit smluvní podmínky (vyberte Česko) a podmínky společnosti Google.

google analytics registrace

Bude vám vygenerován kód, který můžete vložít do svých stránek dle uvedených instrukcí. Využít ale můžete užitečný plugin od MonsterInsights, který vám práci výrazně usnadní.

google analytics merici kod

wordpress monsterinsights plugin pro google analytics

Plugin vás při aktivaci vyzve k propojení s Google účtem a k dalšímu nastavení.

wordpress monsterinsights plugin pro google analytics 2

Statistiky sbírané pomocí Google Analytics budete mít vždy k dispozici přímo v administraci v levém menu.

wordpress monsterinsights plugin statistiky

10) Jak vydělávat na vlastním webu

Někteří lidé si tvoří své stránky jen tak pro radost a sdílení vlastních myšlenek či fotografií, jiní je zakládají s vizí zisku. Vlastními webovými stránkami se dá vydělávat, a to několika různými způsoby. Ty základní vám nyní představíme, ale nečekejte velké zisky, rozhodně ne hned od začátku.

Google AdSense

Mnoho blogerů vydělává peníze zobrazováním reklam na svém blogu, často za pomoci služby Google AdSense. Google zde figuruje jako prostředník mezi vámi a inzerentem a zobrazuje reklamu blízkou obsahu vašeho webu na základě klíčových slov.

Affiliate marketing

Affiliate marketing znamená, že na svém webu doporučujete různé produkty a služby svým čtenářům. V případě, že si čtenáři daný produkt nebo službu zakoupí, získáváte provizi z prodeje. Pečlivě vybírejte, co budete doporučovat, a nejlépe doporučujte pouze to, co máte sami vyzkoušeno.

Internetový obchod

Častou formou výdělku je samozřejmě i internetový obchod. Prodávat můžete mnoho věcí, vedle vlastních výrobků to mohou být např. elektronická díla ke stažení nebo poradenské služby.

K tomuto účelu slouží oblíbený plugin WooCommerce, který poskytuje prostor elektronického obchodování po celém světě.

Placené recenze a další

Dalším častým přivýdělkem bývají placené recenze na určité výrobky, zde si však většinou blogeři domlouvají spolupráci přímo s výrobce či distributorem.

11) Další informace o WordPressu

To základní, co by mohlo nováčka o zřízení webu poháněného WordPressem zajímat, jsme si právě představili, rozhodně se však nejedná o vše, co se dá o tomto redakčním systému dozvědět. WordPress nabízí daleko více možností, než kolik se jich do tohoto článku vejde. Dále proto přinášíme pár tipů, kde se dozvíte více. WordPress se navíc stále vyvíjí, stejně tak webové prostředí, je se tedy stále co učit.

Naše návody

Na těchto stránkách najdete seriál Jak pracovat s WordPressem. Jedná se o články určené začátečníkům, daná témata jsou zpracována podrobně a názorně.

Další návody připravujeme.

Doporučené stránky

 

Napsat komentář