Zlepšete vývoj WordPress šablon a pluginů za použití návrhových vzorů

Zlepšete vývoj WordPress šablon a pluginů za použití návrhových vzorů

Chcete vytvářet čistší, lépe udržovatelný kód, který se dá v prostředí WordPressu mnohem snadněji upravovat a rozvíjet? Obrovský rozdíl může přinést věnování pozornosti konceptu návrhových vzorů. Pokud provedete použití návrhových vzorů během vývoje správně, může vám to ušetřit i nějaký čas.

Co jsou návrhové vzory?

Návrhové vzory nám pomáhají vytvářet software (samozřejmě včetně pluginů a šablon WordPressu) na základě již získaných znalostí těch před námi. Nemusíme znovu vynalézat kolo pro řešení některých běžných problémů, které se staly již mnoha vývojářům, a můžeme se zaměřit na specifika naší problémové oblasti a řešit požadavky zákazníků.

Návrhový vzor je opakovatelné řešení běžně se opakujícího problému v návrhu softwaru. Nelze jej použít přímo, ale poskytuje nám šablonu pro řešení problému, kterou lze opakovaně použít v mnoha podobných situacích.

Studium návrhových vzorů a jejich použití při vytváření nového kódu může výrazně zlepšit jeho strukturu a celkovou funkčnost a škálovatelnost.

Po jejich prostudování můžete také zkusit refaktorovat svůj starší kód pomocí návrhových vzorů a uvidíte, že kód může být mnohem lépe manažovatelný.

Vysvětlení návrhových vzorů pomocí hooků

Začněme něčím už známým pro většinu vývojářů WordPressu, a to jsou hooky, konkrétně akce a filtry, které se ve WordPressu hodně používají.

Jedná se o specifickou implementaci vzoru publisher-subscriber(pub-sub). V tomto vzoru definujeme publisher (vydavatele), subscriber (odběratele) a message broker (zprostředkovatele zpráv):

Vydavatelé (publisher) zveřejní nějakou konkrétní událost, v našem případě provedením do_action nebo apply_filters.  

Odběratelé (subscriber) se mohou přihlásit k určitým událostem voláním add_action nebo add_filter a provést akci, když nastane událost, ke které se přihlásili.

Zprostředkovatel (message broker), v našem případě jádro WordPress, které zajistí, aby byli všichni odběratelé informováni o událostech vydavatelů, ke kterým jsou přihlášeni.

Výhody vzoru publisher-subscriber (pub-sub)

To nám přináší mnoho výhod. Vydavatel nemusí vědět nic o svém odběrateli a ani odběratelé nemusí vědět nic o vydavateli, pokud umí reagovat na vzniklou událost. I když deaktivujeme plugin, který události vytváří nebo odebírá, nezpůsobí to žádné chyby

Myslím, že je velmi užitečné nejen odebírat hooky z jádra WordPressu nebo pluginů, ale také vytvářet hooky v kódu a stavět kolem nich svůj kód. Nejenže usnadníte život ostatním vývojářům, pokud se rozhodnou stavět na funkčnosti vašeho pluginu nebo šablony, ale věřte mi, že i váš život bude mnohem jednodušší při implementaci nové funkčnosti do vašeho pluginu nebo šablony.

Ve WordPressu lze použít mnoho dalších šikovných návrhových vzorů. Většinou vyžadují trochu více práce než hooky, ale mohou znamenat obrovský rozdíl v designu vašeho pluginu nebo šablony. Skvělým příkladem návrhového vzoru, který lze použít v kontextu WordPressu, je vzor singleton.

Vzor singleton

Tento vzor vyžaduje znalost objektově orientovaného programování. Pokud s ním nejste obeznámeni, nejprve si ho prostudujte a pak se můžete vrátit ke čtení.

Vzor singleton omezuje iniciaci určité třídy, takže lze vytvořit pouze jednu instanci třídy. Toho lze dosáhnout vytvořením soukromého konstruktoru, statické proměnné pro uložení instance a statické funkce getInstance(). Tato funkce odpovídá za vytvoření instance objektu, pokud již není vytvořen a uložen v proměnné $instance. Příklad můžete vidět níže

class SingletonClass
{
    private static $instance = null;

    private function __construct() {}

    public static function getInstance()
    {
        if (null === self::$instance) {
            self::$instance = new self();
        }
        return self::$instance;
    }
}

Pokaždé, když se nějaký kód pokusí vytvořit novou instanci této třídy, spustí se chyba, protože jde o soukromý konstruktor (tohle je lepší zdokumentovat, aby nedošlo k nedorozumění), takže jediný způsob, jak získat instanci, je prostřednictvím naší funkce getInstance().

Jako příklad použití by bylo možné vytvořit základní třídu, jejíž odpovědností je vytvořit instanci všech našich funkcionalit pluginu. K této instanci můžeme navázat například konfigurační data, takže jsou přístupná odkudkoli v pluginu a není nutné je načítat z databáze nebo konfiguračního souboru vícekrát, pouze při vytvoření jediné instance této třídy.

Nepřehánějte to s používáním singleton vzoru

Myslím, že tento vzor je dobrým příkladem také proto, že jeho přílišné používání může být velmi svůdné, protože v mnoha situacích je snadnévidět výhody jeho použití. Neříkám, že by se neměl používat, ale před jeho použitím je třeba zvážit i jeho nevýhody

Hlavní nevýhodou tohoto vzoru je podle mého názoru to, že pokaždé, když tento vzor použijeme, váže se naše funkčnost na přímou znalost singletonové třídy. To vytváří provázanost kódu a může způsobit, že pokud se rozhodneme něco v singletonu změnit, musíme provést mnoho změn v celém projektu. 

Před použitím tohoto vzoru nebo jakéhokoli jiného vzoru proto vždy vše rozvažujte předem, ale pokud budete odvádět dobrou práci, bude to pro vás velmi přínosné.

Další vzory

V tomto článku jsme popsali dva návrhové vzory. Tyto vzory lze použít v mnoha situacích při vývoji WordPressu a mohou zlepšit váš kód a myšlení. 

To je však jen velmi malá ukázka toho, co lze díky konceptu návrhových vzorů vytvořit. Návrhových vzorů, které lze při vývoji použít, je mnohem více. Jejich studium a použití by mohlo mít během vývoje obrovský význam a mohlo by mít velmi pozitivní dopad na to, co vyvíjíte. 

Pokud vám nedělá problém angličtina, doporučuji vám použití vzorů vyzkoušet buď pomocí známé a kvalitní literatury, jako Design Patterns: Elements of Reusable Object-Oriented Softwarenebo Head First Design Patterns nebo na webech jako je refactoring.guru, kde je mnoho vzorů dobře popsáno včetně příkladů v PHP. V českém jazyku vyšel titul Návrhové vzory v PHP.

Sdílej na:

Další články:

Nenechte si nic uniknout!

