Lekce 1 - Úvod do WordPressu a příprava vývojového prostředí

Vítejte v první lekci kurzu Základy WordPressu. Společně si ukážeme, jak vytvořit vlastní web pomocí populárního publikačního systému WordPress. Naučíme se pracovat se šablonami a pluginy a představíme si nový blokový editor Gutenberg. Probereme základy zabezpečení a optimalizace webu a vytvoříme si naši úplně první webovou stránku, která bude vypadat takto:

V dnešním tutoriálu si představíme WordPress a připravíme si lokální prostředí, ve kterém budeme vytvářet náš první web.

Minimální požadavky kurzu

Na tento kurz nepotřebujete žádné speciální znalosti, stačí běžná práce s počítačem

WordPress

WordPress je nejrozšířenější redakční systém CMS – Content Management System na světě. Jde o open-source platformu, což znamená, že ji můžeme zdarma používat, upravovat a dále rozšiřovat. WordPress pohání více než 40 % všech webových stránek na internetu. Jeho hlavní výhodou je uživatelská přívětivost, široká komunita vývojářů, tisíce dostupných šablon a pluginů a neustálý vývoj.

WordPress kombinuje:

• databázi MySQL,
• programovací jazyk PHP,
• HTML a CSS,,
• JavaScript.

Umožňuje nám snadnou správu obsahu webu přímo z uživatelsky přívětivé administrace bez nutnosti znalosti kódování.

Komponenty pro spuštění WordPress webu

Pro spuštění webu budeme potřebovat především následující základní komponenty:

• Doménu – adresu, na které nás lidé najdou (např. www.mujweb.cz).
• Hosting – službu, díky které je náš web uložen na serveru a dostupný online, pronajímá se od specializované firmy.
• Obsah webu – samotný systém WordPress, texty, obrázky, videa, případně další multimédia, která budeme chtít publikovat.
• Případně lokální vývojové prostředí – pokud si nechceme platit doménu a hosting nebo pokud chceme publikovat až hotový web.

Tyto prvky představují základní výbavu, se kterou můžeme začít budovat a spravovat svůj vlastní web ve WordPressu. I když to může na první pohled znít složitě, není se čeho bát, všechno si společně vysvětlíme a popíšeme v dalších lekcích postupně krok za krokem.

Pro testování a vývoj doporučujeme začít v lokálním vývojovém prostředí, tedy na svém počítači. Takto vytvořený web si kdykoliv později můžeme přesunout na vlastní doménu a hosting.

V našem kurzu budeme pracovat právě s touto variantou – nebudeme tedy zatím potřebovat žádné placené služby. Až budeme připraveni, na konci kurzu si ukážeme, jak web snadno přenést online.

Obsah webu

Aby mohl web správně fungovat, potřebujeme do něj dodat obsah – tedy všechny prvky, které budou tvořit jeho podobu a náplň. Ať už budujeme blog, firemní stránku nebo e-shop ve WordPressu, základ je velmi podobný:

Web se skládá z těchto základních částí:

• WordPress systém – Základní redakční systém, který tvoří technické jádro našeho webu. Díky němu můžeme stránky vytvářet, upravovat a spravovat bez nutnosti programování.
• Mediální obsah – Vizuální a textové prvky, které na web vkládáme – fotografie, ilustrační grafika, videa, soubory ke stažení atd. Právě tyto prvky vytvářejí hodnotu pro návštěvníky.
• Databáze – Místo, kde WordPress ukládá všechny důležité informace: texty článků, nastavení webu, data o uživatelích, komentáře a další obsah, se kterým web pracuje.

Lokální instalace WordPressu

Díky lokálnímu vývojovému prostředí můžeme naše webové stránky připravovat, testovat a upravovat v bezpečném prostředí, aniž bychom riskovali chyby nebo výpadky na veřejně dostupném webu.

Výhodou je, že můžeme pracovat i bez připojení k internetu – kdykoli a odkudkoli. Lokální servery bývají navíc rychlejší než běžný webhosting, což zrychluje vývoj i testování. Zároveň si bez obav vyzkoušíme nové šablony, pluginy nebo jiné úpravy, aniž bychom ohrozili provoz skutečných stránek.

Existuje několik nástrojů pro lokální vývoj, z nichž každý má své výhody a je vhodný pro různé úrovně uživatelů:

• LocalWP – jednoduchý a uživatelsky přívětivý nástroj vhodný především pro začátečníky. Nabízí snadnou instalaci WordPressu, správu více projektů a intuitivní prostředí bez složité konfigurace.
• XAMPP – komplexní nástroj, který simuluje klasické webhostingové prostředí (Apache, MySQL, PHP). Je vhodnější pro pokročilejší uživatele, kteří mají zkušenosti s konfigurací webového serveru.
• Docker – pokročilé řešení, které je ideální pro vývojáře a uživatele požadující plnou kontrolu nad konfigurací a prostředím svého projektu. Umožňuje snadnou replikaci prostředí mezi vývojáři a servery.

Pro účely tohoto kurzu budeme používat aplikaci LocalWP, protože je nejjednodušší na používání a nevyžaduje žádné pokročilé technické znalosti, navíc je zdarma ke stažení.

Stažení LocalWP

Nejprve si aplikaci musíme stáhnout. Přejdeme na oficiální stránky LocalWP.com a v pravém horním rohu klikneme na DOWNLOAD:

Zobrazí se nám okno, ve kterém zvolíme operační systém na který chceme LocalWP nainstalovat, dále naše jméno a příjmení. Do dalšího pole uvedeme, jakým způsobem budeme LocalWP používat. Není to žádný závazek, jde čistě o marketingový a analytický údaj. My si zde zaklikneme možnost Independent Freelancer/Con­sultant. Do posledního pole vložíme náš e-mail. Když máme vyplněno, stiskneme tlačítko GET IT NOW! a soubor se začne stahovat:

Instalace LocalWP

Po stažení soubor otevřeme a projdeme všechny kroky instalace:

Jakmile průvodce instalací doběhne, zaškrtneme políčko Spustit program Local a klikneme na tlačítko Dokončit:

Máme hotovo! Program LocalWP se nyní spustí a a zobrazí se jeho úvodní obrazovka:

Nyní máme k dispozici jednoduché uživatelské rozhraní, ve kterém můžeme vytvořit náš první web.

V další lekci, Instalace WordPressu v prostředí LocalWP, vytvoříme v LocalWP nový WordPress projekt a nastavíme vše potřebné pro jeho spuštění na našem počítači.