1. diel - Úvod do WordPressu a príprava vývojového prostredia
Vitajte v prvej lekcii kurzu Základy WordPressu. Spoločne si ukážeme, ako vytvoriť vlastný web pomocou populárneho redakčného systému WordPress. Naučíme sa pracovať so šablónami a pluginmi a predstavíme si blokový editor Gutenberg. Preberieme základy zabezpečenia a optimalizácie webu a vytvoríme si svoju úplne prvú webovú stránku, ktorá bude vyzerať takto:
V dnešnom tutoriáli si predstavíme WordPress a pripravíme si lokálne prostredie, v ktorom budeme vytvárať svoj prvý web.
Minimálne požiadavky kurzu
Na tento kurz nepotrebujete žiadne špeciálne znalosti, stačí bežná
práca s počítačom 
WordPress
WordPress je najrozšírenejší redakčný systém (CMS – Content Management System) na svete. Ide o open-source platformu, čo znamená, že ju môžeme zadarmo používať, upravovať a ďalej rozširovať. WordPress poháňa viac ako 40 % všetkých webových stránok na internete. Jeho hlavnými výhodami sú používateľská prívetivosť, široká komunita vývojárov, tisíce dostupných šablón a pluginov a neustály vývoj.
WordPress využíva:
- databázu MySQL,
- programovací jazyk PHP,
- HTML a CSS,
- JavaScript.
Umožňuje nám jednoducho spravovať obsah webu priamo v používateľsky prívetivej administrácii bez nutnosti znalosti programovania.
Komponenty na spustenie webu vo WordPresse
Na spustenie webu budeme potrebovať predovšetkým nasledujúce základné komponenty:
- Doménu – adresu, na ktorej nás ľudia nájdu (napr.
www.mojweb.sk). - Hosting – službu, vďaka ktorej je náš web uložený na serveri a dostupný online. Prenajíma sa od špecializovanej firmy.
- Obsah webu – samotný systém WordPress, texty, obrázky, videá, prípadne ďalšie multimédiá, ktoré budeme chcieť publikovať.
- Prípadne lokálne vývojové prostredie – ak si zatiaľ nechceme platiť doménu a hosting alebo chceme zverejniť až hotový web.
Tieto prvky predstavujú základnú výbavu, s ktorou môžeme začať budovať a spravovať svoj vlastný web vo WordPresse. Aj keď to môže na prvý pohľad znieť zložito, nie je sa čoho báť. Všetko si spoločne vysvetlíme a opíšeme v ďalších lekciách postupne krok za krokom.
Na testovanie a vývoj odporúčame začať v lokálnom vývojovom prostredí, teda na svojom počítači. Takto vytvorený web môžeme kedykoľvek neskôr presunúť na vlastnú doménu a hosting.
V našom kurze budeme pracovať práve s touto možnosťou – zatiaľ teda nebudeme potrebovať žiadne platené služby. Keď budeme pripravení, na konci kurzu si ukážeme, ako web jednoducho zverejniť na internete.
Obsah webu
Aby mohol web správne fungovať, potrebujeme doň pridať obsah – teda všetky prvky, ktoré budú tvoriť jeho podobu a náplň. Či už budujeme blog, firemnú stránku alebo e-shop vo WordPresse, základ je veľmi podobný:
Web sa skladá z týchto základných častí:
- Systém WordPress – základný redakčný systém, ktorý tvorí technické jadro nášho webu. Vďaka nemu môžeme stránky vytvárať, upravovať a spravovať bez nutnosti programovania.
- Mediálny obsah – vizuálne a textové prvky, ktoré na web vkladáme – fotografie, ilustračná grafika, videá, súbory na stiahnutie atď. Práve tieto prvky vytvárajú hodnotu pre návštevníkov.
- Databáza – miesto, kde WordPress ukladá všetky dôležité informácie: texty článkov, nastavenia webu, údaje o používateľoch, komentáre a ďalší obsah, s ktorým web pracuje.
Lokálna inštalácia WordPressu
Vďaka lokálnemu vývojovému prostrediu môžeme svoje webové stránky pripravovať, testovať a upravovať v bezpečnom prostredí bez toho, aby sme riskovali chyby alebo výpadky na verejne dostupnom webe.
Výhodou je, že môžeme pracovať aj bez pripojenia na internet – kedykoľvek a odkiaľkoľvek. Lokálne servery bývajú navyše rýchlejšie než bežný webhosting, čo zrýchľuje vývoj aj testovanie. Zároveň si môžeme bez obáv vyskúšať nové šablóny, pluginy alebo iné úpravy bez toho, aby sme ohrozili prevádzku skutočných stránok.
Existuje niekoľko nástrojov na lokálny vývoj, z ktorých každý má svoje výhody a je vhodný pre rôzne úrovne používateľov:
- LocalWP – jednoduchý a používateľsky prívetivý nástroj vhodný predovšetkým pre začiatočníkov. Ponúka jednoduchú inštaláciu WordPressu, správu viacerých projektov a intuitívne prostredie bez zložitej konfigurácie.
- XAMPP – komplexný nástroj, ktorý simuluje klasické webhostingové prostredie (Apache, MySQL, PHP). Je vhodnejší pre pokročilejších používateľov, ktorí majú skúsenosti s konfiguráciou webového servera.
- Docker – pokročilé riešenie, ktoré je ideálne pre vývojárov a používateľov požadujúcich plnú kontrolu nad konfiguráciou a prostredím svojho projektu. Umožňuje jednoducho replikovať prostredie medzi vývojármi a servermi.
Na účely tohto kurzu budeme používať aplikáciu LocalWP, pretože sa jednoducho používa, nevyžaduje žiadne pokročilé technické znalosti a navyše je k dispozícii zadarmo.
Stiahnutie LocalWP
Najprv si aplikáciu musíme stiahnuť. Prejdeme na oficiálnu stránku LocalWP.com a v pravom hornom rohu klikneme na tlačidlo DOWNLOAD:
Zobrazí sa okno, v ktorom zvolíme operačný systém, na ktorý chceme LocalWP nainštalovať, a potom uvedieme svoje meno a priezvisko. V ďalšom poli vyberieme, akým spôsobom budeme LocalWP používať. Nejde o žiadny záväzok, ale iba o marketingový a analytický údaj. Zaškrtneme možnosť Independent Freelancer/Consultant. Do posledného poľa vložíme svoj e-mail. Po vyplnení údajov stlačíme tlačidlo GET IT NOW! a súbor sa začne sťahovať:
Inštalácia LocalWP
Po stiahnutí súbor otvoríme a prejdeme všetkými krokmi inštalácie:
Po dokončení sprievodcu inštaláciou zaškrtneme políčko Spustiť program Local a klikneme na tlačidlo Dokončiť:
Máme hotovo! Program LocalWP sa teraz spustí a zobrazí sa jeho úvodná obrazovka:
Teraz máme k dispozícii jednoduché používateľské rozhranie, v ktorom môžeme vytvoriť svoj prvý web.
V ďalšej lekcii, Inštalácia WordPressu v prostredí LocalWP, vytvoríme v LocalWP nový WordPress projekt a nastavíme všetko potrebné na jeho spustenie na našom počítači.