Přihlaste se k odebírání Newsletteru, ve kterém zasíláme nejzajímavější tipy pro úspěšné webové stránky.

Zrychlení webových stránek ve WordPress díky optimalizaci JavaScriptu a CSS

Zrychlení webových stránek ve WordPressu díky optimalizaci JavaScriptu a CSS

JavaScript a CSS zpomalují načítání stránky, protože se musí dočítat a spouštět. Navíc mnoho JavaScriptu může mít velmi negativní dopad na výkon, reakčnost a responzivnost webu. Přečtěte si, jak optimalizujeme CSS a JavaScript ve WordPressu a tím přispíváme ke zrychlení webových stránek.

Načtěte méně JavaScriptu a CSS

Zvažte výběr pluginů a šablon

Některé pluginy a šablony ve WordPressu používají velmi mnoho JavaScriptu a načítají objemné CSS, proto zvažte jejich použití a zkuste najít vhodné alternativy. Mnohé načítají Javascript a CSS i na stránkách, na které daný plugin/téma nemají vůbec vliv, a tedy prodlužují načítání i tam, kde to není vůbec nutné.

Zamyslete se nad potřebnou funkcionalitou

Při práci s WordPressem si vždy dáváme pozor, aby se načítalo jen to, co je potřeba (CSS styly, JavaScript), a tak připravíme stránku pro rychlejší načítání. Například odstraníme nepotřebné CSS a JS soubory.

Pro interaktivní funkce využijte CSS místo JS

Pokud programujete obsah pro WordPress, je dobré se zamyslet, zda na všechno, k čemu používáte JavaScript, je opravdu JavaScript nutný. Spousta funkcionalit, na které bylo nutné použít JavaScript v minulosti, je dnes možné docílit pomocí moderního CSS s mnohem menším dopadem na výkon. Toho jsme využili například při tvorbě stránky pro i4comfort nebo při tvorbě Menu na míru pro Engeto bez JavaScriptu. Webová stránka obsahuje mnoho vizuálních efektů, které jsme zakomponovali tak, aby stránku nezpomalovaly. Více se můžete dočíst v článku Tvorba webové stránky pro i4comfort.

Kód manažující JS a CSS

Vždy je třeba se zamyslet nad tím, kde je vaše CSS a JavaScript potřeba. Je dobré rozbít velké CSS soubory na několik menších a načíst je podle potřeby. Stejně můžeme přistupovat také k JavaScript kódu.

Na tvorbu šablon nejčastěji používáme Sage, který takovýto management usnadňuje a počítá s jeho nutností.

Přečtěte si více v článku Proč je dobré mít webovou stránku vytvořenou na Sage?

Optimalizujte CSS a JavaScript pomocí minifikování

Minifikováním se ze souborů odstraní vše nepotřebné(řádky, mezery, zkrátí se názvy proměnných atd…). Textové soubory s CSS, JS se upraví tak, aby zabíraly méně místa, čímž se šetří velikost souborů a rychleji se načítají.

Rozdíl mezi originálním a minifikovaným kódem
Rozdíl mezi originálním a minifikovaným kódem

Existuje mnoho dobrých WordPress pluginů a šablon, které minifikují kód. V našich pluginech a šablonách kód minifikujeme a zároveň si uchováváme původní soubory, které lze snadněji modifikovat.

Jak na to?

Váš JavaScript a CSS lze minifikovat pomocí online nástrojů, jako například Closure Compiler či Minify Code. Takovýmto způsobem lze minifikovat i JavaScript a CSS, které vkládáte pomocí pluginů či customizéru.

Lepší alternativou k tomuto účelu je nastavit build vašeho pluginu/šablony. Je možné použít a nastavit Webpack nebo nástroje jako node-minify. Takový přístup vám umožní automatické minifikování vašich souborů, ale vyžaduje poměrně mnoho času a nervů, hlavně pokud si zvolíte Webpack. Proto je lepší sáhnout po předpřipraveném řešení pro váš plugin nebo šablonu v podobě starter projektu, jako například Roots Sage pro šablonu. Pro velké projekty, na kterých již pracujete a není snadné je zmigrovat, je však nutné si dopomoci zmíněnými nástroji.

Jak použít minifikaci bez vývojářských zkušeností?

K optimalizování všech CSS a JS souborů, které vaše stránka používá, si lze dopomoci využitím pluginu Fast Velocity Minify. Tento plugin funguje tak, že při prvním nenacachovaném načtení stránky vygeneruje minifikované CSS a JS soubory, které se pak načítají místo původních souborů. Můžete takto značně zrychlit načítání CSS a JavaScriptu u pluginů a šablon, které nemají minifikovaný JavaScript a CSS.

Méně je více

Pro zrychlení vaší webové stránky, a tím i zvýšení počtu návštěvníků, je třeba si uvědomit, že méně je v tomto případě opravdu více. Pokud bude vaše stránka zahlcena množstvím nepotřebných funkcionalit, je jasné, že se to odrazí i na výkonu.

Způsobů, jakými zrychlíte vaše webové stránky, a tím zvýšíte jejich návštěvnost, je velmi mnoho. Můžete delší stránky rozdělit na menší, omezit množství nepotřebných obrázků nebo se snažit o jednodušší kód. O tomto jsme psali také podrobnější článek 6 způsobů, jakými zlepšíte rychlost a výkon vašeho webu ve WordPressu.

Pokud máte nějaké dotazy nebo potřebujete pomoci se zrychlením či optimalizováním webu, jsme tu pro vás, neváhejte se nám ozvat.

Sdílej na:

Další články:

Nenechte si nic uniknout!

Přihlaste se k odebírání Newsletteru, ve kterém zasíláme nejzajímavější tipy pro úspěšné webové stránky.

6 způsobů, jak zvýšíte rychlost a výkon vaší webové stránky ve WordPress

6 způsobů, jak zvýšíte rychlost a výkon vaší webové stránky ve WordPress

Všechno se zrychluje. Mnozí chtějí mít nejdůležitější informace co nejrychleji a získávat je bez zbytečného čekání. Rychlost očekáváme hlavně při procházení webových stránek. Nedostatečný výkon a pomalé načítání vedou ke zvýšení míry opuštění vaší stránky. Jak dopomoci ke zrychlení webové stránky ve WordPress se dozvíte v dnešním článku.

Proč je rychlost webové stránky důležitá?

