načítání...
menu
nákupní košík
Košík

je prázdný
a
b

E-kniha: Vytváříme e-shop ve WordPressu pomocí WooCommerce – Dušan Beleščák

Vytváříme e-shop ve WordPressu pomocí WooCommerce

Elektronická kniha: Vytváříme e-shop ve WordPressu pomocí WooCommerce
Autor: Dušan Beleščák

Publikace představuje plugin WooCommerce pro tvorbu e-shopu, jeho instalaci a popis nastavení, včetně doporučení z praxe. Dále se věnuje výběru webhostingu, vhodné šablony, české ... (celý popis)
Titul je skladem - ke stažení ihned
Médium: e-kniha
Vaše cena s DPH:  189
+
-
6,3
bo za nákup

hodnoceni - 0%hodnoceni - 0%hodnoceni - 0%hodnoceni - 0%hodnoceni - 0%   celkové hodnocení
0 hodnocení + 0 recenzí

Specifikace
Nakladatelství: » Computer press
Dostupné formáty
ke stažení:
PDF
Upozornění: většina e-knih je zabezpečena proti tisku a kopírování
Médium: e-book
Rok vydání: 2014
Počet stran: 238
Rozměr: 23 cm
Úprava: ilustrace
Vydání: 1. vyd.
Skupina třídění: Programování. Software
Jazyk: česky
ADOBE DRM: bez
Nakladatelské údaje: Brno, Computer Press, 2014
ISBN: 978-80-251-4153-3
Ukázka: » zobrazit ukázku
Popis / resumé

Publikace představuje plugin WooCommerce pro tvorbu e-shopu, jeho instalaci a popis nastavení, včetně doporučení z praxe. Dále se věnuje výběru webhostingu, vhodné šablony, české lokalizace, registraci zákazníků, detailnímu nastavení, widgetům apod. Kniha předpokládá pokročilejší znalost redakčního systému WordPress. Text je doprovázen množstvím ilustračních obrázků. Příručka pro vytváření elektronických obchodů v redakčním systému WordPress pomocí pluginu WooCommerce.

Popis nakladatele

Naučte se vytvořit si vlastní e-shop pomocí pluginu WooCommerce pod nejpoužívanějším redakčním systémem na světě, kterým je k dnešnímu dni bezpochyby WordPress.
Publikace je podrobným průvodcem, jak správně nainstalovat, nastavit a provozovat svůj vlastní e-shop. Kniha postupně podrobně analyzuje plugin WooCommerce od jeho instalace, detailního popisu nastavení až po zobrazení e-shopu na webu. Na téměř 300 obrázcích jsou zachycena a popsána všechna možná nastavení e-shopu, různá doporučení, jakož i upozornění a reálná zobrazení různých druhů produktů v praxi.
Podle této knihy postupnými kroky vytvoříte plnohodnotný e-shop ve vašem oblíbeném prostředí WordPressu.
Kromě standardních postupů se autor v knize věnuje například následujícím tématům:
* Výběr vhodného webhostingu pro e-shop
* Výběr vhodné šablony pro plugin WooCommerce
* Překlady pluginů nebo šablon do mateřského jazyka
* Správné nastavení obrázků pro e-shop
* Celková správa e-shopu a její možnosti
* Registrace zákazníků a notifikační e-maily
* Detailní nastavení jednotlivých typů produktů
* Shortcodes
* Widgety
* Doporučené pluginy
* Zobrazení cen na webu a jejich úprava

O autorovi:
Dušan Beleščák se ve
svém grafickém portfoliu mimo jiné věnuje také tvorbě webových stránek v různých sys­témech. Redakčním systémem WordPress se zabývá od roku 2011 a tvorbou e-shopu na základě pluginu WooCommerce od roku 2012.

(pomocí WooCommerce)

Předmětná hesla
Zařazeno v kategoriích
Recenze a komentáře k titulu
Zatím žádné recenze.


Ukázka / obsah
Přepis ukázky

Dušan Beleščák

Vytváříme e-shop ve WordPressu

pomocí WooCommerce

Computer Press

Brno

2014


Vytváříme e-shop ve WordPressu

pomocí WooCommerce

Dušan Beleščák

Obálka: Ing. Dušan Beleščák

Odpovědný redaktor: Libor Pácl

Technický redaktor: Jiří Matoušek

Objednávky knih:

http://knihy.cpress.cz

www.albatrosmedia.cz

eshop@albatrosmedia.cz

bezplatná linka 800 555 513

ISBN 978-80-251-4153-3

Vydalo nakladatelství Computer Press v Brně roku 2014 ve společnosti Albatros Media a.s. se sídlem

Na Pankráci 30, Praha 4, Číslo publikace 18 411.

© Albatros Media a.s. Všechna práva vyhrazena. Žádná část této publikace nesmí být kopírována

a rozmnožována za účelem rozšiřování v jakékoli formě či jakýmkoli způsobem bez písemného sou

hlasu vydavatele.

1. vydání


Stručný obsah

Úvodem 11 1. Systémové požadavky 15 2. Instalace a aktivace pluginu WooCommerce 21 3. Šablony pro plugin WooCommerce 31 4. Plugin Codestyling Localization 45 5. Základní nastavení pluginu WooCommerce 61 6. Správa e-shopu a její možnosti 107 7. Pluginy, které vám usnadní práci 129 8. Vytváříme vlastní e-shop 159 9. Zobrazení e-shopu na webu 207

10. Zobrazení a úprava cen na webu 215

Závěrem 229

Rejstřík 233



Obsah Obsah 5 Úvodem 11

E-shop – jaké jsou možnosti 11

