Fitness centrum Trutnov Trifit Gym and Club

WordPress návod pro úplné začátečníky

WordPress je jedním z nejznámějších redakčních systémů pro tvorbu webových stránek. Často se používá, jelikož je zcela zdarma a nevyžaduje žádné programovací dovednosti.

Především díky svým pluginům je schopen nabídnout ohromné množství možností a úprav dle našeho přání. Mezi jeho konkurenty patří například Joomla nebo Drupal. WordPress si i přes to drží významnou pozici v online světě, jelikož se používá na více než 30% všech existujících webech po celém světě.

V tomto návodu si WordPress trochu přiblížíme, a zaměříme se na úplné základy pro nováčky, kteří s tímto systémem nemají žádné zkušenosti.

 

Začínáme s WordPressem

Než budete pokračovat v článku je důležité si zkontrolovat, jestli máte WordPress správně nainstalovaný a propojený s databází. Dalšími požadavky jsou zaplacená doména a webhosting

Pokud ještě některou z těchto věcí nemáte, podívejte se na to jak správně nainstalovat WordPress na Váš web.

Základní nastavení WordPressu

Pokud jsme úspěšně nainstalovali WordPress, můžeme si všimnout, že náš web je defaultně nezabezpečený. To se dá zjistit nápisem vlevo nahoře(viz. obrázek)

wordpress http vs https

Pokud je náš web nezabezpečený, nezíská si z pohledu uživatelů zrovna největší důvěru. Navíc patří zabezpečení webu mezi jeden z hlavních parametrů z hlediska webového SEO hodnocení webu, neboli optimalizace pro vyhledávače, které ovlivňuje v jakém pořadí se weby na internetu zobrazují.

Než začneme na webu cokoliv nastavovat, nebo vytvářet obsah, tak je důležité si HTTPS zabezpečení nastavit ihned po instalaci WordPressu. Některé hostingové služby dokonce poskytují zabezpečovací certifikáty zcela zdarma, jinak se jejich cena odhaduje v řádech pár desítek korun.  

Nastavení šablony

V prvním kroku nainstalujeme šablonu, která se nejvíce hodí pro naše záměry s webem. Šablona se dá nainstalovat v nastavení, které můžeme vidět na obrázku níže.

WordPress návod pro úplné začátečníky

WordPress nabízí celou škálu volně dostupných šablon které jsou zcela zdarma. V článku si představíme TOP 3 WordPress šablony pro začátečníky, které jsou zcela zdarma. Všechny šablony z našeho listu nabízí responzivní design a nejvíce možností editace.

TOP 3 – Suki od autora sukiwp

Výhody:

    • Až 1000 různých nastavení designu
    • Možnost integrace WooCommerce
    • Přístup zdarma již k nadesignovaným návrhům šablony
    • Šablona je z velké části optimalizovaná a nezpomaluje tím web
    • Header builder

Nevýhody:

    • Pokročilé moduly jsou uzamčené a platí se za ně
    • Transparentní header pouze v PRO verzi

TOP 2 – Neve od autora Themeisle

Výhody:

    • Standartní header a footer nastavení
    • Desítky možných designů podporující např. Elementor, Gutenberg a Divi
    • Šablona je velmi odlehčená, což má pozitivní dopad na rychlost webu
    • Nejstabilnější šablona z našeho listu
    • Ideální volba, pokud se zabýváme E-commerce

Nevýhody:

    • Nelze nastavit, aby se na každé individuální stránce zobrazoval jiný header a footer
    • Vlastní rozložení stránky pouze v PRO verzi

TOP 1 – Blocksy od autora creativethemeshq

Výhody:

    • Možnost vlastního headeru a footeru na každé stránce zvlášť
    • Volba transparentního menu
    • Z našeho listu je tato šablona jako nejlepší pro blogové stránky
    • Podpora E-commerce – velké možnosti nastavení

Nevýhody:

    • Méně položek ve footeru a headeru, chybí zde např. hledací box
    • Nelze duplikovat položky
    • Posuvník fotek v galerii pouze v prémiové edici

Co to jsou pluginy a k čemu slouží?

Pluginy patří k jedním z největších benefitů redakčního systému WordPress. Jinými slovy jde o takové rozšíření, kterých je na WordPressu několik desítek tisíc. Jsou zde jak zpoplatněné, tak i nezpoplatněné pluginy, které pouze stačí nainstalovat a aktivovat.

Mezi nevýhody některých pluginů patří a pomalejší načítání webu, čili bychom se měli zamyslet nad tím, zda-li námi vybraný plugin opravdu potřebujeme. Jedná se o nejčastější začátečnickou chybu, kdy se snažíme na náš web nasázet co největší množství pluginů. Většinou to končí  velmi zpomaleným webem.

Osobně bych doporučoval používat maximálně 10 pluginů.

TOP 5 nejlepších WordPress pluginů, které si nenechte ujít

#1 Wordfence Security