Google doporučuje za nejoptimálnější rychlost načítání v případě 3G připojení 5 a méně vteřin. Pokud doba načítání vaší stránky přejde z 1 sekundy na 3, pravděpodobnost okamžitého odchodu se zvyšuje o 32 %. V případě nárůstu doby načítání webu z 1 vteřiny na 10 se zvyšuje až o 123 %! Alarmující však je, že podle Google analýzy (2018) se mobilní weby načítají v průměru až 15 vteřin. Rychlost webové stránky ovlivňuje až téměř 70 % spotřebitelů. Pravděpodobnost jejich nákupu s rychlostí webu stoupá. Pokud je webová stránka pomalá, přicházíte o zákazníky a snižujete míru konverze. Rychlost vaší webové stránky je také velmi výrazným SEO faktorem. Proto se při tvorbě webových stránek ve WordPressu vždy snažíme dbát na rychlost a výkon webu a děláme vše proto, abychom ji správně optimalizovali bez použití přílišného množství pluginů. Objektivní přehled o tom, jestli je váš web rychlý, si můžete udělat pomocí různých nástrojů, doporučujeme Google PageSpeed Insights, ale existuje mnoho dalších například GTmetrix či WebPageTest. Pojďme se podívat, na některé z možností, jakými zlepšujeme výkon webových stránek a optimalizujeme je.

1. Méně reklam

Velké množství reklam může škodit vašemu webu, jelikož reklamy načítají JavaScript, CSS a média, čímž mohou velmi zpomalit stránku a také zhoršit uživatelský zážitek.

2. Rozdělte dlouhé stránky

Dlouhé stránky zpomalují načítání webu.

  • Pokud má některá z vašich stránek na webu příliš mnoho obsahu, možná by bylo vhodnější ji rozdělit na několik.
  • Na délku dbejte i při psaní článků na váš blog. Někdy je lepší článek rozdělit na více článků, čímž také přispějete ke zrychlení webu.

3. Aktuálnost WordPress, pluginů a PHP

Ve WordPress vývojáři pluginů neustále pracují na vylepšeních, a proto je dobré si je pravidelně aktualizovat. Velký vliv na výkon WordPress stránky má také verze PHP. Cloudways zveřejnili výsledky jejich benchmarkingového testu, který sledoval zlepšování výkonu stránek od verze PHP 5.6 po 8.0. Níže uvedený graf ukazuje, že výkon se neustále zlepšuje. Oproti současnému PHP 8.0 s nejrychlejším časem načítání 164 ms vyšel PHP 5.6 téměř 3krát pomalejší.

Zeni team - průměrná doba odezvy
Zeni team – průměrná doba odezvy

4. Caching

Přednačte a připraví obsah stránky, aby se minimalizovalo počítání a načítání z databáze při přístupu na stránku. Uživatel dostane při načítání stránky předpřipravenou verzi, čímž se může až několikanásobně zvýšit načítání webu.Aby se v budoucnu mohly požadavky na údaje vyřešit rychleji, caching si tyto údaje ukládá.Součástí každého produkčního webu by měl být jistě Caching plugin, díky kterému získáte obrovské množství výkonu webu. Pro naše WordPress klienty nastavujeme Redis Cache, který umožňuje cachování pomocí in memory databáze.

5. CDN (Content Delivery Network)

  • Jde o skupinu serverů, které jsou geograficky blíže vašim návštěvníkům, a tak snižují odezvu při načítání stránky.
  • Po nastavení CDN se váš obsah (obrázky, videa…) uloží do vyrovnávací paměti na proxy serverech a načítá se ze serveru v blízkosti polohy vašeho návštěvníka, díky čemuž se sníží odezva a obsah se načte rychleji.
  • Pro naše klienty používáme službu Cloudfare CDN, kterou jim nastavujeme a je standartní pro všechny stránky, které máme ve správě.

6. Kvalitní hosting

Pokud si myslíte, že jste pro zrychlení vašeho webu zkoušeli už všechno, ale stále nedosahujete požadovaných výsledků, je vhodné se zamyslet nad změnou poskytovatele hostingu.My v Zeni vám umíme nabídnout hosting, který zrychlí váš web. Také dokážeme pomoci se zrychlením webu a zvýšením vaší návštěvnosti. Ozvěte se nám a rádi vám poradíme.

ODKAZY

  1. Page Speed Report
  2. New Industry Benchmarsk
  3. Mobile site speed statistics
  4. Performance Benchmarks for WordPress

Sdílej na:

Další články:

Nenechte si nic uniknout!

Přihlaste se k odebírání Newsletteru, ve kterém zasíláme nejzajímavější tipy pro úspěšné webové stránky.

Proč je dobré mít v týmu obchodníka

Proč je dobré mít v týmu obchodníka

Dnes se zamyslíme nad otázkou: Proč je dobré mít v týmu obchodníka? Existují různé typy agentur. Některé obchodnici nebo obchodníka mají, jiné ne. Ty, co nemají, většinou tvrdí, že ji/ho nepotřebují. Opak je však pravdou. Každá společnost podnikající v on-line světě si dobrou obchodnici či dobrého obchodníka může dovolit, protože se sám zaplatí.

​Proč mít obchodníka, když není potřeba?

Jsou společnosti, které mi tvrdí, že u nich obchodník není potřeba. Že jim chodí spousta poptávek z jejich webu a oni je potom „nějak” zpracují.

Tyto názory jsou velmi krátkozraké a vím, že když si s lidmi z takové společnosti sednu a vysvětlím jim, proč tomu tak není, dají mi za pravdu. 

Dobrý obchodník je k nezaplacení a zařídí spoustu důležitých věcí týkajících se nejen obchodu, jako jsou mezilidské vztahy ve firmě, vztahy mezi klientem a majitelem společnosti, atd.

Z čeho ho zaplatím?

Toto je snad nejpoužívanější otázka při debatě o obchodníkovi. Dobrý obchodník většinou nechce pracovat jen za „paušál”, ale radši si vybere částečnou platbu paušálem, přičemž zajímavější pro něj je pracovat za provizi. Dobrý obchodník totiž ví, že jen začátek spolupráce je vždy složitý, ale po několika měsících může mít díky provizím velmi slušný plat, který v dobré společnosti nemá strop. Co to znamená pro společnost? Jediné. Domluvit se s obchodníkem, jak vysoká bude jeho provize v % a o ty následně zvedne svou hodinovou nebo úkolovou cenu. 10 % nikdo moc nepocítí, 20 % je velmi krásná odměna. 

Jak se pozná dobrý obchodník?

Dobrých obchodníků je jako šafránu. Stát se dobrým obchodníkem si člověk musí zasloužit svou pílí a tréninkem. Poznáte jej podle vystupování. Tento člověk je většinou extrovert a dobře se vám s ním hovoří. I když jej potkáte poprvé, máte pocit, že už jste se někde viděli a že je to váš dlouholetý známý. Každého bere jako partnera, ne jako soupeřícího, neboť ví, že jen z win-win spolupráce jsou dlouholeté pozitivní výsledky.

Čím to je? 

Pokud má nastudované obchodní dovednosti 1. řádu, pak určitě poznal, co jste za člověka a podle toho také tak s vámi hovoří. Dle typologie osobnosti dovede velmi rychle poznat váš charakter, a po pár větách ví, jak s vámi hovořit.