Proč WordPress 12

Proč plugin WooCommerce 12

Z historie pluginu WooCommerce 13

Komu je kniha určena 13

KAPITOLA 1

Systémové požadavky 15

WordPress – minimální požadavky 15

WooCommerce – minimální požadavky 15

Webhosting 15

Proč placený webhosting 16

Jaká je dnes cena za placený webhosting? 18

Příklad výpočtu ceny za webhosting 18

KAPITOLA 2

Instalace a aktivace pluginu WooCommerce 21

Instalace pluginu 21

Instalace pluginu WooCommerce přes WordPress 21

Manuální instalace pluginu WooCommerce 22

Aktivace pluginu 22

Nově vytvořené WooCommerce stránky 25

Nově vytvořené Widgety 27

Návody na instalaci pluginu WooCommerce 28

KAPITOLA 3

Šablony pro plugin WooCommerce 31

WooThemes šablony 31


6

Themeforest šablony 36 Free šablony 39 Úprava libovolné šablony pro plugin WooCommerce 40

KAPITOLA 4

Plugin Codestyling Localization 45

O pluginu Codestyling Localization 46 Úprava překladu pluginu WooCommerce 47 Překlad šablony 54

Příklad překladu šablony 57

KAPITOLA 5

Základní nastavení pluginu WooCommerce 61

Nastavení WordPressu 61

Nastavení trvalých odkazů 61

Nastavení počtu zobrazovaných produktů na stránkách kategorií produktů 64 Obecná nastavení 64 Katalog 66 Stránky 68 Sklad 70 DPH 71

Nastavení standardní hodnoty DPH 72 Doručení 74

Paušální sazba 75

Místní vyzvednutí 82

Doručení zdarma 83

Místní doručení 84

Mezinárodní dodávka 84 Platební metody 86

Platba bankovním převodem 87

Platba šekem 88

Platba hotově při doručení 89

Využití platební metody Platba šekem pro Platbu v hotovosti 89

Platební brána PayPal 92

Platební brána Gopay 92

Platební brány (pluginy) na www.platobnebrany.sk 93


7

E-maily 95 Integrace 105

KAPITOLA 6

Správa e-shopu a její možnosti 107

Registrace zákazníků 107

Zobrazení objednávky 110

Úprava fakturační a doručovací adresy 112

Změna hesla 112

Zapomenuté heslo 113 Objednávky 114 Produkty 118 Widgety 120 Kupóny 121 Zprávy 124 Stav systému 127

KAPITOLA 7

Pluginy, které vám usnadní práci 129

Plugin Regenerate Thumbnails 129

Nastavení velikosti obrázků 132

Práce s pluginem Regenerate Thumbnails 134

Změna velikostí náhledů obrázků 134 Plugin Post Types Order 137 Plugin WooCommerce Custom Product Tabs Lite 138 Plugin WooCommerce Custom Checkout Options 139

Nastavení pluginu WooCommerce Custom Checkout Options – příklad č. 1 142

Nastavení pluginu WooCommerce Custom Checkout Options – příklad č. 2 144

Plugin WooCommerce Checkout Manager – free alternativa k pluginu

WooCommerce Custom Checkout Options 147 Plugin Product Enquiry for WooCommerce 148

Překlad pluginu Product Enquiry for WooCommerce 151

Plugin WooCommerce Product Enquiry Form 154

WooCommerce Product Enquiry 156

Závěrem kapitoly 157


8

KAPITOLA 8

Vytváříme vlastní e-shop 159

Rozvržení e-shopu 159 Kategorie produktů 160

Widget E-shop – kategorie produktů 160 Tagy 163 Vlastnosti 163 Přidání produktu 166 Obecné nastavení produktu 168

Záložka Publikovat 168

Widget E-shop – speciální nabídka 169

Záložka Kategorie produktů 169

Záložka Štítky produktu 170

Záložka Náhledový obrázek 171

Záložka Galerie produktu 171

Údaje o produktu 172

Defi nice pojmů 172 Jednoduchý produkt 173

Obecné 173

Sklad 174

Doručení 175

Související produkty 176

Vlastnosti 176

Pokročilý 183

Custom Tab 187 Produkt s variantami 187

Obecné 187

Sklad, Doručení, Pokročilý a Custom Tab 187

Související produkty 188

Vlastnosti 188

Varianty 190 Seskupený produkt 198

Nastavení seskupeného produktu 198

Nastavení jednoduchých produktů pro seskupení 198 Externí/partnerský produkt 202 Rychlé úpravy produktů 204


9

Vyhledávání produktů 204

Rychlé úpravy a jejich možnosti 204

KAPITOLA 9

Zobrazení e-shopu na webu 207

Zobrazení produktů a kategorií 207 Widgety 208 Plugin Reveal IDs 209 Shortcodes 209

Jak přidat Shortcodes do stránky? 210

Příklad nastavení Shortcode – Produkty podle ID 212

Příklad nastavení Shortcode – Poslední produkty 212

Příklad využití Shortcodes v praxi 212

KAPITOLA 10

Zobrazení a úprava cen na webu 215

Příklady zobrazení cen na webu 215

Příklad 1 – zobrazení cen na webu včetně DPH, ceny bez DPH a DPH se na webu

nevyskytnou vůbec 215

Příklad 2 – zobrazení cen na webu včetně DPH, cena bez DPH a DPH se zobrazí

na stránce nákupního košíku a pokladny 217

Příklad 3 – zobrazení cen na webu bez DPH, cena s DPH a DPH se zobrazí

na stránce nákupního košíku a pokladny 218 Zobrazení cen na webu bez DPH i s DPH 220

