Listingpl.com Listingpl.com Průvodce kurzy webdesignu
Nástěnka designové učebny s prázdnými listy papíru připevněnými na zdi a fixou na liště

WordPress a tvorba webu

Tvorba webu ve WordPressu

Co obnáší praktická stavba webu a jak na ni připravují české kurzy pro začátečníky — od domény po responzivní webdesign.

Co se v kurzu naučíte Poradit s výběrem

Než se přihlásíte

WordPress není jen klikání v šabloně

Začátečník často slyší, že si web postaví za odpoledne. Na hotové šabloně to jde. Jenže kurz, který vás má posunout dál, vás naučí i to, co je pod povrchem: pro koho web stavíte, jak se rozhoduje o rozložení stránky, kde sídlí doména a jak se obsah webu udržuje, až kurz skončí.

Na téhle stránce najdete, co takový kurz obsahuje, jaké dovednosti si z něj odnesete a podle čeho poznáte, jestli je pro vás připravený. Nejde o hodnocení konkrétních škol — jde o to, abyste v rozvrhu poznali, co se skutečně budete učit.

Rychlá orientace

  • Co obnáší návrh struktury a rozložení stránky
  • Jak se responzivní webdesign řeší v praxi
  • Kde končí šablona a začíná vlastní práce s obsahem
  • Podle čeho porovnat kurzy mezi sebou
Jak vybírat kurz
Student sedí zády k objektivu u počítače v učebně a drží ruku na sešitě

Co se v kurzu WordPressu skutečně naučíte

Kurzy se liší rozsahem, ale jádro bývá stejné. Tři oblasti se opakují skoro vždy — a právě v nich poznáte, jestli je kurz postavený prakticky.

Návrh a struktura

Rozložení stránky a obsah, který něco říká

Začíná se u otázky, komu je web určený. Z toho vzejde, co patří na hlavní stránku, kolik má být sekcí a jak se návštěvník dostane ke kontaktu. V kurzu obvykle projdete návrh rozložení — kde je hlavička, jak široký má být text, jak vypadá patička. Až potom se otevírá WordPress.

Rozdíl proti samostudiu je v tom, že vám někdo řekne, proč je řešení špatné. Vysvětlí, že tři odstavce nestačí na stránku o službě, nebo že navigace o sedmi položkách se na mobilu nevejde.

Responzivní webdesign

Web, který se vejde na telefon i na monitor

Responzivní webdesign se v začátečnickém kurzu učí na konkrétní stránce, ne jako teorie. Zkusíte si na mobilu otevřít to, co jste postavili na velkém monitoru, a hledáte, kde se láme řádek nebo kam se ztratilo tlačítko.

Většina šablon si s tím poradí sama. Vaše práce je poznat, kdy to nestačí — obrázek v širokém pásu, tabulka s pěti sloupci nebo dlouhý nadpis, který na 360 px přeteče.

Obsah a úpravy

Úpravy, které zvládnete sami

Dobrý kurz vás nenechá spoléhat na někoho dalšího. Naučíte se změnit text, vyměnit fotografii, přidat stránku a vrátit změnu zpět. To je dovednost, kterou využijete i za půl roku bez lektora.

Proč se to učit společně s designem

WordPress je nástroj, ne cíl. Když k němu přidáte základy webdesignu a návrh rozložení, přestanete kopírovat cizí šablony a začnete stavět web podle zadání. Kurzy, které obojí spojují, bývají delší, ale odnesete si z nich víc než seznam tlačítek v administraci.

Srovnání kurzů UX metody a nástroje

Jak vypadá praktická tvorba webu, krok za krokem

Pořadí se mezi školami liší v detailech, ale zhruba takhle vypadá cesta od prázdné stránky k funkčnímu webu. Tohle je obsah, který v kurzu pro začátečníky projdete.

Doména a hosting

Nejdřív adresa, na které web poběží

Vyberete jméno domény, zřídíte hosting a propojíte je. Vypadá to jako technická nuda, ale je to první věc, kterou v praxi řešíte — a taky první místo, kde se dá zbytečně zaplatit za něco, co nepotřebujete. Kurz vám ukáže, co je nutné a co je jen doplněk.

Instalace a šablona

WordPress nahoru a první šablona

Nainstalujete WordPress, zvolíte šablonu a nastavíte základní barvy a písmo. Tady se láme rozhodnutí, jestli půjdete cestou hotové šablony, nebo si postavíte rozložení sami. Obě mají smysl; záleží na tom, kolik času a zkušeností máte.

Stránky a obsah

Stránky, menu a texty, které drží pohromadě

Vytvoříte jednotlivé stránky, poskládáte je do menu a naplníte obsahem. Práce s editorem, dnes nejčastěji Elementor nebo obdobný nástroj, je dovednost sama o sobě — naučíte se vkládat sekce, obrázky a tlačítka tak, aby výsledek nebyl jen zkušební pokus.

Mobil a ladění

Responzivní webdesign a poslední úpravy

Projdete web v náhledu na telefonu, opravíte rozbité rozestupy a doladíte detaily. Publikováním to nekončí — doplníte základní nastavení viditelnosti a zkontrolujete, že se web načítá tak, jak má.