Ovšem pokud má nastudované obchodní dovednosti 2. řádu, nebojí se s vámi jednat, i když vznesete námitku, dotaz. Námitka nebo dotaz je pro něj „hozená rukavice”, kterou zvedne a využije ji. 

Dá to hodně práce se toto všechno naučit, ale pokud to ovládáte, jsou obchodní jednání jedna velká symfonie, která většinou končí spoluprací. Tedy za předpokladu, že klient nejde jen po ceně. 

Co je náplní práce obchodníka?

Dobrý obchodník se na práci nikdy moc neptá, protože si jí dovede zajistit sám. Když zrovna nehledá příležitosti na netu, tak telefonuje nebo odpovídá na poptávky, které vygeneroval váš dokonalý web. V okamžiku, kdy zacítí možnou příležitost, chytne ji za pačesy a nepustí. Pokud mu dáte dobré zázemí a zajímavé ohodnocení, vrátí vám to.

Dobrý obchodník ví, že nejen z akvizice jsou peníze. A proto udržuje neustále styk i s retenčními klienty formou pravidelných telefonátů, schůzek. Své retenční klienty informuje o novinkách ve světě on-line prostoru a vždy najde možnost, jak vylepšit i to, co je již velmi dobré. U akvizicí umí velmi dobře naslouchat potřebám klienta a následně mu ukázat možná řešení. Pokud nemá klient ve své představě jasno, je to právě obchodník, kdo vymyslí celou strategii a odliší klientův obchod od konkurence. Akvizičního klienta obslouží, jak nejlépe umí, a následně si jej přesune do retencí. Nikdy jen tak klienta neopustí a stará se o něj i několik let. 

Jak se stát dobrým obchodníkem?

Za sebe doporučuji tréninky obchodních dovedností od Petra Urbance anebo hledejte adekvátní tréninky někde v místě bydliště. Záleží, jakou formu preferujete. Najděte si někoho na stejné vlně a s ním se neustále pošťuchujte kupředu. Čtěte knížky zaměřené na prodej a procesy s ním spojené. Já osobně mám rád knihy od Roberta Kiyosakiho. Ovšem TOP je Největší obchodník na světě.

Pokud tě fascinuje práce s klienty a patříš do skupiny dobrých obchodníků, pak neváhej a rozšiř naše řady. Právě tebe hledáme.

Sdílej na:

Další články:

Nenechte si nic uniknout!

Přihlaste se k odebírání Newsletteru, ve kterém zasíláme nejzajímavější tipy pro úspěšné webové stránky.

Chyby začínajícího tvůrce ve WordPress

Chyby začínajícího tvůrce ve WordPress

Dnes si projdeme, jaké chyby se dají očekávat při začátcích tvorby webů na WordPress. Některým se v začátcích nedá úplně vyhnout, ale jako profík byste s tím již neměli mít větší problém.

1. Šablona

Zde je potřeba se zamyslet jakou a jestli vůbec nějakou použít. Většina free šablon toho umí hodně, ale ty kupované toho umí víc. Obě varianty však nejsou úplně super, když si umíte naskládat web sami jako Custom šablonu

Proč nejsou až tak super? Většina WordPress šablon má v sobě spoustu zajímavých „fičur”, ze kterých využijeme jen zlomek a ten zbytek, který nevyužijeme, se dost často také načítá. Každá milisekunda se počítá. Proto je dobré na toto myslet už v začátku. Za nás doporučujeme GeneratePress.

2. Pluginy

Spousta nováčků velmi ráda používá pluginy. A to doslova na cokoli. Ty můžou být stejně jako šablony jak free, tak placené. U obého je potřeba myslet na to, že WordPress je OpenSource řešení a že kvalitu kódu pluginů nikdo z jádra WordPress nekontroluje. Pokud tedy nejsou přímo ve WP repository. Proto se vám může stát, že vámi použitý plugin nebude až tak dobře komunikovat se šablonou apod. Prosím vás, před každým použitím pluginu se zamyslete, jestli je opravdu potřeba, a nebo jestli není jiná, lepší cesta.  

3. Builder

Toto je fajn řešení, pokud daný builder opravdu ovládáte. Ovšem není builder jako builder a i zde je potřeba vybírat. Nám osobně se nejvíc osvědčil Divi builder, ale máme i dobré reference na Elementor. O ostatních bych se nerad vyjadřoval. Výhoda builderu oproti šabloně je ta, že si dané prvky webu velmi rychle dovedete vyskládat sami. Práci tak vidíte hned a oproti pevně stanoveným hranicím šablony si v builderu můžete prvky upravovat. Nevýhoda je stejná jako u šablon. Mnoho kódu, který nevyužijete.

Elementor

4. Server

Pro menší web s pár stránkami sloužící jako vizitka vám bude běžně stačit snad jakýkoli z dostupných hostingů. Zjistěte si však, jakou má poskytovatel technickou podporu, ať na každý váš požadavek nečekáte týden. Také je dobré zjistit, jestli má hostingová společnost možnost instalace WordPress „na jedno kliknutí.” Také je dobré mít možnost vytvořit si na jednom hostingu tzv. subdoménu kvůli vývojovému prostředí. Jak vytvořit vývojové prostředí si můžete přečíst v článku Jak si vytvořit staging prostředí.

Z českých a slovenských hostingových společností doporučuji WPHosting, ACTIVE 24 + Websupport.

My používáme pro všechny weby VPS servery od DigitalOcean. Zde si vše manažujeme sami. Výhoda je velká rychlost, flexibilita. Nevýhoda je, že na tuto práci potřebujete odborníka

5. SEO

Často podceňované. Spousta začínajících tvůrců toto „odvětví” buďto záměrně přehlíží nebo jen na „to” prostě zapomene. Dnes ještě přitom stačí dodat základní informace pro google do google searche consol a vypsat data v backendu do pluginu k tomu určenému, aby byl váš web velmi brzy indexován. Nezapomínejte také na data u fotek a optimalizaci jejich velikosti. Pokud se rozhodnete psát články, ve kterých využijete spoustu klíčových slov, tak je to taky fajn. Každý web si to zaslouží. Jak psát články si můžete přečíst například v článku Seo – Jak psát články, aby byly čitelné a optimalizované pro vyhledávače

Pro nastavení základních popisů na stránkách používáme plugin od YOAST.

Při tvorbě se vždy držte hesla: „Málo je leckdy víc než hodně.” 

Denně se setkáváme s weby, které mají koupenou šablonu, 40 pluginů a k tomu všemu builder. Jedno s druhým a třetím nechce nebo neumí komunikovat. Věřte mi, že toto není cesta k úspěchu. Majitelé těchto stránek jsou následně nešťastní, že ačkoli zaplatili za tvorbu pěkného, rychlého a bezpečného webu, zůstalo z toho všeho v lepším případě jen to, že je to pěkné. Rychlost a bezpečnost se někam vytratila. Opravy těchto webů už ani moc neděláme, neboť jsme zjistili, že vytvořit novýweb je pro nás i pro klienta stejně a nebo méně finančně náročné

