Divi a WooCommerce: Úvod do úprav on-line projektu
Napsal: Miroslav Bartík
V kategorii: Webdesign
Dne: 27. 1. 2021
Divi a WooCommerce jsou pro on-line projekty postaveném na WordPressu skvělou dvojicí. V prvním případě se jedná o šablonu se zabudovaným vizuálním editorem, v tom druhém o komplexní plugin, který zajistí společně s šablonou, platební bránou a nastavenou dopravou (pokud je potřeba) prodej jakéhokoliv produktu.
Úvodní stránka » Divi a WooCommerce: Úvod do úprav on-line projektu
Potřebný čas k přečtení: ( Počet slov: )

V této sérii příspěvků z kategorie webdesign bych vám rád ukázal, jak s pomocí šablony Divi a WooCommerce nastavit a zprovoznit on-line projekt. Pokud si zrovna s tímhle tématem nevíte rady, pohodlně se posaďte a dočtěte příspěvek až do konce.

Tak s chutí do toho.

S Divi a WooCommerce můžete zprovoznit v podstatě prodej čehokoliv v on-line prostředí. Od oblečení, jídla či on-line kurzů, přes e-book až po zpoplatněnou členskou sekci s prémiovým obsahem. Nejste omezeni ničím, protože většina pluginů pro digitální obsah již má rozšíření pro WooCommerce (především kvůli platebním branám). Pojďme se tedy společně v této sérii článků podívat na to, jaké existují možnosti tvorby/editace webu s Divi a WooCommerce. 

Pár slov na úvod

Hned v úvodu bych rád zmínil tři podstatné věci. 

  1. Postupy, které zde zmíním jsou určeny pokročilým uživatelům, a to jak WordPressu samotného, tak pluginu WooCommerce a šablony Divi. Pokud se v těchto třech tématech dobře neorientujete, nedoporučuji takové zásahy provádět. A pokud se na ně chystáte, zkuste najít alespoň mentora, který vám bude „nahlížet přes rameno“.
  2. Jakékoliv úpravy, které zde zmíním, jsou prováděny na vlastní pěst a měly by být prováděny s pomocí Divi Child Theme. Jednu jsem nedávno pro vás, českou a slovenskou Divi komunitu, vytvořil. Nedoporučuji změny provádět přímo v základní šabloně Divi, WordPressu nebo pluginu WooCommerce, protože vaše snaha může přijít vniveč následnou aktualizací těchto tří součástí.
  3. Dřív, než se rozepíši o detailech tvorby/editace on-line projektu s pomocí této skvělé dvojice, je dobré si říci, že článek, který by měl tohle téma kompletně pokrýt by byl nepřiměřeně dlouhý. Proto se bude jednat o sérii článků, které na sebe budou navazovat.

Je také dobré myslet na to, že provádět změny na ostrém webu není příliš bezpečné. A to ani pro zkušeného uživatele. Osobně mám pro tyto účely vytvořenou kopii vlastního webu s pomocí aplikace Local a pluginu Duplicator.

Možné způsoby úprav on-line projektu na Divi a WooCommerce

Pokud máte web postavený na WordPressu a s kombinací šablony Divi a pluginu WooCommerce, máte v podstatě tři možnosti zněny stránek jako je stránka produktu, košík nebo pokladna. 

  1. Změny s pomocí pluginů (kompletní změna všech stránek)
  2. Změny s pomocí kódování (css, php – kompletní změna všech stránek)
  3. Změny s pomocí šablony Divi (změna produktové stránky) nebo změny s pomocí placených Child Theme (kompletní změna všech stránek)

U všech možností musíte počítat s investicemiA to jak finančními, tak časovými. Jde v podstatě o to, že buď se naučíte kódovat a zmíněné stránky si upravíte podle svých představ (především jde o php a css), nebo si najdete schopného programátora, který dané dovednosti má a za určitou finanční odměnu vám stránky upraví podle vašich představ.

Pokud se nechcete učit nové věci a máte velké náklady s počátkem podnikání, můžete si stránku produktu a stránku kategorií produktů v Divi upravit sami. Tím ale úpravy končí. Stránky, jako je pokladna a košík tímto způsobem neupravíte a zůstávají v nezměněné podobě tak, jak je poskytuje plugin WooCommerce, což se může značně lišit od designu vašeho on-line projektu.

A pokud si teď říkáte, že s externím pluginem si dané úpravy provedete sami, věřte, že ani to nemusí vždy platit. Například plugin DiviBodyWooConmerce má tolik nastavení a možností editace zmíněných stránek, že i já, jako administrátor mnoha webů na Divi jsem potřeboval čas se s pluginem seznámit a následně provést úpravy, které zákazník potřeboval.