Zobrazení cen bez DPH i s DPH na stránce produktu 220

Zobrazení cen bez DPH i s DPH na stránce produktové kategorie 224

Závěrem 229

Zálohování 229

Zálohy překladů pluginů a šablon 229

Obnova úprav PHP kódu v souborech price.php 230 Návody a tipy pro plugin WooCommerce 230 Rozšíření pro plugin WooCommerce 232 Aktualizace pluginu WooCommerce 232

Rejstřík 233



11

Úvodem Mít dnes osobní webovou prezentaci, pro fi rmu vlastní fi remní stránky nebo například pro grafi ka zabývat se tvorbou webových stránek je dnes již téměř nepostradatelná povinnost. Publikační systém WordPress se stává čím dál populárnějším a  jeho původní interpretace jako „blogovací systém“ je dnes již minulostí. Vzhledem k faktu, že je WordPress napsaný ve skriptovacím jazyce PHP a ke své činnosti využívá databázi MySQL, jsou jeho možnosti daleko širší a jeho původní nasazení jako blogovací server je dávno překonané. Podle ofi ciálních statistik (Wikipedie) dnes WordPress se svými 15 % jednoznačně překonává ostatní CMS systémy (Content Management System), jako jsou Joomla či Drupal. S pomocí WordPressu dnes není problém vyrobit kromě blogovacího serveru profesionální fi remní stránky, internetový obchod (dále e-shop), diskusní fóra, ankety, fotogalerie nebo nasadit různé webové aplikace. E-shop – jaké jsou možnosti Existuje mnoho způsobů, jak si bez programování vytvořit vlastní e-shop. Jednou z možností je použití free systémů jako Prestashop, OpenCart, Magento, ZenCart nebo množství dalších open source systémů, ovšem tato řešení vás přinutí opustit svůj milovaný WordPress a učit se opět něco nového. Osobně jsem vyzkoušel dva systémy – OpenCart a Prestashop. Na základě testů mohu potvrdit, že v obou systémech vytvoříte internetový obchod bez větších problémů, OpenCart má dokonce velmi přívětivé a přehledné administrační rozhraní, oba systémy mají dobrou podporu v Česku i na Slovensku. Další možností, jak dostat e-shop přímo do WordPressu, je vcelku povedený projekt „Ecwid“, který najdete na adrese http://www.ecwid.com. Po jednoduché registraci můžete ihned začít s tvorbou e-shopu, který si pak můžete snadno přidat například pomocí pluginu Ecwid Shopping Cart na jakoukoliv stránku svého WordPress projektu. Všechna výše zmíněná řešení, tedy CMS systémy i pluginy, jsou bezplatné.

Úvodem:

„ E-shop – jaké jsou možnosti

„ Proč WordPress

„ Proč plugin WooCommerce

„ Z historie pluginu

WooCommerce

„ Komu je kniha určena


12

Úvodem

Proč WordPress

Přesně před touto otázkou jsem stál nedávno, když jsem se musel rozhodnout, jakým způ

sobem vytvořit plnohodnotný a funkční e-shop přímo ve WordPressu. Po testech e-shopů

typu OpenCart a Prestashop jsem se defi nitivně rozhodl pro vytvoření e-shopu ve Word

Pressu. Důvodů bylo hned několik.

Hlavním důvodem však byla absence jednoduché tvorby různých typů stránek, na které jsem

ve WordPressu prostě zvyklý, myslím tím například využití přednastavených stránek (templa

tes) v různých šablonách pro WordPress, jako například: homepage, blog, portfolio, contact,

sitemap, right-sidebar, left -sidebar, full-widht, work, a množství dalších přednastavení, jejichž

realizace ve výše zmíněných řešeních již vyžaduje podstatně hlubší znalosti problematiky.

Ve WordPressu je vytvoření různých typů stránek, včetně stránek e-shopu, daleko jednodušší

a intuitivnější. Velké množství profesionálních, tzv. Premium šablon, hlavně pod označením

„Multipurpose“, obsahuje kromě nastavení typografi e, barev, pozadí, banerů, fotogalerií, li

ghtboxu apod. také vestavěný tzv. Page builder, pomocí kterého si stránky vyskládáte jako

lego, tedy přesně podle svých představ. Jinými slovy, pro WordPress již existují tak propra

cované šablony, že v podstatě kromě samotné šablony dostanete do rukou hotovou techno

logii, pomocí které, a co je podstatné – bez programování, vytvoříte kvalitní a profesionálně

vypadající webové stránky.

Dovolím si dokonce tvrdit, že při výběru vhodné šablony se dokážete obejít i bez jediného

rozšiřujícího pluginu. Je pravdou, že tyto šablony jsou placené (cca 50 $ a více), ale s výsled

kem budete jistě spokojeni.

Proč plugin WooCommerce

Další otázkou byl výběr vhodného pluginu. Opět zde musím napsat, že existuje široký výběr

pluginů na tvorbu e-shopů ve WordPressu, mohu zmínit pluginy jako například WP e-Co

mmerce, Jigoshop, Eshop, Cart66, Quick Shop nebo zmíněný plugin Wo o C o m m e r c e. Prostudo

val jsem téměř všechny dostupné pluginy pro WordPress, jejich popis by však byl na dlouhé

psaní, takže to zkrátím jen na fi nální dvojici pluginů WP e-Commerce a WooCommerce.

Tyto dva pluginy jsem si vybral hlavně proto, že se nejvíce hodí pro použití v našich země

pisných šířkách, tedy v Česku a na Slovensku.

