Lekce 3 - Rozhraní LocalWP a základní nastavení WordPressu Nové

V předchozí lekci, Instalace WordPressu v prostředí LocalWP, jsme si ukázali, jak v aplikaci LocalWP vytvořit nový WordPress projekt a nastavit potřebné parametry pro jeho spuštění.

V tomto tutoriálu základů WordPressu se společně seznámíme s uživatelským rozhraním aplikace LocalWP, která nám umožňuje pohodlně spouštět WordPress na našem počítači. Vyzkoušíme si první přihlášení do administrace WordPressu a projdeme si i základní nastavení, která je dobré znát ještě předtím, než začneme tvořit samotný obsah webu.

Uživatelské rozhraní LocalWP

Po spuštění aplikace LocalWP se nám zobrazí přehled naší nové stránky:

Podíváme se na to, jak se v aplikaci LocalWP a v přehledu stránky orientovat.

Hlavní navigační panel (zelený)

Hlavní navigační panel, odkud můžeme přepínat mezi různými částmi aplikace:

Uživatelský profil

Informace o našem účtu v LocalWP. Pokud budeme přihlášení, zobrazí se zde např. propojení s účtem Flywheel či WP Engine. Také zde najdeme nastavení aplikace LocalWP.

Weby

Přehled všech našich vytvořených WordPress webů. Na této obrazovce budeme mít nyní pouze naši vytvořenou stránku mujprvniweb. Jakmile si vytvoříme další stránky, zde je budeme moci spravovat. Můžeme mezi nimi přepínat, spouštět je, zastavovat a upravovat jejich nastavení.

Cloud

Zde máme možnost propojení s hostingovými službami jako WP Engine nebo Flywheel pro nahrávání webů na vzdálený server či jejich stahování.

Blueprinty

Blueprinty nám umožňují vytvořit si předlohu WordPress webu pro opakované použití. Může obsahovat aktivní šablonu (tedy vzhled webu), nainstalované pluginy, nastavení WordPressu i základní obsah. Při tvorbě nových webů nám tak ušetří čas a opakovanou práci.

Add-ons

Add-ons (rozšíření) jsou malé nástroje, které rozšiřují možnosti LocalWP. Pomáhají nám s vývojem nebo automatizací některých úkonů. Můžeme si je zde přímo nainstalovat – podobně jako pluginy ve WordPressu.

Nápověda

Odkazy na dokumentaci, podporu a informace o verzi. Pokud narazíme na problém, najdeme zde rychlou cestu na oficiální web nebo uživatelské fórum.

Local sites

Seznam všech našich WordPress stránek vytvořených v LocalWP. Zelený puntík u mujprvniweb znamená, že tento web právě běží:

Hlavní panel

Zobrazuje detaily a nastavení vybraného webu:

Overview – základní informace

V této záložce najdeme základní informace o našem webu:

Z jednotlivých položek se dozvíme:

• Site domain – Adresa, na které běží náš web lokálně: mujprvniweb.local.
• SSL – Uvádí šifrování komunikace. Kliknutím na Trust (Důvěřovat) LocalWP přidá SSL certifikát do systému.
• Web server – Zobrazuje použitý webový server: buď nginx, nebo Apache. Můžeme přepnout podle potřeby.
• PHP version – Ukazuje aktuálně použité PHP (8.2.23). Kliknutím na Details zjistíme podrobnější informace.
• Database – Verze databáze (MySQL 8.0.35).
• One-click admin – Když je aktivní, umožňuje nám přihlášení do WP Admin bez zadávání hesla.
• WordPress version – Verze WordPressu (v tomto případě 6.7.2).
• Multisite – Uvádí, zda je aktivní multisite režim.
• Xdebug – Nástroj, kterým můžeme ladit PHP kód. V našem případě je Xdebug vypnutý (Off). Pokud bychom psali pluginy nebo ladili kód, můžeme zde nástroj zapnout.

Ovládací tlačítka

Vpravo nahoře nalezneme několik ovládacích tlačítek:

Jednotlivá tlačítka nám umožní:

• WP Admin – otevřít administraci WordPressu,
• Open site – otevřít web v prohlížeči, tak jak jej uvidí návštěvník,
• Stop site – zastavit spuštěný web.

Status bar

Ve spodní části aplikace se nachází status bar:

Pomocí něj můžeme spustit další funkce:

• 1 site running – Ukazuje počet aktuálně spuštěných webů v LocalWP.
• Stop all – Zastaví všechny běžící projekty najednou.
• Live Link (Enable) – Pokud tuto funkci zapneme, zpřístupníme tím náš lokální web dočasně přes internet (např. pro klienta). Vytvoří se nám dočasný odkaz, který můžeme komukoli sdílet. Musíme být do LocalWP přihlášení.
• Pull/Push – Slouží k propojení s hostingem WP Engine nebo Flywheel.

První přihlášení do administrace

V přehledu naší stránky klikneme na tlačítko WP Admin a zkusíme se poprvé přihlásit do administrace WordPressu:

Otevře se nám prohlížeč s oknem přihlášení do WordPressu:

Vyplníme přihlašovací údaje, které jsme si určili při vytváření webu v LocalWP. Pokud chceme, aby si prohlížeč naše přihlášení pamatoval, zaškrtneme políčko Pamatovat si mě a klikneme na Přihlásit se:

Gratulujeme, právě jste se poprvé přihlásili do administrace vašeho prvního WordPress webu

Nástěnka

Po přihlášení do WordPressu se dostaneme na tzv. Nástěnku (Dashboard). Jde o centrální přehled a výchozí obrazovku administrace:

Společně si nástěnku trochu upravíme.

Vítejte ve WordPressu

Tato sekce pomáhá nováčkům rychle vytvořit stránku, přejít do editoru, změnit šablonu apod. rovnou z nástěnky. Tuto sekci nepotřebujeme – jednotlivým částem se budeme věnovat v následujících lekcích. Kliknutím na křížek ji tedy můžeme zavřít:

Stav webu

Zobrazuje informace o technickém stavu webu – chybějící aktualizace, zbytečné pluginy apod. Pokud svítí oranžový puntík s nápisem "Měl by být zlepšen", kliknutím na nápis Stav webu se dozvíme podrobnější informace:

V dalších kapitolách se na tento nástroj podíváme podrobněji.

Rychlý koncept

Rychlý koncept nám slouží jako poznámkový blok, kde si můžeme napsat třeba nápad na článek, aniž ho rovnou publikujeme:

Aktuální přehled

Zde vidíme zobrazený počet našich příspěvků, stránek, komentářů a také aktuálně používanou šablonu:

Aktivity

Slouží jako rychlý přehled posledního dění na webu:

Zobrazuje nedávno publikované příspěvky, naplánované příspěvky, nejnovější komentáře, včetně možnosti je rychle schválit, odmítnout nebo na ně odpovědět, a změny na stránkách. Zatím je web prázdný, takže toho zde moc neuvidíme.

WordPress akce a novinky

Poslední widget nám zobrazuje novinky ze světa WordPressu – oficiální blog a vývojářské události:

Uspořádání widgetů

Jakýkoli z těchto widgetů na nástěnce můžeme přesunout a uspořádat si tak nástěnku podle sebe. Stačí najet myší na horní lištu widgetu a ve chvíli, kdy se nám ikonka myši změní na ikonku šipek, widget uchopit a přetáhnout na libovolné místo na naší nástěnce:

Dále zde můžeme jednotlivé widgety skrýt, nebo naopak zobrazit kliknutím na položku Nastavení zobrazených informací:

My si zde necháme pouze položky Stav webu, Aktuální přehled a Aktivity. Ostatní položky odškrtneme:

Nakonec si ještě můžeme nástěnku uspořádat přetažením jednotlivých položek vedle sebe:

A máme hotovo.

V další lekci, Administrační rozhraní a příprava webu ve WordPressu, si projdeme administrační rozhraní WordPressu, naučíme se v něm orientovat, odstraníme výchozí obsah webu a vytvoříme základ pro domovskou stránku.