Nad každou věcí, než jí použijete, opravdu přemýšlejte. A pokud si nebudete vědět rady, ozvěte se nám a my vám rádi pomůžeme

Sdílej na:

Další články:

Nenechte si nic uniknout!

Přihlaste se k odebírání Newsletteru, ve kterém zasíláme nejzajímavější tipy pro úspěšné webové stránky.

Tvorba webové stránky pro i4comfort

Tvorba webové stránky pro i4comfort

Aplikace i4comfort od společnosti A-technology přináší komplexní a jednoduchá řešení ovládání technologií ve vašem domě na dálku. Myšlenka úspory v oblasti vytápění, a tím i zmenšení CO2 stopy pomocí inteligentního ovládání technologií, nás zaujala a bylo nám potěšením podílet se na tvorbě webové stránky pro tuto aplikaci. 

Proč a jak vznikla stránka

Stránky pro i4comfort jsme vytvářeli v CMS WordPress pro již stávajícího klienta, kterému jsme již letos spustili kompletně nový produkční web. Společnost A-TECHNOLOGY s.r.o. má své prezentační stránky a-technology.cz, proto bylo důležité nadesignovat webovou stránku i4comfort v podobném duchu jako tu mateřskou a zároveň vytvořit webové stránce vlastní identitu.

Porovnání staré a nové stránky

Stará webová stránka i4comfort měla několik nedostatků:

  • Nesplňovala kritéria zabezpečení.
  • Chybělo vývojové prostředí v podobě stagingu.
  • Logo a vzhled byly zastaralé.
  • Web nebyl responzivní.
Stará webová stránka

Nová stránka:

  • Webová stránka je plně responzivní.
  • Má na více místech CTA tlačítko, které vyzývá k akci, díky čemuž je větší pravděpodobnost získání si zákazníka.
  • Vytvořili jsme nové logo a nadesignovali nový vzhled stránky.
Hlavní stránka i4comfort

Grafika webové stránky

  • Tvorba webové stránky ve WordPress pro i4comfort graficky navazovala na zmiňovanou mateřskou stránku.
  • Stránka má unikátní a zapamatovatelný design.
  • Vytvořením osobité identity stránky je samozřejmé, že jde o samostatný web.
  • Zákazník a-technology zároveň získává familiární pocit.
  • Informace nejsou komunikovány pouze textově, ale jsou znázorněny na mnoha místech graficky, díky čemuž jsou více zapamatovatelné a přehledné.

Technické funkce

Moderní zážitek

Webová stránka disponuje mnoha vizuálními efekty, které jsou zakomponovány tak, že stránku nezpomalují. Web je také responzivní na jakémkoli zařízení.

  • Mnohé animace a interaktivní části využívají čistě možnosti stylování (css).
  • Není nutné donačítat JavaScript ani kvůli některým rozklikatelným interaktivním sekcím, u kterých se jinde běžně používá.
  • Stránka je tak rychlejší, zároveň poskytuje stejně kvalitní zážitek, jako např. zde:
Vizuální efekty webové stránky

Stránka na uživatele reaguje

Symboly jednotlivých technologií se mění podle toho, o čem uživatel momentálně čte. Podle pozic na stránce se mění i CTA tlačítko, ikony, či navigační prvky (horní menu, tečky vpravo). Vše si můžete prohlédnout na stránce „Jak funguje i4comfort“.

Webová stránka na uživatele reaguje

Na stránce ,,Možnosti využití” se také interaktivně mění obrázky podle toho, o čem uživatel čte. Čtenář si tak jednoduše představí jednotlivé prvky, o kterých čte a také si je lépe zapamatuje.Toto vše vytváří unikátní, rychlou a interaktivní zkušenost, která zaujme uživatele.

Výhody nové webové stránky

Šablona na sage

Lehká konfigurovatelnost

  • Námi naprogramované téma pro WordPress umožňuje snadnou konfigurovatelnost.
  • Pro každou stránku je zvláště nastavitelné chování a styl hlavičky stránky.
  • Veškerý obsah je jednoduše editovatelný bez nutného zásahu vývojáře.

Použitelnost z hlediska mobil/desktop

Desktopové prostředí není ani zdaleka jen zvětšeným mobilním prostředím. Myslíme na dobrou zkušenost pro každého uživatele.

  • Na desktopu je využíván veškerý prostor, díky čemuž je na obrazovce poskytnuto co nejvíce informací a ani na velké obrazovce web nepůsobí prázdný.
  • Uživatelská zkušenost na mobilu je zároveň přizpůsobena používání pomocí prstu a také menší obrazovce.
  • Na mobilu je vše jednoduše klikatelné, snadno a rychle dostupné.
  • Mnohé sekce vypadají v porovnání mobilu a desktopu výrazně odlišně.
  • Pro lepší zážitek byly pro mobil mnohé části zjednodušeny, některé vizuální aspekty používané pro desktop vynechány, jelikož neměly pro mobilního uživatele přidanou hodnotu.
Webová stránka je responzivní

Pro i4comfort jsme vytvořili nový web se spoustou vychytávek, který je zároveň rychlý a přehledný. Pokud potřebujete pomoci s tvorbou webové stránky a chcete poskytnout svým zákazníkům kvalitní zážitek, neváhejte se na nás obrátit, rádi vám pomůžeme.

Sdílej na:

Další články:

Nenechte si nic uniknout!

Přihlaste se k odebírání Newsletteru, ve kterém zasíláme nejzajímavější tipy pro úspěšné webové stránky.

Formulář na webu – dobrý pomocník

Formulář na webu – dobrý pomocník

Dnes se budeme zabývat otázkou “Proč mít na webu formulář?”. Pokud děláte webové stránky pro jakéhokoli klienta, vždy je dobré mít na stránkách formulář. Existují totiž klienti, kteří neradi volají, ale raději službu poptají právě přes formulář. Pokud jim tuto službu nenabídnete, ztrácíte je. 

Jaké formuláře můžeme mít

1. Jednoduchý poptávkový formulář

Jedná se o formulář, ve kterém zpravidla bývá jen:

  • Jméno a Přijmení
  • Adresa
  • Telefon
  • E-mail
  • Informace pro nás

Tento formulář zpravidla nalezneme na stránkách živnostníků nebo firem, které nabízejí většinou jen jednu službu.

Jednoduchý poptávkový formulář

2. Složitější poptávkový formulář

Tento druh formuláře většinou použijeme u klienta, který se zabývá více než jedním druhem služeb, nebo prodává více druhů výrobků, ale ještě nemá zájem své služby a výrobky prodávat přes e-shop. Tento druh formuláře může obsahovat například tyto informace:

  • Jméno a Přijmení
  • Adresa
  • Telefon
  • E-mail
  • Služba/výrobek – výběr z 2 až X  
  • Informace pro nás