Testování pluginu WP e-Commerce bylo poměrně jednoduché, protože byla k dispozici jeho

česká lokalizace. Tento plugin je mimochodem velmi podrobně popsán v knize Lucie Šestá

kové – WordPress, vlastní web bez programování, Computer Press, 2013. Vzhledem k faktu, že

mi v tomto pluginu chybělo detailnější nastavení samotného produktu a taky některé další

důležité funkce, otestoval jsem nakonec i plugin WooCommerce.

Po  nainstalování pluginu WooCommerce mi bylo téměř od  začátku jasné, že právě tento

plugin je právě to řešení, které jsem hledal. Plugin WooCommerce se stal se mým favoritem


Z historie pluginu WooCommerce

13

a zanedlouho i dobrým pomocníkem. Měl téměř všechny požadované funkce a vychytávky, které mi tehdy chyběly při pluginu WP e-Commerce (dnes však může být situace jiná, protože vývoj pluginů jde neustále kupředu). Z historie pluginu WooCommerce Plugin WooCommerce spatřil světlo světa ve své první verzi 1.0 na podzim roku 2011. Já jsem dosud tento nenápadný a hlavně u nás málo známý plugin objevil podstatně později, a to až ve verzi 1.5.2. Hned na to jsem s verzí 1.5.4 vyrobil první e-shop, který jsem později upgradoval na verzi 1.6.5.2, na které běží bez komplikací dodnes na této adrese:

„ http://www.krajspol-vahy.sk Nakonec se vývoj první verze pluginu zastavil na verzi s číslem 1.6.6, na které také běží následující dva e-shopy:

„ http://www.tesatel.sk

„ http://www.elp-servis.sk Uvádím tyto 3 realizace záměrně, protože je velmi vysoká pravděpodobnost, že i v době vydání této knihy budete mít možnost si tyto webové stránky prohlédnout. Dnes je situace již odlišná, větší část kódu pluginu WooCommerce byla kompletně přepsána do verze 2.0 s kódovým označením Daring Dassie. Plugin dnes patří mezi nejpoužívanější rozšíření WordPressu na plnohodnotný e-shop. O jeho oblíbenosti vypovídá více než jeden milion stažení. V této knize si podrobně rozebereme a popíšeme verzi 2.0.20 – ze dne 21. 11. 2013. Komu je kniha určena Primárním cílem této publikace je poskytnout uživateli WordPressu kompletní návod na vytvoření e-shopu s pomocí pluginu WooCommerce. Kniha předpokládá znalosti uživatele minimálně na úrovni začátečník, přesněji pro uživatele, který minimálně sám zvládá kromě instalace WordPressu také jeho základní nastavení, práci se stránkami, práci s menu, nahrávání obrázků a také instalaci pluginů. O WordPressu bylo napsáno a publikováno nejen mnoho knih, ale i kvalitních návodů na webu jak v českém, tak i slovenském jazyce. Pokud tedy patříte k úplným začátečníkům, rád bych doporučil následující knihy z vydavatelství Computer Press Brno:

„ WordPress – Podrobný průvodce tvorbou a správou webů, Luboš Kudláček, 2010

„ WordPress – 333 tipů a triků pro WordPress, Michaela Horňáková, 2011

„ WordPress – Vlastní web bez programování, Lucie Šestáková, 2013


14 Úvodem Všechny zmíněné knihy mohu jen a  jen doporučit, osobně vlastním všechny tyto publikace a neměly by chybět ani ve vaší knihovně, pokud to s WordPressem myslíte vážně. Jen v  krátkosti napíšu, že v  uvedených knihách skutečně najdete vše potřebné – od  instalace WordPressu a  jeho nastavení, přes návody pro práci se stránkami, příspěvky, obrázky až po vlastní úpravy šablon. Knihy vás také provedou světem užitečných pluginů, naleznete v nich množství tipů, triků a návodů, které vám nesmírně usnadní vaši práci.

Tip: Vzhledem k faktu, že kniha má v podtitulu i slogan Vytváříme vlastní e-shop ve WordPressu, pa

ralelně s napsáním této knihy byl skutečně samotný e-shop reálně vytvořen, abych se jako tvůrce

knihy uměl „ocitnout“ v pozici čtenáře – a měl tak možnost kontroly nad správnou posloupností

jednotlivých kapitol a návodů. Vytvořený e-shop, z kterého jsou zhotoveny i screenshoty v této

knize, si můžete prohlédnout na adrese http://www.demo.woocommerce.sk.

Tip: Vzhledem k faktu, že kniha má v podtitulu i slogan Vytváříme vlastní e-shop ve WordPressu, pa

ralelně s napsáním této knihy byl skutečně samotný e-shop reálně vytvořen, abych se jako tvůrce

knihy uměl „ocitnout“ v pozici čtenáře – a měl tak možnost kontroly nad správnou posloupností “

jednotlivých kapitol a návodů. Vytvořený e-shop, z kterého jsou zhotoveny i screenshoty v této

knize, si můžete prohlédnout na adrese http://www.demo.woocommerce.sk.

Poznámka: Do pracovního e-shopu, pomocí kterého byly vytvořeny screenshoty v této knize, se

můžete přihlásit klasickým způsobem na adrese http://www.demo.woocommerce.sk/wp-admin,

uživatelské jméno je WooCommerce a heslo WooDemo2014.


15

KAPITOLA 1

Systémové požadavky WordPress – minimální požadavky WordPress verze 3.5 a také WordPress verze 3.6 mají následující minimální požadavky pro správný chod systému:

„ PHP 5.2.4 nebo vyšší

