1. diel - Úvod do WordPressu a príprava vývojového prostredia Nové
Vitajte v prvej lekcii kurzu Základy WordPressu. Spoločne si ukážeme, ako vytvoriť vlastný web pomocou populárneho publikačného systému WordPress. Naučíme sa pracovať so šablónami a pluginmi a predstavíme si nový blokový editor Gutenberg. Preberieme základy zabezpečenia a optimalizácie webu a vytvoríme si našu ú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ť náš 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 hlavnou výhodou je používateľská prívetivosť, široká komunita vývojárov, tisíce dostupných šablón a pluginov a neustály vývoj.
WordPress kombinuje:
- databázu MySQL,
- programovací jazyk PHP,
- HTML a CSS,,
- JavaScript.
Umožňuje nám jednoduchú správu obsahu webu priamo z používateľsky prívetivej administrácie bez nutnosti znalosti kódovania.
Komponenty na spustenie WordPress webu
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 nechceme platiť doménu a hosting alebo ak chceme publikovať 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 si 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 preniesť online.
Obsah webu
Aby mohol web správne fungovať, potrebujeme doň dodať 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, dáta 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 naše 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 bez obáv vyskúšame 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 jednoduchú replikáciu prostredia medzi vývojármi a servermi.
Na účely tohto kurzu budeme používať aplikáciu LocalWP, pretože je najjednoduchšia na používanie a nevyžaduje žiadne pokročilé technické znalosti, navyše je zadarmo na stiahnutie.
Stiahnutie LocalWP
Najprv si aplikáciu musíme stiahnuť. Prejdeme na oficiálne stránky LocalWP.com a v pravom hornom rohu klikneme na DOWNLOAD:
Zobrazí sa nám okno, v ktorom zvolíme operačný systém, na ktorý chceme LocalWP nainštalovať, ďalej naše meno a priezvisko. Do ďalšieho poľa uvedieme, akým spôsobom budeme LocalWP používať. Nie je to žiadny záväzok, ide čisto o marketingový a analytický údaj. My si tu zaškrtneme možnosť Independent Freelancer/Consultant. Do posledného poľa vložíme náš e-mail. Keď máme vyplnené, 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:
Hneď ako sprievodca inštaláciou dobehne, 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ť náš 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.