Formulář většinou využívají ti, kteří už na vstupu chtějí od klienta více informací, aby jej nezahlcovali „zbytečným“ telefonátem.

Složitější poptávkový formulář

3. Vícestupňový poptávkový formulář

U tohoto formuláře je potřeba si s klientem sednout a podrobně si vyspecifikovat strukturu.  Čím lépe bude specifikace sepsána, o to kvalitnější budeme dostávat poptávky, které budu přiřazeny přímo danému pracovníkovi.

Tento druh formulářů se používá u společností, které se zabývají výrobou více než dvou různých výrobků, mají více segmentů výroby a tyto výrobky/segmenty mohou mít více druhů. Tyto výrobky mají své zákazníky v B2B i B2C sféře. 

Do formuláře je tedy potřeba vměstnat co nejvíce dotazů na návštěvníka webu, ale zároveň je nutné je nastavit tak, aby ho srozumitelně vedly k cíli. Formulář může obsahovat spoustu informací, které mohou mít různé podmínky. Když vyberete jistý druh segmentu, objeví se vám už jen výběr výrobků určených pro tento segment. Od návštěvníka tak dostanete přesnou specifikaci toho, co poptává a jeho poptávku tak můžete poslat přímo na daného pracovníka, který se mu může ihned věnovat. Zkrátíte tak procesně reakční dobu, což návštěvník jistě ocení.

Vícestupňový poptávkový formulář
Vícestupňový poptávkový formulář

4. Formulář napojený na systém

Některé formuláře klienti chtějí napojit přímo na jejich interní systém. Nejen, že to zjednodušší práci, ale především ji zefektivní a vyhneme se tak chybovosti lidského faktoru. Veškeré informace, které nám návštěvník webu předá, putují rovnou do interního systému a přímo na danou osobu. Na příklad se můžete podívat zde: 

Formulář napojený na systém

Objednávka servisu se přepíše do systému Orion a informace putuje k servisnímu technikovi přímo do mobilní aplikace. Servisní technik má relevantní informace o tom, co má opravit a dle bodu na mapě může naplánovat trasu a vyřídit tak více servisních požadavků za den

Co nám formuláře přináší

Cenný kontakt

Když už nic jiného, tak nám formulář přinese cenný kontakt, se kterým můžeme následně pracovat. V případě, že nám potencionální klient zachová kontakt v podobě e-mailu a v lepším případě telefonu, může ho obchodní oddělení kontaktovat a pracovat s ním.

Podrobnější informace

Čím podrobnější je formulář, tím více a přesnějších informací z něj dostaneme. Vždy však dbáme na to, aby se z formuláře nestala vesnická drbna s milionem zbytečných otázek. 

Segmentaci poptávek

Větší společnosti mají na každý druh výrobku speciálního obchodníka. V případě, že asistentka, nebo ještě lépe formulář ví, na koho má poptávku poslat, pošle jí tam. Zkrátí se tak reakční doba a specialista může velmi rychle zareagovat.

Jaké formuláře nejlépe vytvořit

Jednoduché

Každý formulář by měl obsahovat jen nejdůležitější body, na které potřebujeme od klienta odpověď.

Srozumitelné

Ve formulářích upřednostňujeme raději běžné názvy před profesními. Ne každý, kdo navštíví náš web musí být z naší branže, a proto by nemusel rozumět některým profesním, profesionálním názvům. 

Jaké nástroje, pluginy použít k tvorbě formulářů

Free

Je jich pro WordPress nepřeberné množství. Zmíním jen pár:

Contact form 7

Gravity Forms + Custom Post Types

Caldera Forms

Placené

U některých free pluginů si můžete zakoupit jejich rozšířené verze. Já doporučuji pro práci tyto:

Caldera Forms

Gravity Forms

Shrnutí

  1. Před tvorbou formuláře se hodně ptejte klienta.
  2. Domluvte se, které informace jsou od návštěvníka opravdu nezbytné získat.
  3. Méně je někdy více. Do formuláře dávejte opravdu jen nezbytně nutné.
  4. Vyberte dobrý a osvědčený plugin. Některé buildery již mají kontaktní formulář zabudovaný v sobě.
  5. Čím více návštěvníku přes kontaktní formulář získáte, tím máte větší šanci prodeje vašeho výrobku. 

Pokud vás jakýkoli formulář zaujal a chcete pomoct s jeho tvorbou, kontaktujte nás

Sdílej na:

Další články:

Nenechte si nic uniknout!

Přihlaste se k odebírání Newsletteru, ve kterém zasíláme nejzajímavější tipy pro úspěšné webové stránky.

5 věcí, na které nesmíme zapomenout při tvorbě webových stránek

5 věcí, na které nesmíme zapomenout při tvorbě webových stránek

Při tvorbě webových stránek jde o komplexní proces, který tvoří několik činností. Od průzkumu trhu, přes grafický design, programování webu, tvorbu textů až po samotné spuštění webové stránky. Přečtěte si následujících 5 věcí, které jsou při tvorbě webové stránky pro nás velmi důležité, a proto na ně vždy přihlížíme.

Analýza klíčových slov a stanovení cílů

Lidé hledají přes vyhledávače různé výrazy, které jim pomáhají najít to, co hledají. Pomocí analýzy klíčových slov najdeme fráze, které jsou opakovaně vyhledávané a souvisí s vaším zaměřením, díky čemuž zjistíme, přes která klíčová slova se návštěvníci dostanou na vaši webovou stránku.

Před samotnou tvorbou webu je nejdůležitější ujasnit si principy a hodnoty společnosti, které pomáhají k analýze klíčových slov. Je nutné zaměřit se na to, jaké má firma vize do budoucnosti a také jaký je její příběh. Následně je třeba určit cíle, na základě kterých budeme tvořit váš web pro kvalitní sortu klientů.

Analýza klíčových slov je důležitou prioritou pro úspěch webu od které se následně odvíjí optimalizace pro vyhledávače.

Optimalizace pro vyhledávače (SEO)

Díky SEO optimalizaci dostaneme vaši webovou stránku snadněji mezi vrchní výsledky vyhledávání. Při současné míře konkurence ve vyhledávání je co nejlepší optimalizace pro vyhledávače nutností.

Pro SEO optimalizaci „vylaďujeme” nejen texty na stránkách. Jde o komplexnější proces. Co je pro optimalizaci důležité a na co se zaměřujeme?

  • Rychlost načítání; 
  • bezpečnost stránek; 
  • popisky fotek a produktů; 
  • obrázky; 
  • optimalizace textů
  • správné nadpisy, titulky; 
  • technické nastavení SEO; 
  • a mnoho dalšího…

—> O tvorbě optimalizovaného obsahu se dozvíte více v článku Správná tvorba optimalizovaného obsahu webové stránky

—> Jak psát články pro SEO, a děláme to tak i my, si můžete přečíst zde: SEO – Jak psát články, aby byly čitelné, a optimalizované pro vyhledávače

Copywriting