„ MySQL 5.0 nebo vyšší

„ mod_rewrite Apache module – pro nastavení trvalých odkazů WooCommerce – minimální požadavky WooCommerce verze 2.0.x má následující minimální požadavky pro správný chod systému:

„ PHP 5.2.4 nebo vyšší

„ MySQL 5.0 nebo vyšší

„ mod_rewrite Apache module – pro nastavení trvalých odkazů

„ WooCommerce 2.0.x vyžaduje minimálně WordPress verze 3.5 Webhosting Výběr webhostingu je velmi důležitý. Dnes existuje skutečně velmi široká nabídka webhostingových služeb, rozhodnutí je na vás, který si vyberete. V každém případě chci napsat několik rad, kterými byste se měli řídit.

V této kapitole:

„ WordPress – minimální

požadavky

„ WooCommerce – minimální

požadavky

„ Webhosting

„ Proč placený webhosting


16

KAPITOLA 1 Systémové požadavky

Existují dva možné způsoby:

„ webhosting zdarma

„ placený webhosting Webhosting zdarma rozhodně nedoporučuji. V praxi by to pro vás znamenalo jen zbytečnou ztrátu času a také nervů a dříve či později byste nakonec přešli na placený webhosting. Je třeba si uvědomit, že každé „zadarmo“ má i svou „daň“. Ve většině případů byste museli na váš web umístit reklamní odkazy od poskytovatele, případně splnit další jeho podmínky (což by až tak možná někomu nevadilo), ale mohlo by se stát i to, že některé funkce vašeho webu by prostě nefungovaly (například kvůli vypnutým PHP funkcím na straně poskytovatele), případně byste svůj WordPress nerozběhali vůbec. Proč tuto možnost nedporučuji, si můžete přečíst v dalším odstavci. Proč placený webhosting Určitě jste si všimli, že v předchozích odstavcích byly zmíněny minimální požadavky jednak pro samotný WordPress a také pro plugin WooCommerce. Osobně bych však při těchto požadavcích neskončil a přidal bych rozhodně další požadavky, které bychom klidně mohli nazvat například jako optimální požadavky – a to jsou právě ty podstatné rozdíly od webhostingu zdarma.

„ webadmin – kvalitní administrační rozhraní včetně přehledné nápovědy, každý „po

řádný“ webhosting má vytvořenou sadu návodů, jak se vypořádat s běžnými problémy

„ podpora CMS systémů – včetně WordPressu, většina poskytovatelů testuje WordPress

na svých serverech a určitě se tím i pochlubí na svých stránkách (mnoho z nich dokon

ce má už předpřipravené instalace – stačí párkrát kliknout a máte vše nainstalováno)

„ FTP přístup – přes nějaký webový skript WordPress jen tak nenahrajete, potřebujete FTP

„ zálohy dat i databáze – nejlépe jednou za 24 hodin, disk na serveru může odejít stejně

snadno jako v počítači, zálohy databáz jsou k nezaplacení

„ php memory_limit – vlastní nastavení paměťového limitu a také dalších nastavení PHP

„ on-line podpora – rychlá odezva při řešení problémů Na  obrázku 1.1 máte možnost nahlédnout pod kapotu administrace mého webhostingu, jinými slovy do  webadmina. Různé společnosti poskytující webhosting mají samozřejmě odlišný vzhled, ale funkce webadmina zůstávají přibližně stejné, uvedený screenshot je tedy jen ilustrační pro vaši představu. V levé části vidíte jednotlivé záložky nabídky webadmina, které máte pak možnost v pravé části upravovat. Můžete si zakládat a spravovat své e-maily, databáze, FTP přístup na server, upravovat PHP verzi vašeho webhostingu a mnoho dalších nastavení. Jako příklad jsem vybral nastavení php memory_limit (ve spodní části screenshotu je vidět nastavení hodnoty na 128 MB). Samotný WordPress vyžaduje minimálně 32 MB, dále


Proč placený webhosting

17

je třeba počítat s tím, že například český překlad WordPressu spolkne přibližně 8 MB, nelze zapomínat i na nainstalované pluginy (některé pluginy dokonce vyžadují až 64 MB), takže nastavení paměti pro PHP v rozmezí 64–128 MB určitě zaručí bezproblémový chod celého systému. Kromě toho WordPress vás automaticky upozorní na nedostatečnou paměť. Standardně bývá tato hodnota přednastavená na 64 MB. Výhodou placeného webhostingu jsou i manuály, jak správně nastavit v počítači e-mailového klienta (např. Outlook), FTP klienta pro přístup na server (např. Total Commander, FileZilla, WinSCP apod.) a množství dalších užitečných rad a doporučení. Uvedené „optimální“ požadavky dnes splňuje mnoho poskytovatelů, teď už záleží jen na vás, komu dáte přednost. Určitě bude rozhodovat i celková cena za služby – tedy cena za samotnou doménu, velikost dat na serveru, počet databází a počet e-mailů.

Tip: Změny webhostingových parametrů, jako například výše uvedená hodnota pro php memo

ry_limit, změnu verze PHP nebo ostatní vámi požadované změny, vám provozovatel webhostingu

ochotně změní na požádání za vás, pokud si na toto netroufáte sami. Obrázek 1.1: Webadmin – příklad přehledné administrace webhostingových služeb

Tip: Změny webhostingových parametrů, jako například výše uvedená hodnota prophp memo

ry_limit, změnu verze PHP nebo ostatní vámi požadované změny, vám provozovatel webhostingu

ochotně změní na požádání za vás, pokud si na toto netroufáte sami.


18

KAPITOLA 1 Systémové požadavky

