zpět v roce 2017 byla ve společnosti, ve které jsem pracoval, příležitost naučit se webdesign.
začal jsem se učit HTML, CSS a Javascript. Docela jsem si to užil. Dokud jsem nenarazil na své první brouky. Později mi byl přidělen vedlejší projekt: skutečný web. Byl jsem nadšený, kolegové tu pro mě byli, když jsem požádal o pomoc.
o několik měsíců později jsem pracoval na úkolu pro-bono WordPress pro nevládní organizaci.
dovolte mi říci, že jsme byli na cestovním trhu a dělal jsem marketing. Ale tam byla tato kultura zmocnění lidí v učení se novým dovednostem.
jsem Typ DIY a uvědomil jsem si, že křivka učení pro kód učení je mnohem delší, než se očekávalo. S WordPressem to fungovalo jinak.
rychle vpřed, v roce 2020 jsem skončil pracovat pro tvůrce Colibri, Colibri je populární WordPress drag and drop tvůrce stránek.
věci jsou dnes s takovými nástroji tak snadné. WordPress může opravdu zmocnit lidi k vytvoření webové stránky od nuly v žádném okamžiku. A inspirace pro webové stránky je prostě … po celém internetu.
zde jsou kroky:
- Vyberte si doménové jméno
- získejte hosting webových stránek
- seznamte se s rozhraním WordPress
- nainstalujte téma WordPress
- Sestavte si svůj web WordPress
- nainstalujte důležité pluginy WordPress
protože některé kroky nestačí k tomu, abyste měli supercalifragilisticexpialidocious web, mám pro vás jeden bonus konec průvodce: tipy a triky pro návrh UX.
ale než skočím do tématu, chci si posvítit na jiné téma. Nebude to trvat dlouho, slibuju.
kolik stojí web WordPress?
pokud máme provést rozpis nákladů pro web WordPress, měli bychom zahrnout:
- nákup domény: ceny mohou začít na $ 15 / rok
- hosting akvizice: ceny začínají tak nízké, jak $ 8 / rok
- WordPress téma. Nyní, v závislosti na úrovních přizpůsobení a na tom, kolik funkcí chcete zahrnout, můžete začít s $0. Pokud se nechcete spokojit se základním webem, roční tematické plány WordPress se točí kolem 70$.
- WordPress pluginy. Mnoho z nich je zdarma, ale pokud chcete pokročilé možnosti, budete muset upgradovat na platební plán.
to znamená, že nejzákladnější web začne od 23 $ / rok. V okamžiku, kdy chcete pokročilé funkce motivu, náklady se zvýší na přibližně 100 USD / rok.
při upgradu pluginů můžete nakonec zaplatit kolem $ 200-500 ročně.
pokud chcete něco na zakázku a potřebujete zavolat vývojáře WordPress, náklady mohou v prvním roce překročit $1000.
u internetových obchodů se náklady mohou výrazně zvýšit, protože potřebujete spoustu funkcí a výkon a bezpečnost jsou na prvním místě.
Nyní, když to vyjasníme, je čas se dnes dostat na konec našeho tématu: Jak vytvořit web WordPress v roce 2021.
vyberte název domény
zdroj: https://unsplash.com/photos/N1XUwR8iOf0
pokud jste to ještě nevěděli, název domény je název vaší firmy nebo název produktu. Jména mohou být opravdu silné, takže se nemusíte být ukvapený při výběru názvu domény. Pokud máte pocit, že máte studené nohy, nebojte se, existují nástroje, které vám mohou pomoci.
tipy a triky pro výběr názvu domény webu
před chvílí jsem dělal nějaký brainstorming pro doménu webu pro firmu a uvědomil jsem si, že „Wazz“ znělo docela zajímavě. Je to krátké, snadno zapamatovatelné. Ale ve chvíli, kdy jsem to vygooglil, dobře….dovolte mi říct, že jsem se rozesmál. V britském slangu to znamenalo „močení“. Opravdu lidi, proveďte svůj výzkum.
později jsem chtěl pojmenovat svůj fotografický web. Analyzoval jsem „měsíční svit“. Bylo to tak hezké, romantické, pohádkové … až na to, že to nebylo.zdá se, že to znamenalo „nezákonně destilovaný nebo pašovaný alkohol“.
takže se ujistěte, že vaše pojmenování je jedinečné, nezapomenutelné a nemá žádný podivný význam v angličtině nebo jiném populárním jazyce (např. Pokud jste místní firma, můžete to přeskočit.
nyní se podívejme trochu na malý kontrolní seznam pro výběr názvu domény pro váš web WordPress:
- Vytvořte seznam relevantních klíčových slov pro vaši firmu / produkt. Přemýšlejte o tom, jak by se uživatelé měli cítit po použití produktu. Řekněme, že máte řadu produktů pro pokožku založenou na přírodních surovinách. Váš seznam může obsahovat slova jako „kůže“,“ péče“,“ bezpečné“,“ přírodní“,“ krásné“,“ čerstvé “ atd. Pomocí nástroje, jako je Namelix nebo Novanym, můžete generovat nápady na názvy domén.
- zkontrolujte význam nově nalezeného názvu domény. Vždycky jsem to google takhle „{vložit název zde} význam“. Skončím se slovníkovým vysvětlením. Dále jdu na obrázky Google a uvidím, jak se to shoduje. Možná je tu zpěvák s tímto jménem, manga kreslený název, atd. Pokud ano, budete muset proces znovu provést.
- vyhledejte název domény na Facebook nebo LinkedIn a zjistěte, zda existuje obchodní stránka s tímto názvem.
- zkontrolujte, zda je k dispozici doména webových stránek. Pro mnoho webů je“. com “ nejlepší doménou nejvyšší úrovně (TLD), následovanou „.org“,“. Net“ nebo“. io“.
- kupte si doménové jméno. Můžete tak učinit prostřednictvím registrátora domény, jako je GoDaddy, nebo prostřednictvím poskytovatele hostingu.
a to nás vede k naší další kapitole.
získejte hosting webových stránek
každý web, který jste kdy navštívili, je hostován na serveru. To znamená, že budete muset získat webhosting od poskytovatele hostingu.
vzhledem k tomu, že vytváříme web WordPress, můžete si vybrat hostingový plán WordPress.com nebo nějaký jiný poskytovatel hostingu třetí strany.
dovolte mi něco vyčistit, než budeme pokračovat. Existují wordpress.com a wordpress.org. rozdíl je v tom, že na WordPress.com můžete hostit a vytvořit webové stránky. Od WordPress.org obvykle získáte témata a pluginy pro svůj web, který je hostován jinde. Můžete porovnat WordPres.com plány zde.
hypotéza této příručky je taková, že opravdu chcete vybudovat značku a mít plnou kontrolu nad svým webem. To znamená, že půjdete k poskytovateli hostingu třetí strany.
existují tři hlavní hostingové služby: Sdílený hosting, VPS a spravovaný hosting. V první situaci jsou zdroje serveru rozděleny mezi více webů. Z dlouhodobého hlediska, pokud tyto stránky rostou, a vaše také, můžete narazit na problémy s výkonem. Možná si uvědomíte, že potřebujete službu VPS nebo plán řízeného hostingu.
takže je třeba mít na paměti při výběru poskytovatele hostingu: jaké jsou vaše obchodní cíle?
pokud půjdete s hostingem VPS, zdroje budou stále sdíleny, ale získáte nad nimi určitou kontrolu. Uvidíte také vylepšení, pokud jde o bezpečnost a výkon.
Managed hosting je trochu „à la carte“ služba. Získáte svůj vlastní fyzický server pro sebe a uvidíte zvýšení výkonu a zabezpečení.
rozhodně se věci mohou zkomplikovat, ale chtěl jsem jen vykreslit celkový obraz hostingu.
dále, když analyzujete plány, Podívejte se blíže na:
- ceny
- úložiště
- podpora
- výkon
Někteří poskytovatelé hostingu mají některé další funkce zabalené, jako je nabídka domén (např.
nyní jste si pravděpodobně všimli, že některé webové stránky používají „HTTP“ nebo „HTTPS“. Co je s nimi?
HTTP je základem moderního webu. Spojuje prohlížeče a servery a funguje na základě požadavku a odpovědi. Nyní, extra “ s “ znamená, že připojení k webu je šifrováno a data sdílená s webem jsou bezpečná.
řekněme, že uživatel provede platbu na vašem webu nebo se přihlásí k účtu. Informace, které uživatel zadá, budou soukromé. Bezpečné před hackováním. To se děje prostřednictvím technologie SSL, což znamená “ Secure Sockets Layer.“Pro spotřebitele vidí „HTTPS“ signály důvěry, protože můžete chránit jejich data a soukromí. To znamená, že budete muset získat certifikát SSL.
ujistěte se, že zvolený plán obsahuje také toto.
v okamžiku, kdy získáte svůj hostingový plán a nastavíte své přihlašovací údaje, bude jediným chybějícím kusem samotný WordPress. Většina poskytovatelů hostingu vám umožňuje nainstalovat WordPress z jejich řídicího panelu / Průvodce. Je to celkem intuitivní.
jak se přihlásíte na svůj web? Snadné peasy. Stačí do prohlížeče zadat adresu své webové stránky a přidat k ní „/ wp-admin“, jak je vidět níže.
seznamte se s rozhraním WordPress
Panel WordPress má Sekce 9. Pojďme se na ně podívat.
nastavení WordPress
uvnitř této sekce je 7 dalších položek nabídky. Stručně popíšu nejdůležitější věci, které je třeba udělat zde.
- v části „Obecné“ můžete nastavit název webu, slogan, adresu URL, Časové pásmo, čas & formát data a jazyk.
- v části „čtení“ řeknete WordPress, která stránka slouží jako domovská stránka a která je vaším „blogem“. To je důležitý krok. Také si vyberete, kolik blogových příspěvků se může na stránce zobrazit nebo zda chcete, aby váš web indexoval Google.
- v části „diskuse“ provedete nastavení komentářů blogu.
- uvnitř „Media“ Můžete nastavit maximální rozměry v pixelech, které chcete použít při přidávání obrázku do knihovny médií.
- uvnitř „Permalinks“ nastavíte formát adres URL.
- můžete definovat své stránky zásad ochrany osobních údajů uvnitř „soukromí“.
nejlepší způsob, jak přistupovat k panelu „nastavení“, je zadat všechny tyto položky a vyplnit chybějící informace, abyste se ujistili, že nic důležitého nevynecháte. Věci jsou docela jednoduché, takže se nemusíte dostat studené nohy. Veškeré nastavení lze provést za méně než 30 minut.
WordPress stránky a příspěvky
co potřebujete vědět, je, že váš obsah půjde dovnitř „stránky“ nebo „příspěvky“. Zde strávíte 95% svého času.
„stránky“ jsou statické. Můžete mít stránku „domovská stránka“,“ služby“, stránku“ Kontaktujte nás“, dostanete bod. Pod příspěvky můžete mít své nejnovější články blogu, možná vaše portfolio. Jedná se o dynamické stránky, protože automaticky umístí váš nejnovější obsah webu na vrchol.
když vyberete „příspěvky“ z řídicího panelu, budete moci vytvořit příspěvek, vizualizovat všechny příspěvky a spravovat značky a kategorie.
nový příspěvek můžete vytvořit, pokud vyberete „Přidat nový“, jak je vidět výše, nebo přejděte na“ všechny příspěvky „a poté vyberte“Přidat nový“.
stejné práce pro stránky.
to, co uvidíte ve svých „všechny stránky“ nebo „všechny příspěvky“, jsou některé výchozí stránky a příspěvky nasazené podle vašeho motivu.
nyní, jak můžete upravit příspěvek nebo stránku?
když umístíte kurzor myši na výchozí stránky a příspěvky, uvidíte některé možnosti: Upravit, rychlé úpravy, koš, Zobrazit. Na obrázku výše je také „upravit v Colibri“. Je to proto, že jsme nainstalovali plugin, který vám umožní přizpůsobit stránky pomocí Colibri WordPress builder(ale o tom si promluvíme o něco později).
WordPress media
všechna vaše média jsou zde: obrázky a videa. Můžete je přetáhnout nebo nahrát.
můžete také přidat média z úrovně příspěvku/stránky. Ukážu vám více na toto téma později.
WordPress komentáře
část 4th dashboard se nazývá „Komentáře“. Zde můžete spravovat komentáře svých příspěvků. Obdržíte spoustu spamových komentářů, které lze přesunout do spamu nebo koše. Můžete schválit příslušné.
menu „Vzhled“
na této úrovni můžete:
- vyhledejte, nainstalujte a aktivujte motiv (více podrobností v následující kapitole).
- Přizpůsobte widgety a přidejte bloky obsahu do postranních panelů, zápatí a dalších oblastí vašeho webu.
- Definujte nabídky svého webu WordPress.
- přidejte na svůj web obrázek na pozadí.
- upravte kód motivu v „editoru motivů“ (doporučeno pouze v případě, že jste vývojář).
nyní, v okamžiku, kdy aktivujete určité pluginy, můžete vidět několik nových položek nabídky pod „vzhled“. V tomto případě, protože jsme aktivovali téma Skyline, vidíme možnost nastavit jej v části „Nastavení SkylineWP“. Každé téma může přijít s vlastním nastavením.
„Install Plugins“ je další další položka nabídky přidaná motivem Skyline. Zde uvidíte některá doporučení pluginů, která dobře fungují s Skyline.
to nás vede k naší další položce nabídky.
pluginy
existuje spousta funkcí, které nelze spravovat pouze tématem, jako je SEO optimalizace, SEO audit, zabezpečení webových stránek a zálohování, tabulky, formuláře, funkce elektronického obchodování a další. Pluginy jsou zde, aby kompenzovaly nedostatek takových možností.
zde je malý návod, jak nainstalovat, aktivovat a deaktivovat pluginy. Je to všechno intuitivní a uživatelsky přívětivé.
Uživatelé
na této úrovni se rozhodnete, kdo má přístup na vaše webové stránky. V závislosti na vašich potřebách můžete poskytnout přístup přispěvatelům, hostujícím autorům, editorům a dalším.
nástroje
v části „nástroje“ budete mít možnost importovat a exportovat data nástrojů do az jiných systémů pro správu obsahu (např. Bloger).
k dispozici je také sekce“ zdraví webu“, která zobrazuje důležité informace o konfiguraci WordPress a položkách, které vyžadují vaši pozornost, s několika radami.
protože musíme respektovat zásady ochrany osobních údajů, můžete zde exportovat nebo vymazat osobní údaje svých uživatelů.
a tím jsme zabalili kapitolu WordPress dashboard.
pojďme k zajímavějšímu podnikání.
jak nainstalovat téma WordPress
Chcete-li to provést, musíte přejít na řídicí panel WordPress admin, v levém menu klikněte na „vzhled“ a poté na „motivy“.
dále klikněte na tlačítko“ Přidat nový“.
uvidíte spoustu šablon, které se zobrazují, a můžete je filtrovat podle nejnovějších, doporučených, popularity … nebo podle funkcí.
jsme hrdí na to, že naše vlastní témata Mesmerize a Colibri jsou uvedena v top 20 nejoblíbenějších tématech WordPress.
v okamžiku, kdy si vyberete motiv, klikněte na „Instalovat“ a poté na „Aktivovat“.
téma WordPress můžete také aktivovat, pokud se vrátíte zpět na vzhled – >témata.
celý proces instalace je vysvětlen také v našem tutoriálu.
Nyní jste připraveni na rock and roll!
přes GIPHY
Vytvořte si svůj web WordPress
v aplikaci WordPress závisí design vašeho webu na zvoleném tématu. Pokud potřebujete něco navíc, no … možná budete muset najít něco, co vyplní chybějící funkce.
každé téma WordPress má obvykle 2 Návrhy: jeden pro blog a jeden pro stránky. Barvy jsou omezené, neexistují žádné speciální úpravy. To znamená, že v určitém čase se pluginy hodí.
nyní WordPress témata mají téma customizer se základními funkcemi. Jsou vhodné pro ty, kteří nepotřebují žádné vlastní funkce a chtějí vytvořit své stránky opravdu rychle. V případě potřeby můžete přidat vlastní styly CSS. Jen nezapomeňte vybrat téma, které má rozvržení, které odpovídá vaší vlastní vizi.
jak můžete přizpůsobit motiv? Stačí přejít na vzhled – > přizpůsobit.
z levé strany si můžete vybrat, co chcete upravit: obsah, menu a další. Na pravé straně je náhled vašeho webu. Text můžete změnit v reálném čase kliknutím na ikonu Tužky.
na druhé straně příběhu, máme WordPress stavitelé. Jsou to pluginy, které vám pomohou vytvořit skutečně jedinečné webové stránky. Rozložení motivu můžete zcela změnit.
v našem případě Skyline předinstaluje takového stavitele zvaného Colibri, použijeme jej jako příklad.
v závislosti na verzi motivu, bezplatné nebo placené, máte různé prvky na hraní: od záhlaví, konkrétních částí stránky až po drobnější komponenty, jako jsou volání na akci, karty, čítače, akordeony a další.
můžete upravit svůj motiv jako dříve, od vzhledu – > přizpůsobit nebo použít zkratku, jak je uvedeno níže.
co se změní? Získáte přístup k dalším funkcím uvnitř Customizeru.
kromě použití customizer, je tu další možnost pro webové stránky přizpůsobení v WordPress-výchozí editor – Můžete k němu přistupovat z možnosti „Upravit“ pod každým příspěvkem a stránkou. Také v okamžiku, kdy přidáte nový příspěvek nebo stránku, dostanete se přímo do výchozího editoru(pokud nemáte aktivovaný tvůrce).
takže v naší další kapitole půjdeme do hloubky s tím, jak:
- vytvořte web WordPress pomocí nástroje WordPress page builder
- vytvořte web WordPress pomocí výchozího editoru WordPress
a. jak vytvořit web WordPress pomocí bezplatných nástrojů pro tvorbu webových stránek
nástroje pro tvorbu webových stránek WordPress vám pomohou posunout WordPress Customizer na zcela novou úroveň. Budete moci přizpůsobit vše: záhlaví, obsah stránky, zápatí, navigační nabídky, globální, individuální styl, co si jen vzpomenete! Žádné design nebo kódování dovednosti potřebné!
je to obvykle drag and drop proces. A nemusíte se starat o mobilní design, stavitelé mají pokrytý aspekt reakce.
jak upravit nastavení webových stránek v Přizpůsobovači
podívejte se na levý boční panel. Nyní přejděte dolů na „Obecná nastavení“.
zde je místo, kde můžete nastavit:
- název vašeho webu.
- celkové barevné schéma a typografie vašeho webu.
- šablony pro blog, záhlaví a zápatí: jaké pozadí použít, mezery, ohraničení, stíny atd.
- mezery: uvnitř tlačítek, sloupců atd.
- vlastní CSS Styling
jak vytvořit obsah v WordPress pomocí builderů
jak již bylo zmíněno dříve, pokud chcete vytvořit novou webovou stránku, přejděte na „stránky“ a vyberte „Přidat nový“. Budete přesměrováni na výchozí editor WordPress, kde pojmenujete svou stránku. Dále vyberte „Upravit pomocí Colibri“.
pokud chcete upravit existující stránku WordPress, stačí kliknout na „Upravit v Colibri“.
jak přidat sekce na vaše stránky WordPress
každý znak “ + “ v levém bočním panelu otevře okno s bloky a komponenty. Můžete posouvat dolů, dokud nenajdete design, který máte rádi, nebo jen zadejte kategorii. Zde jsou Kategorie dostupné v Colibri builder: Hero Accent, About, funkce, Obsah, výzva k akci, Blog, čítače, Portfolio, Fotogalerie, posudky, klienti, tým, kontakt, F.A. Q. A Ceny.
Jedná se o předdefinované šablony, které budou odpovídat barevnému schématu podle vašeho výběru.
výběrem jednoho z bloků kliknutím na znaménko „+“ zobrazující se na bloku bude blok umístěn ve spodní části stránky.
můžete je přesunout kamkoli budete chtít, přetažením sekce z levého bočního panelu.
k dispozici je také možnost „prázdných“ bloků.
to znamená, že je můžete přizpůsobit, jak uznáte za vhodné. Nakonec můžete svůj design dokonce uložit pro pozdější použití.
z ikony nastavení v pravém horním rohu každé sekce můžete upravit počet položek na řádek, můžete změnit pořadí položek, Přidat nové bloky a dokonce odstranit celou sekci.
jak přizpůsobit části stránky WordPress
pokud chcete změnit text ve svých sekcích, můžete to udělat in-line, což znamená uvnitř samotné sekce, žít.
in-line editace není k dispozici pro texty na tlačítkách. Budou spravovány v panelu vlevo.
pokud chcete změnit obrázek z vašeho webu, je to vše intuitivní. Začněte výběrem obrázku.
budete moci vidět uvnitř panelu na levé straně stejně. Klikněte na obrázek. Zobrazí se nové okno s výzvou k nahrání obrázku nebo výběru z knihovny. Pokud se rozhodnete nahrát, můžete tak učinit přetažením.
nyní, když se vrátím k panelu, který jsem právě zmínil, má 3 hlavní možnosti: rozvržení, styl a pokročilé. Kdykoli vyberete sekci z náhledu webu vpravo, uvidíte odpovídající panel sekce.
vezměme je jeden po druhém:
- dispozice
zde můžete nastavit šířku a výšku kontejneru na úrovni konstrukce. . Jednoduše řečeno, kontejner je skutečný prostor, který blok zabírá. Uvnitř kontejneru umístíte obsah(text, obrázky).
můžete také upravit rozestup obsahu a jak blízko k horní nebo dolní části se umístí.
můžete také přidat nové řádky uvnitř bloku.
- Styl
na této úrovni můžete přizpůsobit pozadí bloku nebo přidat děliče. Děliče jsou vizuální podněty, které signalizují, kdy část webové stránky končí nebo začíná.
- pokročilé
Zde přichází zábava, lidi!
od typografie a mezer až po citlivost se zde můžete dostat do nejmenších podrobností o webových stránkách.
můžete vytvořit variace v závislosti na stavu prvku: normální nebo vznášející se.
pokud vyberete určitý prvek uvnitř blogu, řekněme Nadpis, stejný panel se zobrazí vlevo.
to znamená, že s editací můžete jít podrobněji.
když už mluvíme o nadpisech a zrnitějších prvcích, nazývají se“komponenty“. Uvidíme, jak s nimi můžete hrát.
jak používat komponenty ve vašem webu WordPress
komponenty odkazují na nadpisy, posuvníky, děliče, tlačítka, karusely, ceny a další. Mohou být přístupné stejným způsobem jako bloky. Sedí vedle sebe a mají funkci drag and drop. Colibri nabízí 40 komponent.
jak již bylo zmíněno dříve, můžete je upravit z panelu vlevo, pokud přejdete na „rozvržení“,“ styl „nebo“upřesnit“.
mobilní odezva
ve světě více zařízení je nezbytné mít plně responzivní web. Ve výchozím nastavení je Skyline mobilní citlivé téma. To znamená, že jeho části se upraví podle různých zařízení. Pokud si chcete prohlédnout, jak vypadá váš web WordPress na tabletech nebo mobilních zařízeních, můžete tak učinit při hraní s ovládacími prvky vlevo dole.
můžete také zvolit skrytí určitých funkcí v mobilu, například uvnitř „pokročilých“ možností.
jak vytvořit nabídku v WordPress Customizer
nyní řekněme, že jste navrhli své stránky a musíte je přidat do nabídky. Na panelu vpravo máte všechny své sekce, objednané shora dolů, jako na vašem webu. Zápatí je vaše poslední část. Pod ním uvidíte některé další funkce.
Zde si můžete vytvořit své menu.
po výběru možnosti „Vytvořit novou nabídku“ se dostanete k pojmenování nabídky a výběru umístění (záhlaví, zápatí, stránky atd.).
při výběru „Další“ budete moci přidat své stránky do nabídky z možnosti“ Přidat položky“. Nemůže to být jednodušší než tohle.
jak pracovat s widgety WordPress
již jsem zmínil, že widgety jsou bloky obsahu, které můžete přidat do postranních panelů, zápatí a dalších oblastí vašeho webu.
při použití pluginu WordPress builder budete používat widgety pouze pro postranní panely WordPress, protože jste předem navrhli rozvržení zápatí.
postranní lišty obvykle používají stránky blogu. Každé téma má různé možnosti widgetů, od vyhledávacích pruhů, posledních příspěvků a komentářů, sociálních widgetů až po obrázky a videa. Řekněme, že chcete zobrazit svůj profil Instagram v postranním panelu, k tomu je widget Instagram WordPress.
jeden z mých oblíbených widgetů je ten, který umožňuje vlastní úpravy HTML. Připadá mi to opravdu silné.
to bylo řečeno, jste docela hotovi. Gratulujeme, váš web WordPress je v provozu!
nyní se podívejme na jinou metodu pro staveniště v WordPress.
B. Jak vytvořit web WordPress pomocí výchozího editoru WordPress (Gutenberg)
udělám to opravdu rychle. Tento editor je ve WordPressu stále nový (je to výchozí editor WordPress od prosince 2018), ale díky příspěvku komunity se neustále vyvíjí.
klasický Editor WordPress vypadal takto:
nyní máme:
nyní potřebujete vědět, že ne každé téma je kompatibilní s tímto novým editorem. Budete muset najít jednoho připraveného Gutenberga.
návrh rozvržení s výchozím editorem WordPress je omezený. Je také založen na blocích. Nyní, jak jste pravděpodobně zjistili v předchozí kapitole, bloky mohou být skoro všechno: nadpisy, obrázky,tlačítka, videa atd.
nyní, proč netrvám na tématu: pokud zkontrolujete recenze Gutenberg, nejnovější jsou 1-hvězdičkové recenze. Není to dobrá zkušenost. I když už to bylo 2 roky od spuštění a mnoho aktualizací uprostřed, je to stále ještě v plenkách. WordPress se nyní spoléhá na komunitu při vytváření nových bloků, aby se zážitek z úprav mohl vyvíjet.
právě teď se nástroj chová jako textový editor s nízkým výkonem na straně stylingu.
existují nástroje, jako je Kadence, které vám mohou pomoci, ale ještě tam nejsme.
nainstalujte důležité pluginy WordPress
ekosystém WordPress je tvořen tématy a pluginy
existují tisíce pluginů WordPress, které mohou rozšířit funkčnost nebo přidat nové funkce na váš web.
Toto je velmi krátký návod, jak nainstalovat plugin.
naše plugin doporučení
Typ pluginu | co to dělá | doporučení |
WordPress builder | dává vašemu tématu funkce přetažení | Colibri |
SEO WordPress pluginy | minimální změny webových stránek, které mu mohou pomoci organicky zařadit | Yoast SEO |
formuláře WordPress pluginy | použijte formuláře k zachycení cenných uživatelských dat (samozřejmě s jejich souhlasem). | Formátor |
e-mailový marketing | rozvíjejte marketingové kampaně, abyste zůstali v kontaktu se svými odběrateli a klienty. | Mailchimp pro WordPress |
bezpečnostní pluginy | vyčištění malwaru a ochrana před neoprávněným přihlášením. | Jetpack |
e-commerce WordPress pluginy | , které vám pomohou nastavit internetový obchod. | WooCommerce |
Media Library manager | , který vám pomůže uspořádat vaše média. | FileBird |
Anti-spam | zabraňte publikování škodlivého obsahu na vašem webu. | https://akismet.com/ |
Analytics | vám pomůže pochopit váš provoz a chování uživatelů. | Google Analytics |
nyní se podívejme trochu na jiné téma: rychlost stránky.
vaši návštěvníci i Google se hodně starají o rychlost vašeho webu.
Proč Google?
rychlost je důležitým faktorem, který bere v úvahu při organickém hodnocení, což znamená Zde:
proč je rychlost webu špatná pro uživatele a nakonec i pro vás?
pokud jim nabídnete špatnou zkušenost, nemusí se s vaší nabídkou zabývat, nebo se možná v dohledné době ani nevrátí.
podle výzkumu společnosti Google z roku 2018 53% mobilních uživatelů opouští web, který trvá déle než 3 sekundy (Svatý Moly!).
a podívejte se na to!
jak zatížení stránky ovlivňuje mobilní návštěvníky(poznámka: odrazit znamená opuštění webu)?
.
jak to tedy můžete opravit a také zlepšit celkový výkon webových stránek, abyste nedostali palec dolů od svých uživatelů i od společnosti Google?
vybral jsem 2 bezstarostná řešení (existuje mnoho dalších, ale docela technických).
● Optimalizujte obrázky
obrázky vašich webových stránek by neměly být nahrávány v původní velikosti. Zkuste také jít s PNG místo JPEG (mají méně barev).
Smush je náš preferovaný plugin WordPress pro kompresi obrázků. Nebudete vidět žádný viditelný pokles kvality a rychlost stránky bude optimalizována.
● ukládání do mezipaměti
jednoduše řečeno, mezipaměť poskytuje dočasné úložiště pro pozdější přístup k obsahu. Vaše webové stránky se načítají odlišně, pokud jsou přístupné poprvé nebo 5. čas stejným návštěvníkem.
proč tomu tak je?
když máte co do činění s ukládáním do mezipaměti prohlížeče, váš prohlížeč uloží kopii souborů z webové stránky na zařízení uživatele
(pevný disk, mobilní telefon). Když je web uložen do mezipaměti, prohlížeč potřebuje pouze načíst nové nebo aktualizované části stránky a nebude muset iniciovat nový požadavek serveru. Totéž se stane, pokud kliknete na tlačítko“ zpět“, váš prohlížeč zobrazí stránku z mezipaměti. To je
také velmi užitečné při řešení pomalého připojení k Internetu, stránky se načtou rychle.
chcete pochopit více o tom, jak funguje ukládání do mezipaměti? Čtěte dále zde.
nástroje, které zde doporučujeme, jsou:
➔ W3 Total Cache (W3TC) zlepšuje SEO a uživatelské prostředí vašeho webu zvýšením výkonu webu a zkrácením doby načítání.
Hum kolibřík. To má také některé další funkce, které máme rádi, jako je komprese souborů Javascript, HTML & CSS.
jak nyní můžete zkontrolovat, jak rychle se vaše webové stránky načítají?
Google má jen nástroj, který vám s tím pomůže, a také poskytuje některé nápady na opravu.
Bonus: UX design tipy a triky
Pamatujete si, jak říkám “ sky ‚s the limit“ s tvůrci stránek WordPress?
no … vždy existuje „ale“. Když navrhujete webové stránky, měli byste mít vždy na paměti vaše
publikum nebo kupující personas (jak obchodníci rádi říkají). Musíte jim poskytnout skvělý zážitek na vašem webu, to je to, co UX znamená (user-experience).
nyní existují určitá pravidla, která byste měli dodržovat, abyste poskytli uživatelský zážitek bez tření.
uspokojte potřeby uživatelů
uživatelé na webu nechtějí příliš přemýšlet. Potřebují užitečné informace, které lze snadno odstředit a pochopit. Nepotřebují zážitek skládající se z mnoha kliknutí nebo hodně tam a zpět.
lidé hledají okamžité uspokojení: najít to, co potřebují, rychle a snadno. Pokud se to na vašem webu neděje, budou hledat další.
vizuální hierarchie
ne všechny části webových stránek jsou zpracovány stejně, některé jsou důležitější než jiné (formuláře, tlačítka, Nadpis, hodnotová nabídka atd.).
kde chcete, aby váš uživatel přistál? Kam chceš, aby kliknul?
využijte vizuální podněty, abyste mu pomohli dosáhnout toho, co chcete. Všechny prvky na stránkách by se měly chovat jako průvodce.
vědci zjistili, že uživatelé, kteří čtou zleva doprava, skenují webové stránky ve tvaru písmene Z.
to znamená, že je místo, kde byste měli nasměrovat své nejdůležitější informace.
Snadná navigace
navigační panel byste měli udržovat jednoduchý, nechodte do příliš mnoha možností. Můžete skončit s paradoxní volbou situace, kdy uživatelé zahlceni možnostmi.
stránky by měly být interně propojeny s jinými relevantními stránkami, aby byla navigace plynulá a uživatel by neměl mnohokrát kliknout na „zpět“, aby se dostal na předchozí stránky.
využijte mezery. Bílý prostor umožňuje organizaci informací ve stravitelných oblastech obsahu. Díky tomu se uživatelé budou cítit pohodlněji a nebudou ohromeni množstvím dat.
stejné barevné schéma (konzistence)
Vyhněte se super tmavým nebo super intenzivním barvám na vašem webu. Mohou poslat uživatele pryč. Silnější barvy můžete použít k zvýraznění důležitých aspektů svého webu.
používejte barvy, které jsou stejně vyvážené. Tady je nějaká inspirace.
a ještě jedna věc, než přejdete na další princip návrhu UX. Barvy mají významy po celém světě, jsou spojeny s různými emocemi. Tato infografika osvětlí toto téma.
použijte efektivní psaní
nepoužívejte přehnané a clickbait copy. Pište zdravým rozumem, v přirozeném jazyce, nepoužívejte žargon(ne každý je obeznámen s určitými technickými slovy).
použijte max. 3 písma v maximálně 3 bodových velikostech-maximálně 18 slov nebo 50-80 znaků na řádek textu, jak doporučuje časopis Smashing.
použijte sociální důkaz
proč bych měl věřit vám, vašemu podnikání nebo vašim produktům?
my, lidé, jsme sociální tvorové. Žijeme v komunitách, máme přátele a rodinu. Mohou být našimi influencery. Hodně nám záleží na jejich názoru.
.
dovolte mi uvést několik příkladů:
● hodnocení a recenze
● ohlasy
● ne. klientů („jste v dobré společnosti“).
● loga klientů
● případové studie zálohované výsledky
● stiskněte představovat a ocenění
také, pokud se chcete dozvědět o nejnovějších trendech designu, pobřežní kreativní lidé udělali úžasný infographic na toto téma.
závěry
můžeme to nazvat zábalem nemyslíte?
chtěli jsme jít krátkou cestou, abychom vás nezahltili informacemi. Ale nakonec je ďábel v detailech. Právě jsme vám dali výhled na helikoptéru.
jde o to, že můžete mít své webové stránky v provozu za méně než 2 hodiny. Ale čím více funkcí, stránek, obsahu chcete přidat, tím déle to bude trvat. A nikdy zanedbávat nejnovější trendy web design.
jedna poslední věc, pokud jste typ DIY, určitě musíte vzít náš Colibri builder na projížďku!
zde je video o tom, jak vytvořit webovou stránku WordPress pomocí spousty funkcí.
Nyní, pokud se vám tento článek líbil a chcete se dozvědět více o tom, jak navrhnout web WordPress, nezapomeňte se přihlásit k odběru našeho kanálu Youtube a sledujte nás na Twitteru a Facebook!