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 pluginy 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ále 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 uží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 užívateľsky prívetivej administrácie bez nutnosti znalosti kódovania.

Komponenty pre spustenie WordPress webu

Pre spustenie webu budeme potrebovať predovšetkým nasledujúce základné komponenty:

• Doménu – adresu, na ktorej nás ľudia nájdu (napr. www.mujweb.cz).
• 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 - pokiaľ 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 popíšeme v ďalších lekciách postupne krok za krokom.

Pre testovanie a vývoj odporúčame začať v lokálnom vývojovom prostredí, teda na svojom počítači. Takto vytvorený web si kedykoľvek neskôr môžeme presunúť na vlastnú doménu a hosting.

V našom kurze budeme pracovať práve s týmto variantom - nebudeme teda zatiaľ potrebovať žiadne platené služby. Až budeme pripravení, na konci kurzu si ukážeme, ako web ľahko 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í:

• WordPress systém - 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, nastavenie 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 k internetu – kedykoľvek a odkiaľkoľvek. Lokálne servery bývajú navyše rýchlejšie ako 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 pre 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 uží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šie pre pokročilejších uží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 uží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 av 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 zaklikneme možnosť Independent Freelancer/Con­sultant. 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šetky kroky inštalácie:

Akonáhle sprievodca inštaláciou dobehne, začiarkneme 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.