Správná tvorba textů na webové stránce je základem zmiňované optimalizace pro vyhledávače a také samotné tvorby webové stránky. Proto je důležité psát texty nejen zajímavé, ale i gramaticky správné spolu s využitím vhodných klíčových slov. Součástí copywritingu je příprava textů v souladu s analýzou vaší cílovky a jejich optimalizace pro vyhledávače pomocí klíčových slov, správné hierarchie nadpisů atd.

Více o tom, co všechno by měl obsahovat každý článek si přečtěte v článku Náležitosti, které by měl obsahovat každý článek.

Přístupnost webové stránky

Nezapomínejte, že na vaší webové stránce se čtenář musí co nejjednodušeji orientovat. Navíc si dnes již přes 67 % uživatelů prohlíží internet z mobilu nebo tabletu. Pokud uživatel nenajde to, co hledá, stránka je pro něj příliš komplikovaná, vyskakují na něj různá okna, nebo je přehlcena reklamou, okamžitě odchází a vám tak zvyšuje míru opuštění stránky, čímž se také zhoršuje SEO.

Proto tvoříme stránky tak, aby splňovaly potřebná kritéria. Je pro nás důležité, aby vaše webová stránka byla rezponzívní a co nejvíce přístupná pro všechny uživatele.

Co jsou to přístupné stránky a nejčastější problémy webů sepsala naše kolegyně Mishka v článku Přístupný web je výhodný pro všechny.

Jak jsme v přístupnosti pomohli? Přečtěte si naše případové studie:

—> I velká škola se spoustou aktivit může mít přehledný web

—> Přístupný web pro ZŠ a MŠ Otnice

—> Web pro MŠ Hrušovany u Brna na přístupné šabloně

Marketing

Pokud chcete opravdu výkonnou webovou stránku, která přináší výsledky, samotná optimalizace SEO nestačí. Při tvorbě webové stránky si promyslete, jakým způsobem budete vaši stránku prezentovat ostatním. Budete psát blog? Nabízet různé akce, či výhody? Jakým způsobem zakomponujete na webu recenze? Tomu následně přizpůsobíme i tvorbu a design stránky. Po jejím spuštění je také důležité investovat do samotného marketingu, jako například PPC kampaně, či prezentace na sociálních sítích, s čím vám také rádi pomůžeme.

Jak se připravit na marketing si můžete přečíst v článku Připravte se pořádně na marketing.

Pokud chcete, aby vaše webová stránka byla výkonná a přinášela vám zákazníky, neváhejte nás kontaktovat, rádi vám pomůžeme.

Sdílej na:

Další články:

Nenechte si nic uniknout!

Přihlaste se k odebírání Newsletteru, ve kterém zasíláme nejzajímavější tipy pro úspěšné webové stránky.

Náležitosti, které by měl obsahovat každý článek

Náležitosti, které by měl obsahovat každý článek

Každý článek musí dodržovat určité náležitosti, aby byl vhodný k publikaci. 

Nevíte, co znamenají pojmy, uplatňované při psaní článku?

  • Nadpis (H1);
  • perex;
  • úvod;
  • podnadpisy (H2, H3 a další);
  • hlavní obsah;
  • závěr;
  • meta description,

pak v tomto článku naleznete odpovědi, včetně umístění kategorií a správného plnění obsahu.

Nadpis

  • Nadpis by měl být dlouhý minimálně o 50 znacích ale optimální délkou je 70 znaků.
  • V nadpisu se pokuste umístit klíčové slovo na první pozici
  • Nadpis by měl obsahovat sloveso pro větší důraznost článku. To, by mělo být obsaženo v jednom z prvních 5 slov.

Perex

  • Perex je úvodním odstavcem pro celý článek. Zde se ptáme na otázky, kdo, kdy, kde a proč.
  • Perex je ztučněný text na začátku článku. Optimální délkou pro perex je 1-4 řádky
  • V perexu by mělo být uvedené o čem článek je, ale neměl by se opakovat nadpis článku.

Úvodní odstavec

Na perex, navazujeme plynule úvodním odstavcem. Optimální délkou pro úvodní odstavec je 1-4 řádky ale bohatě postačuje i jeden řádek.

H2, H3 a další

Podnadpisy nám pomáhají k přehlednosti článku, využívejte a komponujte klíčová slova i v tomto případě. Dbejte na řádné řazení jednotlivých podnadpisů. Pokud podnadpisy nemají řád, článek je rázem pro čtenáře nepoužitelný, zavře web a odchází.

U H2 a dalších, již nemusíte psát, tak dlouhé nadpisy, jako je tomu u hlavního nadpisu, postačuje pár znaků.

Obsah

Jak napsat čitelný a optimalizovaný článek, který je vhodný pro čtenáře a ideální pro vyhledávače, jsme pro vás napsali minule, můžete si ho přečíst.

Ve zkratce, ideální délkou pro odstavce je 1,5-5 řádků, ale je dobré nepsat každý odstavec stejně dlouhý, aby čtenáři nepřipadal text jednolitý.

Závěr

K závěru se váže CTA neboli CALL TO ACTION, je to fráze, která vyzývá čtenáře k akci. 

Jako CTA můžete využít věty typu:

  • Pokud se vám článek líbil, zanechte nám komentář, jak se vám náš nový produkt líbí.
  • Pakliže máte více dotazů, neváhejte nás kontaktovat přes kontaktní formulář.
  • Líbí se vám náš nový produkt? Kdykoliv nás můžete kontaktovat s dalšími otázkami.

Závěr by nikdy neměl opakovat informace, které již byly zmíněné v článku!

Meta description

Je obdoba perexu, ale je to odstavec, který se objeví pod vaším linkem ve výsledku vyhledávače. První se zobrazí meta title a pod ním se zobrazuje odstavec, ve kterém máte uvést informace o článku s dostačujícím apelem.

Pozor si dávejte především na obsahový text descriptionů, aby se vám neopakovala stejná slovesa a stejné apely. 

Meta description by měl být o délce 140-160 znaků.

Uvádějte zdroje

Pokud se inspirujete na jiných webových stránkách nebo v knize, vždy označte zdroj, ze kterého jste čerpali. Pakliže tak neučiníte, hrozí vám pokuta za porušení autorských práv.

Zmiňte své, i externí linky

V textu je ideální uvést takzvané prolinkování, kdy alespoň jeden link vede navaše stránky. Může se jednat o výzvu k nákupu nebo o přesměrování na jiný článek. Stejným způsobem zakomponujte do textu i externí odkaz ale nikdy to netlačte silou! Pokud to nejde, je lepší nechat text jak je, než ho komolit.

Obrázky

U článků by neměly chybět ani obrázky, díky kterým váš text oživíte a dodáte mu duši. Obrázek si dnes můžete zdarma stáhnout ve free photo bance nebo pořídit vlastní fotografie. Vždy je lepší umisťovat vlastní fotografie!

