SlideShare uma empresa Scribd logo
1 de 13
| Webdesign & online marketing www.aw-dev.cz
VytvořeníVytvoření
mikrostránky namikrostránky na
WordPressWordPress
Martin Henych
Linkbuilder ve spočenosti AW-dev
| Webdesign & online marketing www.aw-dev.cz
ÚvodemÚvodem
Tato prezentace je určena pokročilým uživatelům internetu,
kteří si by si rádi vytvořili webovou stránku na opensource CMS
WordPress.
Než začnete, je dobré seznámit se s tím co WordPress je, to
můžete na adrese http://cs.wikipedia.org/wiki/WordPress a
http://wordpress.org/ nebo o něco méně informací v češtině
http://cs.wordpress.org/.
Dále je nezbytné ujasnit si proč webovou stránku děláte. Co
budete prezentovat jakým způsobem budete komunikovat
apod.
| Webdesign & online marketing www.aw-dev.cz
PostupPostup
1. Vytvoření hostingu a databáze
2. Stažení a upload instalace WordPress
3. Nastavení wp-config.php
4. Instalace WordPress
5. Výběr šablony
6. Instalace pluginů
7. Vytvoření obsahu
8. Podnět k indexaci
| Webdesign & online marketing www.aw-dev.cz
• založit webhosting a vytvořit databázi
• v závislosti na poskytovateli hostingových služeb
• Potřebujete získat
o FTP přístup (jméno a heslo)
o Databáze (název databáze, jméno, heslo, pokud databáze běží jinde než na localhost,
budete potřebovat adresu databázového serveru)
• Mezi známé poskytovatele hostingu patří například:
1. Vytvoření hostingu a databáze1. Vytvoření hostingu a databáze
| Webdesign & online marketing www.aw-dev.cz
• Stáhněte aktuální instalaci WordPress http
://cs.wordpress.org/
• Soubor rozbalte na disku
• Připojte se k FTP serveru pomocí
FTP klienta například FileZilla
https://filezilla-project.org/
• Na server odešlete všechny
sobory a adresáře tak jak je
vidět na obrázku
2. Stažení a odeslání instalace na server2. Stažení a odeslání instalace na server
| Webdesign & online marketing www.aw-dev.cz
• Pomocí FTP klienta přejmenujte soubor wp-config-
sample.php na wp-config.php
• Upravte soubor na serveru a vyplňte následující:
• DB_NAME
• DB_USER
• DB_PASSWORD
• Případně DB_HOST
• Soubor uložte zpět
na server
3. Nastavení wp-config.php3. Nastavení wp-config.php
| Webdesign & online marketing www.aw-dev.cz
• Zadejte URL adresu nového webu (vase-adresa.tld)
• Přivítá vás instalace WordPressu
• Vyplňte název webu
• Uživatelské jméno změňte nikdy
nenechávejte admin
• Zvolte silné heslo
• Zadejte váš email
• Povolte vyhledavačům web index-
ovat. Případně zakažte dle potřeby.
Později lze povolit až bude připraven.
4. Instalace WordPress4. Instalace WordPress
| Webdesign & online marketing www.aw-dev.cz
• Přihlaste se do administrace (vase-adresa.tld/wp-admin)
o Zadejte jméno a heslo zvolené při instalaci
• Vlevo klikněte na „vzhled“ a vyberte „šablony“
• Přepněte záložku nahoře na „instalace šablon“
• Hledejte a vyberte vhodnou šablonu.
• Můžete také zakoupit šablony kvalitní šablonu. Na internetu
je jich mnoho v ceně od pár dolarů.
o http://themeforest.net/
o http://www.templatemonster.com/
o http://www.themes4all.com/
o A dlaší.
o Vyberte šablonu kompatibilní s vaší verzí WordPress a nainstalujte přes nahrát sobor
5. Výběr šablony5. Výběr šablony
| Webdesign & online marketing www.aw-dev.cz
• U náhledu šablon lze kliknout na náhled a prohlédnout si jak
bude web vypadat.
• Až vyberete vhodnou šablonu, klikněte „instalovat“.
• Po instalaci je třeba kliknou na „Aktivovat“.
• Většina šablon má řadu nastavení, které naleznete pod
„vzhled“ a poté „Theme Option“.
• Pokud budete mít štěstí, budete moci změnit font, aby
podporoval českou diakritiku. V opačném případě je třeba
upravit šablonu.
5. Výběr šablony5. Výběr šablony
| Webdesign & online marketing www.aw-dev.cz
• Je dobré do WordPressu doplnit některé základní pluginy,
bez kterých se neobejdete
• Jako základní používám
o Google Tag Manager and Webmaster Tools (možnost implementace Google Analytics )
o Google XML Sitemaps (vygeneruje sitemap.xml)
o Google Plus Authorship (umožní vytvoření a konfiguraci autorského profilu)
o SEO Ultimate (řada možností pro optimalizaci webových stránek)
• Pluginy se instalují obdobně jako šablony
o Klikněte na „Pluginy“, nahoře pak na instalace pluginů.
o Vyhledejte požadované, klikněte na „instalovat“ a poté „aktivovat“
• Není dobré instalovat pluginy, které neznáte, nebo
nepotřebujete. Každý plugin je bezpečnostní riziko.
6. Instalace pluginů6. Instalace pluginů
| Webdesign & online marketing www.aw-dev.cz
• Základem k vytvoření úspěšné webové stránky je obsah.
• Obsah webové stránky by měl být originální a hodnotný.
• Můžete vytvářet jak stránky tak příspěvky.
• Šablony doplňují funkcionalitu a tak je možné, že ve vašem
případě se bude jednat o další kategorie, které bude třeba
naplnit, to obvykle naleznete v dokumentaci šablony.
• V ideálním případě byste měli mít vytvořenou obsahovou
strategii a publikovat na jejím základě.
• Tento bod je NEJDŮLEŽITĚJŠÍ.
7. Vytvoření obsahu7. Vytvoření obsahu
| Webdesign & online marketing www.aw-dev.cz
• Posledním krokem je dát vědět vyhledavačům, že stránka
existuje.
• Toto můžete udělat skrze následující stránky
o Seznam.cz (http://search.seznam.cz/pridej-stranku)
o Google (https://www.google.com/webmasters/tools/submit-url)
o Bing (http://www.bing.com/toolbox/submit-site-url)
• Více informací o indexaci ve vyhledávačích naleznete na
http://blog.aw-dev.cz/registrace-ve-vyhledavacich/
8. Podnět k indexaci8. Podnět k indexaci
| Webdesign & online marketing www.aw-dev.cz
• Gratulujeme, pokud se vám vše podařilo, máte
nainstalovaný WordPress a funkční webovou stránku.
• Práce na webové stránce zde nekončí, ale teprve začíná.
Webové stránce je třeba věnovat čas, měřit výkonnost,
publikovat, optimalizovat, starat se o odkazový profil.
• Pokud chcete, aby stránka měla smysl pracujte na ní.
Konec a práce začínáKonec a práce začíná

Mais conteúdo relacionado

Mais de Desingdev

Efektivní vývoj produktů a prioritizace backlogu
Efektivní vývoj produktů a prioritizace backloguEfektivní vývoj produktů a prioritizace backlogu
Efektivní vývoj produktů a prioritizace backloguDesingdev
 
Jak se nezbláznit z Discovery Backlogu (Opportunity Solution Tree).pdf
Jak se nezbláznit z Discovery Backlogu (Opportunity Solution Tree).pdfJak se nezbláznit z Discovery Backlogu (Opportunity Solution Tree).pdf
Jak se nezbláznit z Discovery Backlogu (Opportunity Solution Tree).pdfDesingdev
 
Jak na ux pro cookies lištu 2022
Jak na ux pro cookies lištu 2022Jak na ux pro cookies lištu 2022
Jak na ux pro cookies lištu 2022Desingdev
 
UX monday - uživatelské testování
UX monday - uživatelské testováníUX monday - uživatelské testování
UX monday - uživatelské testováníDesingdev
 
Rozumí zákazníci vašemu webu
Rozumí zákazníci vašemu webuRozumí zákazníci vašemu webu
Rozumí zákazníci vašemu webuDesingdev
 
Hledání příčin pomalého webu a jak to řešit
Hledání příčin pomalého webu a jak to řešitHledání příčin pomalého webu a jak to řešit
Hledání příčin pomalého webu a jak to řešitDesingdev
 
User experience v praxi
User experience v praxiUser experience v praxi
User experience v praxiDesingdev
 
AMP (Accelerated Mobile Pages) - SEO restart 2016
AMP (Accelerated Mobile Pages) - SEO restart 2016AMP (Accelerated Mobile Pages) - SEO restart 2016
AMP (Accelerated Mobile Pages) - SEO restart 2016Desingdev
 
Michal Voják o Cookies - AW-dev
Michal Voják o Cookies - AW-devMichal Voják o Cookies - AW-dev
Michal Voják o Cookies - AW-devDesingdev
 

Mais de Desingdev (9)

Efektivní vývoj produktů a prioritizace backlogu
Efektivní vývoj produktů a prioritizace backloguEfektivní vývoj produktů a prioritizace backlogu
Efektivní vývoj produktů a prioritizace backlogu
 
Jak se nezbláznit z Discovery Backlogu (Opportunity Solution Tree).pdf
Jak se nezbláznit z Discovery Backlogu (Opportunity Solution Tree).pdfJak se nezbláznit z Discovery Backlogu (Opportunity Solution Tree).pdf
Jak se nezbláznit z Discovery Backlogu (Opportunity Solution Tree).pdf
 
Jak na ux pro cookies lištu 2022
Jak na ux pro cookies lištu 2022Jak na ux pro cookies lištu 2022
Jak na ux pro cookies lištu 2022
 
UX monday - uživatelské testování
UX monday - uživatelské testováníUX monday - uživatelské testování
UX monday - uživatelské testování
 
Rozumí zákazníci vašemu webu
Rozumí zákazníci vašemu webuRozumí zákazníci vašemu webu
Rozumí zákazníci vašemu webu
 
Hledání příčin pomalého webu a jak to řešit
Hledání příčin pomalého webu a jak to řešitHledání příčin pomalého webu a jak to řešit
Hledání příčin pomalého webu a jak to řešit
 
User experience v praxi
User experience v praxiUser experience v praxi
User experience v praxi
 
AMP (Accelerated Mobile Pages) - SEO restart 2016
AMP (Accelerated Mobile Pages) - SEO restart 2016AMP (Accelerated Mobile Pages) - SEO restart 2016
AMP (Accelerated Mobile Pages) - SEO restart 2016
 
Michal Voják o Cookies - AW-dev
Michal Voják o Cookies - AW-devMichal Voják o Cookies - AW-dev
Michal Voják o Cookies - AW-dev
 

Instalace WordPress - mikrostránka

  • 1. | Webdesign & online marketing www.aw-dev.cz VytvořeníVytvoření mikrostránky namikrostránky na WordPressWordPress Martin Henych Linkbuilder ve spočenosti AW-dev
  • 2. | Webdesign & online marketing www.aw-dev.cz ÚvodemÚvodem Tato prezentace je určena pokročilým uživatelům internetu, kteří si by si rádi vytvořili webovou stránku na opensource CMS WordPress. Než začnete, je dobré seznámit se s tím co WordPress je, to můžete na adrese http://cs.wikipedia.org/wiki/WordPress a http://wordpress.org/ nebo o něco méně informací v češtině http://cs.wordpress.org/. Dále je nezbytné ujasnit si proč webovou stránku děláte. Co budete prezentovat jakým způsobem budete komunikovat apod.
  • 3. | Webdesign & online marketing www.aw-dev.cz PostupPostup 1. Vytvoření hostingu a databáze 2. Stažení a upload instalace WordPress 3. Nastavení wp-config.php 4. Instalace WordPress 5. Výběr šablony 6. Instalace pluginů 7. Vytvoření obsahu 8. Podnět k indexaci
  • 4. | Webdesign & online marketing www.aw-dev.cz • založit webhosting a vytvořit databázi • v závislosti na poskytovateli hostingových služeb • Potřebujete získat o FTP přístup (jméno a heslo) o Databáze (název databáze, jméno, heslo, pokud databáze běží jinde než na localhost, budete potřebovat adresu databázového serveru) • Mezi známé poskytovatele hostingu patří například: 1. Vytvoření hostingu a databáze1. Vytvoření hostingu a databáze
  • 5. | Webdesign & online marketing www.aw-dev.cz • Stáhněte aktuální instalaci WordPress http ://cs.wordpress.org/ • Soubor rozbalte na disku • Připojte se k FTP serveru pomocí FTP klienta například FileZilla https://filezilla-project.org/ • Na server odešlete všechny sobory a adresáře tak jak je vidět na obrázku 2. Stažení a odeslání instalace na server2. Stažení a odeslání instalace na server
  • 6. | Webdesign & online marketing www.aw-dev.cz • Pomocí FTP klienta přejmenujte soubor wp-config- sample.php na wp-config.php • Upravte soubor na serveru a vyplňte následující: • DB_NAME • DB_USER • DB_PASSWORD • Případně DB_HOST • Soubor uložte zpět na server 3. Nastavení wp-config.php3. Nastavení wp-config.php
  • 7. | Webdesign & online marketing www.aw-dev.cz • Zadejte URL adresu nového webu (vase-adresa.tld) • Přivítá vás instalace WordPressu • Vyplňte název webu • Uživatelské jméno změňte nikdy nenechávejte admin • Zvolte silné heslo • Zadejte váš email • Povolte vyhledavačům web index- ovat. Případně zakažte dle potřeby. Později lze povolit až bude připraven. 4. Instalace WordPress4. Instalace WordPress
  • 8. | Webdesign & online marketing www.aw-dev.cz • Přihlaste se do administrace (vase-adresa.tld/wp-admin) o Zadejte jméno a heslo zvolené při instalaci • Vlevo klikněte na „vzhled“ a vyberte „šablony“ • Přepněte záložku nahoře na „instalace šablon“ • Hledejte a vyberte vhodnou šablonu. • Můžete také zakoupit šablony kvalitní šablonu. Na internetu je jich mnoho v ceně od pár dolarů. o http://themeforest.net/ o http://www.templatemonster.com/ o http://www.themes4all.com/ o A dlaší. o Vyberte šablonu kompatibilní s vaší verzí WordPress a nainstalujte přes nahrát sobor 5. Výběr šablony5. Výběr šablony
  • 9. | Webdesign & online marketing www.aw-dev.cz • U náhledu šablon lze kliknout na náhled a prohlédnout si jak bude web vypadat. • Až vyberete vhodnou šablonu, klikněte „instalovat“. • Po instalaci je třeba kliknou na „Aktivovat“. • Většina šablon má řadu nastavení, které naleznete pod „vzhled“ a poté „Theme Option“. • Pokud budete mít štěstí, budete moci změnit font, aby podporoval českou diakritiku. V opačném případě je třeba upravit šablonu. 5. Výběr šablony5. Výběr šablony
  • 10. | Webdesign & online marketing www.aw-dev.cz • Je dobré do WordPressu doplnit některé základní pluginy, bez kterých se neobejdete • Jako základní používám o Google Tag Manager and Webmaster Tools (možnost implementace Google Analytics ) o Google XML Sitemaps (vygeneruje sitemap.xml) o Google Plus Authorship (umožní vytvoření a konfiguraci autorského profilu) o SEO Ultimate (řada možností pro optimalizaci webových stránek) • Pluginy se instalují obdobně jako šablony o Klikněte na „Pluginy“, nahoře pak na instalace pluginů. o Vyhledejte požadované, klikněte na „instalovat“ a poté „aktivovat“ • Není dobré instalovat pluginy, které neznáte, nebo nepotřebujete. Každý plugin je bezpečnostní riziko. 6. Instalace pluginů6. Instalace pluginů
  • 11. | Webdesign & online marketing www.aw-dev.cz • Základem k vytvoření úspěšné webové stránky je obsah. • Obsah webové stránky by měl být originální a hodnotný. • Můžete vytvářet jak stránky tak příspěvky. • Šablony doplňují funkcionalitu a tak je možné, že ve vašem případě se bude jednat o další kategorie, které bude třeba naplnit, to obvykle naleznete v dokumentaci šablony. • V ideálním případě byste měli mít vytvořenou obsahovou strategii a publikovat na jejím základě. • Tento bod je NEJDŮLEŽITĚJŠÍ. 7. Vytvoření obsahu7. Vytvoření obsahu
  • 12. | Webdesign & online marketing www.aw-dev.cz • Posledním krokem je dát vědět vyhledavačům, že stránka existuje. • Toto můžete udělat skrze následující stránky o Seznam.cz (http://search.seznam.cz/pridej-stranku) o Google (https://www.google.com/webmasters/tools/submit-url) o Bing (http://www.bing.com/toolbox/submit-site-url) • Více informací o indexaci ve vyhledávačích naleznete na http://blog.aw-dev.cz/registrace-ve-vyhledavacich/ 8. Podnět k indexaci8. Podnět k indexaci
  • 13. | Webdesign & online marketing www.aw-dev.cz • Gratulujeme, pokud se vám vše podařilo, máte nainstalovaný WordPress a funkční webovou stránku. • Práce na webové stránce zde nekončí, ale teprve začíná. Webové stránce je třeba věnovat čas, měřit výkonnost, publikovat, optimalizovat, starat se o odkazový profil. • Pokud chcete, aby stránka měla smysl pracujte na ní. Konec a práce začínáKonec a práce začíná