Není nic horšího, než se jednoho dne probudit, a zjistit, že jste se stali obětí hacknutí Vašich stránek a celá Vaše práce byla zbytečná. Tomu se dá lehko předejít používáním pluginu s názvem Wordfence Security, který se stará a zabezpečení celého webu. 

  • ZAktivní Firewall
  • ZSkenování webu
  • ZTéměř absolutní ochrana před viry

#2 UpdraftPlus – Backup/Restore

Web již sice máme zabezpečený, ale vždy je lepší mít uloženou jeho zálohu v případě, kdy jsme na stránkách udělali nevratnou chybu. Tento plugin nám zajistí zálohu celého webu včetně jeho databází.

  • ZNastavení toho, co vše chci zálohovat
  • ZNastavení automatických záloh
  • ZJednoduché obnovení webu

#3 WP Fastest Cache

Plugin zajistí zrychlení webu.  Mezi jeho výhody patří systéme cache paměti, dokáže předběžně načítat obsah webu, a může zmenšit velikost CSS souborů.

  • ZMůže zmenšit velikost stránky
  • ZAutomaticky vytvoří cache všech webů
  • ZSníží dobu čekání pro opakované návštěvníky

#4 Rank Math SEO

Pomocí tohoto pluginu dosáhneme větší návštěvnosti našeho webu. Dokážeme pomocí něho nastavovat kklíčová slova pro stránky a příspěvky. Taktéž umí nastavit meta tagy.

  • ZZobrazuje statistiky a indexaci jednotlivých stránek
  • Zzobrazí nejlepší klíčová slova
  • ZPropojí web s Google Search Console

Rozhodně stojí za zkoušku. Je to jeden z nejlepších nástrojů pro stavbu webu a úpravy šablony. Nabízí se zdarma, ale nabízí pouze omezené množství úprav. Pro začátek nabízí i v jeho FREE verzi mnoho funkcí a měl by bohatě stačit.

  • ZUmožní předělávat šablony a měnit design bez znalosti programování
  • ZFunguje jako front-end builder
  • ZNabízí plno funkcí a modulů

Nastavení domovské stránky

Jedná se o stránku, která se objeví po zadání názvu naší domény. Domovskou stránku nastavíme přímo v nastavení WordPressu pod záložkou: Nastavení- -> Zobrazování.

Do pole „Na úvodní stránce zobrazit“ zvolíme statickou stránku a v Úvodní stránce nastavíme tu, kterou považujeme za domovskou.

Nastavení barev webu

Kdysi dávno byly v módě webové stránky přehlcené všemožnými barvami a animacemi, dnes je tomu však jinak. Moderní webdesign by měl obsahovat primárně pouze 2-3 barvy.

Měli bychom se také držet pravidla 60:30:10, což znamená, že 60% obsahu webu bude dominantní barvou(např. pozadí), 30% obsahu bude vedlejší barvou(např. sekce), a zbylých 10% budou drobnosti typu tlačítek atd…

barevná paleta

Nastavení fontu

Nastavit se dá v nastavení WordPressu pod kolonkou:  vzhled/přizpůsobit/hlavní-nastavení/typografie.

Používat bychom měli pouze 2 fonty, které se hodí na náš web podle obsahu, který máme v plánu tvořit. Ve WordPressu máme možnost napřímo importovat Google fonty, kterých je celá hromada.

Než však začneme jakýkoliv font používat, musíme se ujistit, že podporuje český jazyk, a nevznikají tak chyby v textu. Na webu bychom měli používat ideálně 2 fonty, maximálně 3, poté už obsah působí jako špatně uspořádaný.

Nastavení uživatelů

Ve WordPressu se dá u každého uživatele změnit jeho pravomoce. Pokud například zaměstnáváme nějakého redaktora, asi bychom nechtěli, aby měl přístup k celkovému nastavení webu. Níže si uvedeme veškeré volitelné hodnosti:

Administrátor

Práva:

    • Správa pluginů
    • Administrace šablon
    • Správa uživatelských účtů
    • Import a export dat
    • Aktualizace softwaru
    • Konfigurace WordPressu
    • Údržba obsahu (příspěvky, kategorie, štítky, média, stránky, komentáře).

Šéfredaktor

Práva:

    • Spravování komentářů
    • správa štítků, kategorií, či odkazů
    • Absolutní správa stránek a článků

Redaktor

Práva:

    • Publikace vlastních příspěvků
    • Spravování vlastních příspěvků
    • Nahrávání souborů

Spolupracovník

Práva:

    • Tvorba (a odstraňování) vlastních příspěvků a jejich odesílání ke schválení

Návštěvník

Práva:

    • Přístup do administrace, kde je vidět nástěnka a osobní profil, s možností nastavit si vlastní profil.

Elegant Web

Mým cílem je vytvořit půvabný moderní web design za pomoci nejnovějších pluginů a funkcí. K tomu využívám prémiových šablon, které následně upravuji Divi builderem.