Jaká je dnes cena za placený webhosting? Ve zkratce – ceny jsou různé. Záleží v podstatě na 3 faktorech: velikost webového prostoru, počet databází a počet e-mailů. Můžete si objednat z přednastavených balíčků, nebo zvolit custom hosting a nastavit si vlastní parametry, přičemž do budoucna není problém doobjednat si například další databáze a e-maily nebo navýšit velikost prostoru pro data. Příklad výpočtu ceny za webhosting Jako příklad mohu uvést, kolik by vás vyšel placený webhosting s následujícími parametry:

„ webový prostor – 250 MB

„ počet databází – 1 ks

„ počet e-mailů – 1 ks Obrázek 1.2: Nastavení webhostingu s vlastními parametry


Proč placený webhosting

19

Uvedené parametry má i  webhosting, na  kterém běží již dříve zmíněný ukázkový e-shop na adrese:

„ http://www.demo.woocommerce.sk Na obrázku 1.2 máte možnost vidět nastavení custom webhostingu podle parametrů na předchozí straně (konkrétně u společnosti Websupport). Cena za uvedené služby by tedy byla 660,- Kč/rok včetně DPH (viz obrázek 1.3). Za skutečně příznivou cenu tedy dostanete plnou kontrolu a moc nad vaším webhostingem, zaručeně bezproblémový chod vašich stránek, on-line podporu, různé volby nastavení a hlavně pravidelné zálohy vaší práce. Ještě bych zde chtěl zmínit další možnosti placeného webhostingu, jako jsou například vytváření dalších webových stránek na subdoménach, aliasy a přesměrování e-mailů a různé další vychytávky. Uvádím to zde záměrně proto, že samotný ukázkový obchod běží právě na subdoméně, tedy na adrese:

„ http://www.demo.woocommerce.sk Teď už záleží jen na vašem výběru, pro koho se rozhodnete, v každém případě na Internetu naleznete spoustu recenzí a doporučení webhostingových společností, prolistujte si různé diskuse nebo fóra, kde jistě naleznete hodnocení a zkušenosti jiných uživatelů. Obrázek 1.3: Cena za doménu + webhosting (prostor: 250 MB + 1 ks databáze + 1 ks e-mail)



21

KAPITOLA 2

Instalace a aktivace pluginu WooCommerce Instalace pluginu Předpokládejme, že máte na svém serveru nainstalován funkční WordPress (nejlépe v české verzi kvůli kompatibilitě s touto knihou) minimálně verze 3.5, jak bylo zmíněno v kapitole Systémové požadavky. Nyní můžeme přistoupit k samotné instalaci pluginu WooCommerce. Plugin WooCommerce se instaluje jako každý jiný plugin, tedy dvěma způsoby:

„ instalace přes WordPress

„ manuální instalace na FTP server

Instalace pluginu WooCommerce přes WordPress Přesuňte se ve vaší administraci WordPressu do levé části a v nabídce klepněte na záložku Pluginy a dále pak na záložku Instalace pluginů, přesně podle obrázku 2.1.

V této kapitole:

„ Instalace pluginu

„ Aktivace pluginu

„ Nově vytvořené

WooCommerce stránky

„ Nově vytvořené Widgety Obrázek 2.1: Instalace pluginu přes WordPress


22

KAPITOLA 2 Instalace a aktivace pluginu WooCommerce

1. Zadejte do vyhledávacího pole klíčové slovo woocommerce.

2. Klepněte na Hledat pluginy.

3. Plugin WooCommerce se vám objeví ve výsledcích vyhledávání hned jako první, klep

něte na Instalovat (3).

Manuální instalace pluginu WooCommerce Druhý způsob instalace předpokládá manuální stažení pluginu WooCommerce do vašeho počítače a jeho následné nakopírování na váš FTP server do složky plugins, přesně podle obrázku 2.2. Plugin WooCommerce si můžete stáhnout například na na těchto adresách:

„ http://wordpress.org/plugins/woocommerce/

„ http://www.woothemes.com/woocommerce/

Podmínkou pro stažení pluginu WooCommerce ze stránek WooTh emes je registrace na těchto stránkách. Aktivace pluginu Plugin WooCommerce se aktivuje jako každý jiný plugin.

1. Přesuňte se ve vaší administraci WordPressu do levé části a v nabídce klepněte na zá

ložku Pluginy.

2. Přejděte na  záložku Přehled pluginů. Plugin WooCommerce uvidíte pod názvem

E-shop.

3. Aktivujte plugin standardním způsobem klepnutím na  tlačítko Aktivovat (viz obrá

zek 2.3).

Obrázek 2.2: Instalace pluginu přes FTP server


Aktivace pluginu

23

Obrázek 2.3: Aktivace pluginu

Obrázek 2.4: Použitá šablona nedeklaruje podporu pro plugin WooCommerce

Po aktivaci pluginu mohou nastat dvě různé situace, které jsou znázorněny na obrázcích 2.4

a 2.5. V obou případech se plugin WooCommerce nainstaloval správně, a vy můžete dále

pokračovat v instalaci tzv. WooCommerce stránek.

Rozdíl mezi oběma případy je v tom, že v prvním případě (viz obrázek 2.4) vaše šablona

není kompatibilní s pluginem WooCommerce (nedeklaruje podporu) a naopak v druhém

případě (viz obrázek 2.5) je vše v pořádku a vaše šablona plugin podporuje.

V žádném případě se nelekněte, pokud vaše šablona, kterou jste si vybrali, nevykáže podpo

ru pro plugin WooCommerce, protože už v další kapitole, „Šablony pro WooCommerce“, se