K obrázkům se pojí vlastnost ALT atributů, které slouží jako popis fotky v situaci, kdy se čtenáři fotka nezobrazí. Je proto důležité kvalitně fotky popsat. Například: „Bílý notes s poznámkami, na kterém je položené modré pero. Na stole je modrá kaňka od inkoustu.” Tato věta, je jako popis dostačující, pakliže vaším klíčovým slovem je slovo inkoust. 

Nezapomínejte, že i do ALT atributů je vhodné klíčové slovo umístit, pokud se pojí s danou fotografií.

Tip na závěr

Nepoužívejte podtržená slova – pokud chcete v článku použít podtržené slovo, či větu, působí to jako odkaz, na který může chtít čtenář kliknout ale nic se mu nezobrazí. Na stejném principu funguje i modrá barva písma!

Jestli stále váháte a nejste si jistí, vyhledejte osobu, která se tomuto věnuje a pomůže vám s tvorbou. 

Sdílej na:

Další články:

Nenechte si nic uniknout!

Přihlaste se k odebírání Newsletteru, ve kterém zasíláme nejzajímavější tipy pro úspěšné webové stránky.

Jak si vytvořit staging prostředí?

Jak si vytvořit staging prostředí?

V minulém článku jsme diskutovali o tom, proč je dobré si vytvořit staging prostředí. Nyní přišel čas na to, abychom si trochu zašpinili ruce a vytvořili skutečný staging. Před tím než začneme si pojďme shrnout, jaké jsou pro staging prostředí požadavky.

1. Prostředí shodné s produkcí

Ujistěte se, že vaše staging prostředí používá stejné verze softwaru. To znamená stejnou verzi operačního systému, databáze, PHP, serverové aplikace atd. Každá aplikace se chová různě v jiných verzích a dokonce i pod jiným OS. Váš WordPress, pluginy a verze témata by měly být stejné jako na stagingu, tak na produkci. Díky tomu budete moci přesně otestovat a diagnostikovat produkční chyby a debugovat je.

Také je důležité abyste měli, ve všech úrovních a v obou prostředích, stejná pravidla a nastavení cache. To může odhalit například problémy s cache, wp nonces pro formuláře, nebo jiné problémy spojené s ukládáním do cache.

2. Neveřejné prostředí

Vaše staging prostředí je určeno pro soukromé účely jako debugování, testování a ukazování změn klientovi. Měli byste se vyhnout tomu, abyste publikovali vaše staging prostředí pro mnoho důvodů. Jedním z nich je duplicitní obsah pro Google, který bude mít negativní vliv na vaše SEO. Nejlepším způsobem je použití Basic Auth (přihlašovacího jména a hesla), které můžete snadno sdílet ve svém týmu nebo s vaším klientem, no pro boty a vnější svět tak vytvoříte neproniknutelnou bariéru.

Standardní sdílený hosting

Pokud máte nižší rozpočet a používáte „standardní” řešení hostingu, vytvoření staging prostředí je trochu složitější ale ne nemožné. Mnoho poskytovatelů hostingu vám umožňuje vytvořit druhý web na subdoméně např. staging.example.com nebo jako podsložku example.com/staging. Pokud na vašem dashboardu není možnost „vytvořit novou stránku”, měli byste postupovat podle těchto obecných kroků:

  1. Zjistěte si, který typ instalace je povolen (subdoména vs. podsložka).
  2. Vytvořte nového (S) FTP uživatele pro přístup do kořenového adresáře vaší staging webové stránky. Obvykle to je něco jako (ROOT/subdom/staging, ROOT/staging).
  3. Pokud je to možné, nastavte nového uživatele databáze a novou databázi. V případě, že produkce i staging sdílejí DB, musíte se ujistit, že stránka stagingu používá rozdílný $table_prefix.
  4. Pokud používáte instalaci subdomény, nasměrujte subdoménu na IP hostujícího serveru. Nezapomeňte pro tuto subdoménu vytvořit uvnitř hosting panelu SSL certifikát.
  5. Exportujte databázi z vaší produkční stránky. Při tomto kroku je důležité spustit search-replace (hledat-nahradit) ve všech vašich databázových tabulkách, abyste změnili produkční adresy URL na stagingové. Pokud je to aplikovatelné, změňte i prefixy tabulek.
  6. Importujte databázi se změněnými adresami URL a prefixy.
  7. Zkopírujte soubory z kořenového adresáře vaší produkční webové stránky.
  8. Upravte wp-config.php tak, aby odpovídal všem nastavením (nová URL, přihlašovací údaje do databáze, wp salts, prefixy tabulek atd.).
  9. Zkopírujte všechny soubory do kořenového adresáře staging stránky.
  10. Upravte .htaccess a .htpasswd abyste aktivovali ochranu přes basic auth.
  11. Můžete navštívit vaši novou staging stránku.

Protože je vaše nová staging stránka na stejném serveru jako vaše produkce, nebudete potřebovat žádné další hacky týkající se nastavení. Jen se ujistěte, že jste nastavili stejné časové limity a limity pro paměť v PHP. Někteří poskytovatelé hostingu také umožňují používat na vašem stagingu jinou verzi nástroje PHP/DB, což je skvělé pro testování před aktualizací vašeho produkčního serveru.

Profesionální hosting nebo server, který je spravován

Mnoho profesionálních poskytovatelů hostingu nebo poskytovatelů správy serveru umožňují si jednoduše vytvořit staging prostředí v dashboardu. Stačí si ve vašem dashboardu vyhledat v angličtině „environments” nebo „staging/testing”, nebo se poradit s podporou. Prostředí stagingu je obvykle součástí vašeho předplatného, takže by se neměly účtovat žádné další poplatky.

Server spravován samostatně

Spravujete si svůj server sami? Skvělé! Jako první vylepšení, byste měli začít používat nástroj pro správu konfigurace, jako je například Ansible nebo Puppet. Udělejte to, i když nyní spravujete pouze jeden server. Uvidíte, jak vám to usnadní život.

Tady v Zeni, používáme Trellis, což je sbírka Ansible playbooků pro WordPress projekty. Přichází s přednastavenými prostředími pro vývoj, staging, produkci spolu s automatizovaným nasazením a nastavením. Vaše prostředí můžete mít automatizované již za pár hodin.


Potřebujete pomoc se staging prostředím nebo řešením hostingu? Poskytujeme profesionální hostingové řešení s plnou automatizací nasazení a verzování, založeného na Ansible a Gitlab CI, jakož i konzultace o tom, jak dosáhnout toho aby byly vaše projekty jednoduše manažovatelné. Napište nám prostřednictvím kontaktního formuláře a my s vámi prodiskutujeme nejlepší řešení pro váš projekt.

Sdílej na:

Další články:

Nenechte si nic uniknout!

Přihlaste se k odebírání Newsletteru, ve kterém zasíláme nejzajímavější tipy pro úspěšné webové stránky.