Ještě jedna možnost tady je

Zřejmě poslední možností, jak změnit vzhled stránek pokladny a nákupního koše při použití Divi a WooCommerce, je zakoupení hotově Divi Child Theme, která je nastylována a připravená k okamžitému použití. Z pohledu majitele on-line projektu dobré řešení (stačí nainstalovat, importovat nastavení a změnit obsah dle potřeby). 

Z pohledu administrátora, který rozumí css a php malá katastrofa. In-line css styly všude možně rozházené po stránce, neoptimalizovaná grafika a velká prodleva při kontaktování autora Divi Child theme (časový posun) atd. může způsobit docela velký skluz u projektu a také prodražení při najmutí externí pomoci.

Jen dodám, že od použití placených Divi Child Theme neodrazuji. Pouze říkám, že jejich použití je potřeba pořádné promyslet, protože při průměrné ceně 60$/web to má docela velké ALE.

Závěr

Kombinaci WordPressu, Divi a WooCommerce pro on-line projekty považuji za skvělou a to i přesto, že má pár nedodělků, které by stály za vylepšení. Zvláště co se týče českého prostředí. Pořád mi ale vychází jako mnohem lepší řešení, než předražený Mioweb nebo krabicové řešeni s názvem Shoptet či Simpleshop.

A to z prostého faktu, že v případě WordPressu, Divi a WooCommerce máte s pomocí zkušeného admina vše pod kontrolou a můžete si nastavit, co se vám zlíbí. V případě „krabicových“ řešení jako je Mioweb dřív nebo později narazíte na limity služby, za které budete muset stejně zaplatit.

A to je pro tuto chcvíli vše. Věřím, že vám příspěvek nastínil možnosti využití kombinace Divi a WooCommerce pro online projekty. V příštím díle se podíváme podrobněji na možnosti editace webu přes editor Divi. 

Pokud chcete, přihlaste se k odběru newsletteru (aby jste nezmeškali další návody). 

Potřebujete poradit s kombinací WordPress a Divi + WooCommerce?

Znám dobře tuto kombinaci a proto vám nabízím své služby webdesignéra a správce webu. Pokud tedy přemýšlíte nad novým projektem, nebo potřebujete správce pro již rozjetý projekt, dejte vědět. 

V případě, že potřebujete konkrétní rady ohledně vašeho webu, najdete mě na síti LinkedIn nebo jako administrátora WordPress skupiny na Facebooku. Nebo nahlédněte do seznamu mých služeb

Zůstaňme ve spojení

Poslední příspěvky

Doporučuji

Miroslav Bartík

Jsem webspecialista pro tvorbu obsahu a designu webů. Pracuji s redakčním systémem WordPress, s jehož pomocí plním sny firem i jednotlivců o funkčním webu,
Zabezpečení
All In One WP Security & Firewall – Jak levně na zabezpečení WordPress webu

All In One WP Security & Firewall – Jak levně na zabezpečení WordPress webu

Zabezpečení je z mého pohledu stejně důležité, jako obsah webu. Jen s tím rozdílem, že vám nemůže vydělat peníze. Na druhou stranu vám může mnoho peněz ušetřit tím, že nebudete muset řešit nezabezpečený web. Odvirování webu je totiž složitá a finančně i časově nákladná záležitost, které se doporučuji vyhnout.

Webdesign
Webskicák: poznámkový blok pro váš on-line projekt

Webskicák: poznámkový blok pro váš on-line projekt

Při svých osobních toulkách internetem a sociálními sítěmi jsem narazil na hezké slovní spojení - web a skicák. Dohromady webskicák. A vzhledem k tomu, že používám techniku Bullet Journal pro organizaci času a úkolů, upoutal mě Webskicák ještě víc. Pojďme se tedy společně podívat, co tohle slovní spojení znamená.

Newsletter

N

Učení bez nákladů

S pomocí těchto návodů se rychle a zdarma naučíte s WordPressem pracovat jako zkušenější uživatelé.

N

Vhodné pro začátečníky

Postupy v článcích jsou psány jednoduše, s ohledem na začínající a technicky méně zdatné uživatele.

N

Bez rozpaků a neurčitostí

Jistě jste u jiných webů zažili moment překvapení, kdy jste si říkali „Cože, jak to sakra..“ Zde se vám to nestane.

0 komentářů

Přidat komentář

Vaše e-mailová adresa nebude zveřejněna. Vyžadované informace jsou označeny *

16 − nine =

Pin It on Pinterest