nejen dozvíte, ale i naučíte, jak přizpůsobit libovolnou šablonu, přesněji jak upravit nekom

patibilní šablonu pro plugin WooCommerce.

Vaše sablona nedeklaruje podporu

pro plugin WooCommerce


24

KAPITOLA 2 Instalace a aktivace pluginu WooCommerce

Dokončíme tedy instalaci pluginu WooCommerce a nainstalujeme všechny potřebné strán

ky, které jsou nezbytné pro správný chod e-shopu.

Klepněte tedy na tlačítko Instalovat WooCommerce stránky, které se vám zobrazilo hned

po aktivaci pluginu – viz obrázek 2.6 (resp. předtím obrázky 2.4 a 2.5).

Úspěšná instalace WooCommerce stránek bude signalizována uvítací hláškou přesně jako

na obrázku 2.7 – Vítejte do WooCommerce 2.0. Tímto krokem jsme zároveň dokončili kom

pletní instalaci pluginu. V další části si popíšeme nově vytvořené WooCommerce stránky.

Obrázek 2.5: Použitá šablona je s pluginem WooCommerce kompatibilní (hlášení o nekompatibi

litě není zobrazeno)

Obrázek 2.6: Instalace WooCommerce stránek


Nově vytvořené WooCommerce stránky

25

Obrázek 2.7: Plugin WooCommerce byl kompletně nainstalován Tabulka 2.1: Seznam nových WooCommerce stránek Nově vytvořené WooCommerce stránky V procesu instalace pluginu WooCommerce se vytvořily tzv. WooCommerce stránky, které jsou nezbytné pro správný chod celého systému e-shopu. Po klepnutí na tlačítko Stránky a následně na tlačítko Přehled stránek v levé nabídce administrace WordPressu zjistíte, že se vám vytvořily tyto nové stránky (viz tabulka 2.1 a také obrázek 2.8) s následujícím obsahem:

Můj účet Obsah stránky

Košík [woocommerce_cart]

Můj účet [woocommerce_my_account]

Lost password [woocommerce_lost_password]

Odhlášení

Upravit moji adresu [woocommerce_edit_address]

Změna hesla [woocommerce_change_password]

Zobrazit objednávku [woocommerce_view_order]

Obchod

Pokladna [woocommerce_checkout]

K pokladně ➝ zaplatit [woocommerce_pay]

Přijaté objednávky [woocommerce_thankyou] Jednotlivé stránky mají jako obsah tzv. WooCommerce shortcodes (viz obrázek 2.9), tedy programové zkratky kódů, které po klepnutí na tyto stránky provedou příslušné funkce obchodu (zobrazí se košík nebo pokladna, provede se platba, úprava adresy a podobně). Stránka Odhlášení nemá obsah ve formě shortcode, a to z toho důvodu, že po klepnutí na tuto stránku se provede jediná funkce – proběhne okamžité odhlášení se z e-shopu. Stránka Obchod nemá svůj obsah, protože tato stránka je defi nována v nastavení e-shopu jako základní stránka obchodu, kde se budou zobrazovat produkty podle předem stanovených kritérií.


26

KAPITOLA 2 Instalace a aktivace pluginu WooCommerce

Obrázek 2.8: Nové WooCommerce stránky v administraci WordPressu Obrázek 2.9: Obsah stránky Zobrazit objednávku – příklad shortcode

Poznámka: Nově vytvořené WooCommerce stránky, jejich smysl a funkce budou později vysvět

leny v procesu samotné tvorby e-shopu.

Upozornění: Nové WooCommerce stránky nesmíte ani smazat, ani přepisovat jejich obsah. Můžete

však měnit názvy stránek, např. přejmenovat stránku „Košík“ na „Nákupní košík“, stránku „K pokladně

→ zaplatit“ na „Pokladna“ a podobně.


Nově vytvořené Widgety

27

Obrázek 2.10: Nové WooCommerce widgety

Nově vytvořené Widgety

V procesu instalace pluginu WooCommerce se nám vytvořily kromě WooCommerce strá

nek i zcela nové widgety (viz obrázek 2.10), které vám pak určitě usnadní práci s e-shopem.

V nabídce Widgety tak najdete až 15 skvělých nových widgetů, které si popíšeme v procesu

tvorby e-shopu.


28

KAPITOLA 2 Instalace a aktivace pluginu WooCommerce

Návody na instalaci pluginu WooCommerce Na  webu existuje mnoho dostupných manuálů, návodů, tipů a triků, jak postupovat při instalaci pluginu WooCommerce. Jednou z  hlavních stránek s  dokumentací ke  pluginu WooCommerce je stránka přímo od tvůrce pluginu, kterou najdete na tomto odkazu:

„ http://docs.woothemes.com/documentation/plugins/woocommerce/getting-started/ Na obrázku 2.11 máte pak možnost vidět všechny dostupné dokumentace ke pluginu WooCommerce na výše uvedeném odkazu. Obrázek 2.12: Dokumentace k pluginu WooCommerce na stránkách WooThemes Jako další tip bych rád doporučil videonávody na stránkách YouTube, tedy na odkazu:

„ http://www.youtube.com/ Po zadání správných klíčových slov naleznete skutečně velké množství tutoriálů na instalaci pluginu WooCommerce.


Návody na instalaci pluginu WooCommerce

29

Tip: Kromě stránek WooThemes a YouTube bych ještě rozhodně doporučil prohlédnout si vi

deo na tomto odkazu: http://musilda.cz/instalace-woocommerce-video-navod/ – viz obrázek 2.12.