Pracovní stůl s prázdnými listy papíru, tužkou a zavřeným notebookem v učebně

Rozdíl proti samostudiu

Když vám někdo řekne, co je špatně

Videa a návody vás naučí tlačítka. Kurz vám dá zpětnou vazbu — na rozložení, na texty, na to, jestli web odpovídá tomu, komu je určený. To je část, kterou si sám neověříte, protože nevidíte, co jste přehlédli.

Druhá věc je čas. Domácí studium se snadno rozpadne na hodiny zkoušení a hledání, proč něco nefunguje. V kurzu máte člověka, kterého se zeptáte hned. Ať už jde o nastavení menu, nebo o to, proč se vám na mobilu rozpadá sekce.

O projektu
Dvě dřevěné židle proti sobě v prázdné učebně u nízkého stolku

Podle čeho porovnat kurzy WordPressu

Než se zapíšete, projděte si rozvrh a osnovu. Následující otázky vám pomohou odhadnout, jestli je kurz pro začátečníka, nebo už počítá s praxí. Odpovědi najdete v anotaci kurzu nebo se na ně zeptejte přímo školy.

Rozsah hodin a délka kurzu

Kde to zjistíte: Rozvrh a anotace

Proč: Krátký kurz stihne základy, delší i projekt

Zeptejte se: Kolik hodin je praktických

Kdo kurz vede

Kde to zjistíte: Profil lektora

Proč: Lektor z praxe vysvětlí i to, co v návodu chybí

Zeptejte se: Na čem lektor pracuje dnes

Nástroje, se kterými se pracuje

Kde to zjistíte: Osnova kurzu

Proč: Jestli se učí WordPress, Elementor, nebo obojí

Zeptejte se: Pracuje se na vlastním zadání

Výstup na konci kurzu

Kde to zjistíte: Popis výstupu

Proč: Jestli odcházíte s hotovým webem, nebo s know-how

Zeptejte se: Co si odnesu domů

Nároky na čas mezi lekcí

Kde to zjistíte: Podmínky kurzu

Proč: Bez domácí přípravy se látka neskousne

Zeptejte se: Kolik času týdně mimo výuku

Návaznost na další vzdělávání

Kde to zjistíte: Nabídka navazujících kurzů

Proč: Jestli na kurz jde navázat pokročilejší úrovní

Zeptejte se: Co doporučujete po tomto kurzu

Srovnání kurzů Časté otázky
Praktická rada

Přijďte s nápadem na web, který chcete postavit. Kurz, kde se pracuje na vlastním zadání, vás donutí řešit skutečné otázky místo cvičné stránky.

Co si připravit před prvním dnem: popis, pro koho web je, dvě až tři stránky, které budete potřebovat, a fotografii, kterou chcete použít. Zbytek přijde na místě.

Časté otázky k tvorbě webu ve WordPressu

Několik dotazů, které se u začátečníků opakují nejčastěji.

Musím umět programovat, abych ve WordPressu postavil web?

Ne. WordPress je postavený tak, aby se obsah a rozložení daly sestavit bez psaní kódu. Základy protokolu HTML a orientace v CSS se hodí — pomůžou vám pochopit, proč se něco zobrazuje jinak, než čekáte — ale kurz pro začátečníky obvykle začíná u rozhraní, ne u kódu.

Stačí hotová šablona, nebo se mám učit stavět rozložení sám?

Pro většinu malých webů je dobře nastavená šablona rozumná volba a ušetří čas. Vlastní rozložení má smysl ve chvíli, kdy potřebujete něco, co šablona nenabízí, nebo když chcete mít web plně pod kontrolou. V kurzu obvykle projdete obojí, abyste mohli volit vědomě.

Kolik času zabere příprava mimo výuku?

Záleží na typu kurzu. Jednorázový workshop zvládnete v rámci dne. Několikatýdenní kurz obvykle počítá s přípravou mezi lekcí — zhruba s několika hodinami týdně na procvičení a dokončení vlastního zadání. Konkrétní nároky najdete v podmínkách kurzu.

Pracuje se v kurzu i s responzivním webdesignem?

Většina současných kurzů se mobilní verzi věnuje, protože bez ní web dnes nemá smysl. Rozdíl bývá v hloubce: někde si jen prohlédnete náhled na telefonu, jinde upravujete rozložení pro tři šířky obrazovky. Ptejte se dopředu, jak moc prostoru téma v osnově zabírá.

Co si mám přinést na první hodinu?

Většinou vlastní notebook a představu o tom, jaký web chcete. Někdy stačí i bez konkrétního zadání — vyjde z prvních cvičení. Když se předem zeptáte, co si máte připravit, ušetříte čas na začátku a můžete jít rovnou k práci.

Další krok

Vyberte si kurz, který odpovídá vašemu času

Projděte si srovnání českých kurzů a přečtěte si, jak vypadá jejich osnova. Pokud si nejste jistí, napište nám — poradíme, jaký typ kurzu hledat podle toho, co už umíte a kolik času máte.

Srovnání kurzů Kontakt

Listingpl.com · Vodičkova 28, 110 00 Praha 1
Pondělí–pátek 9:00–18:00, sobota 10:00–14:00

info@listingpl.com