Na těchto webových stránkách naleznete i spoustu dalších užitečných článků, které jsou věnovány

právě pluginu WooCommerce.

Obrázek 2.12: Videonávod pro instalaci pluginu WooCommerce



31

KAPITOLA 3

Šablony pro plugin WooCommerce V předešlé kapitole jste se dozvěděli, že vámi vybraná šablona může anebo taky nemusí vykazovat podporu pro plugin WooCommerce. Co to vlastně v praxi znamená a jaká jsou doporučení, se dozvíte v této kapitole. Fakt, že plugin WooCommerce se těší stále větší popularitě, se odráží i ve stále intenzivnější podpoře ze strany vývojářů a výrobců šablon pro WordPress. Před dvěma či třemi lety se počet šablon podporujících plugin WooCommerce dal rozdělit zhruba na dvě skromné oblasti – a to šablony od WooTh emes, tedy šablony přímo od tvůrců pluginu WooCommerce, a  doslova pár desítek šablon od  ostatních výrobců. Dnes je již situace podstatně odlišná, existují doslova stovky šablon podporujících tento plugin, ať už placených nebo neplacených (dále free šablony). WooThemes šablony Šablony od WooTh emes najdete na tomto odkazu (viz obrázek 3.1):

„ http://www.woothemes.com

Na webových stránkách WooTh emes najdete skutečně kvalitní šablony pro váš e-shop. Kromě placených šablon máte k dispozici i několik free šablon, podmínkou pro jejich stažení je registrace na těchto stránkách. Na webových stránkách WooTh emes se zdržíme o něco déle, protože WooTh emes, jako profesionální výrobce šablon pro WordPress, na svých stránkách nabízí nejen ukázkové e-shopy postavené na různých šablonách, ale také významnou podporu pro své šablony a také popis jednotlivých šablon spojený s dokumentací a videoukázkami doporučovaných postupů.

V této kapitole:

„ WooThemes šablony

„ Themeforest šablony

„ Free šablony

„ Úprava libovolné šablony pro

plugin WooCommerce


32

KAPITOLA 3 Šablony pro plugin WooCommerce

Obrázek 3.1: Webové stránky WooThemes

Obrázek 3.2: Webové stránky WooThemes – výběr šablony


WooThemes šablony

33

Po otevření stránek na výše uvedeném odkazu postupujte náledovně:

1. Klepněte na tlačítko Th emes v horní nabídce (viz obrázek 3.2).

2. Na  stránkách máte nyní možnost vidět kompletní nabídku šablon pro WordPress.

Nás však zajímají šablony s podporou pluginu WooCommerce, zaškrtněte tedy volbu

WooCommerce.

3. Vy fi ltrujte pouze tyto šablony klepnutím na tlačítko Search. Celý výše uvedený postup je zdokumentován na obrázku 3.2. Nyní si můžete prohlížet design a  funkce jednotlivých šablon klepnutím na  jejich název, resp. klepnutím na jejich ikonu a následným klepnutím na tlačítko DEMO (viz obrázek 3.3). Výběr správné šablony pro váš projekt je skutečně důležitý. Je velmi vhodné, když už od začátku víte, co od šablony budete požadovat – tedy hlavně samotný design, typografi i, funkce, možnosti menu, vestavěné vlastní widgety, různé přednastavené stránky jako jsou homepage, right sidebar, left sidebar, portfolio, sitemap, contact, timeline... apod. Obrázek 3.3: Detail vybrané šablony Athena – popis šablony, praktická ukázka e-shopu – DEMO Všechny výše uvedené informace o šablonách WooTh emes jsou detailně zpracované a dostupné v sekci Documentation (tlačítko Support v horní nabídce).

1. Najeďte myší na tlačítko Support.

2. Klepněte na tlačítko Documentation.

3. Vyberte v sekci Th emes svou šablonu. Celý výše uvedený postup je zdokumentován na obrázku 3.4.


34

KAPITOLA 3 Šablony pro plugin WooCommerce

Obrázek 3.4: Výběr dokumentace k šabloně WooThemes

Obrázek 3.5: Dokumentace k vybrané šabloně Athena


WooThemes šablony

35

Obrázek 3.6: Dokumentace k pluginu WooSidebars Na obrázku 3.5 máte možnost vidět on-line dokumentaci k šabloně Athena. Dokumentace vás provede kompletním nastavením šablony.

Tip: Pokud ještě nemáte představu o vaší šabloně a chcete si e-shop jen vyzkoušet, resp. pohrát

si s ním, doporučuji stáhnout free šablonu Wootique, která vám se svými funkcemi a nastaveními

bohatě poslouží pro tyto účely.

Upozornění: Důležitým faktorem při výběru šablony je funkce Custom sidebars, tedy možnost mít

různé postranní panely na různých stránkách. Nehledejte tuto možnost v šablonách WooThemes,

protože WooThemes toto vyřešil vlastním pluginem WooSidebars, který je zdarma ke stažení

na adrese http://www.woothemes.com/woosidebars/. Kromě možnosti stažení pluginu zde najdete

i kompletní on-line dokumentaci a také instruktážní video, které vás provede kompletním nasta

vením s praktickými ukázkami (viz obrázek 3.6).


Toto je pouze náhled elektronické knihy. Zakoupení její plné verze je

možné v elektronickém obchodě společnosti eReading.




       
Knihkupectví Knihy.ABZ.cz – online prodej | ABZ Knihy, a.s.
ABZ knihy, a.s.
 
 
 

Knihy.ABZ.cz - knihkupectví online -  © 2004-2020 - ABZ ABZ knihy, a.s. TOPlist