Pokud v posledních několika letech existuje něco, co bylo v minulých letech dobře zavedeno, je to důležitost stravování pro mobilní uživatele. Procházejí, nakupují věci, jsou stejně důležití jako všichni ostatní uživatelé.

Vytvoření webových stránek, které fungují dobře pro všechny velké a malé obrazovky, není snadné, rozhodně v oblasti možností pro ty z nás s know-how. Problémem je, že ne všichni uživatelé WordPress jsou vývojáři front-end. Mnoho z nich jsou majitelé podniků, fanoušci nebo dokonce jen pravidelní blogerové - víte, blogy? Ta věc WordPress byla navržena na prvním místě? Programátoři vytvořili nástroj, který by mohli téměř každý použít, takže lidé šli a používali jej. Nyní ti ti stejní lidé možná potřebují malou pomoc, aby jejich stránky vypadaly dobře na co nejvíce obrazovkách. No, pomoc přišla ve formě pluginů WordPress.

To je správné lidi, tento měsíc článek WordPress pluginů má skutečné téma: budeme mluvit o tom, jak se dostat vaše stránky vypadají dobře na telefonech, tablety, a větší věci taky, s co možná nejmenším kódem.

Přepněte některé motivy

V ideální situaci budete moci vybrat téma aplikace WordPress, která bude fungovat dokonale na všech obrazovkách. Bohužel tomu tak není vždy. Téma může reagovat, ale váš obsah na velkých obrazovkách neukazovat tak, jak to chcete. Nebo možná je mobilní navigace ohromná.

Ať už je problém, můžete najít další téma, které vám dává to, co první chybí. Ve světě volných témat neexistuje jednorázová řešení pro všechny řešení.

A tady přicházíme k tématickým přepínačům. Tyto pluginy budou přepínat mezi vybranými motivy na základě zařízení, které má uživatel k dispozici. Možná to není perfektní řešení, nicméně, nic, a myslím cokoli, je lepší, než ignorovat vaše mobilní uživatele.

Libovolný mobilní motivový přepínač

Libovolný mobilní motivový přepínač je jedním z nejjednodušších řešení. Je to zdarma, s Pro verze, ale volné funkce jsou více než dost pro většinu účelů.

Můžete nastavit jednotlivé motivy pro všechny tyto kategorie zařízení a softwaru zvlášť: iPhones / iPod Touch, iPads, telefony Android, tablety Android, Blackberry, zařízení Windows Mobile, Opera Mini, Palm OS a "Ostatní".

Můžete také zobrazit přepínač motivů, který umožní mobilním uživatelům, pokud si to přejí, aby se k tématu "desktop" připojili.

001

Mobile Smart

Mobile Smart zaujímá méně specifický přístup k přepínání témat. Můžete si zvolit, zda chcete povolit motivy specifické pro mobily pro telefony a volitelně pro tablety, a to je vše. Dodává se také s volitelným ručním přepínačem.

Co je odlišné, je funkce nazvaná transkódování. V podstatě, pokud je vaše nastavení aplikace WordPress provedeno správně, může aplikace Mobile Smart automaticky změnit velikost obrázků pro rychlejší přenos do mobilních zařízení. Tato funkce je v současné době ve vývoji.

Pokud se vám tento plugin líbí natolik, že na něj skutečně vynaložíte peníze, verze pro nabízí možnost dodat obsah stránky specifický pro mobilní zařízení, nabídky pro mobilní zařízení a další.

Nebo udělej nějakou aplikaci

Tato možnost je trochu jako přepínání motivů. Návrh, který uživatelé mobilních telefonů uvidí, se liší od toho, který se zobrazuje na obrazovkách stolních nebo přenosných počítačů, ale tentokrát je to spíš jako aplikace.

Místo přepínání na jiné téma, plugin jako je WordPress Mobile Pack převezme veškerý váš obsah a zobrazí jej jako webovou aplikaci. Nová mobilní aplikace může být přizpůsobena alternativními barevnými schématy, písmy, vlastním logem a dalšími.

Je smutné, že pokud chcete použít jiný motiv, než je výchozí, budete muset dostat (odhadli jste), verzi pro / premium. Pokud však výchozí motiv aplikace funguje pro vás, WordPress Mobile Pack je skvělý způsob, jak zajistit, aby se uživatelé mobilních telefonů postarali.

Využijte svůj mobilní obsah také

Je zřejmé, že váš obsah se musí přizpůsobit jakékoliv platformě. Používáte-li pouze text a obrázky, může se vaše téma pravděpodobně vypořádat samo o sobě. Pokud však chcete zavést prvky složitějších prvků rozhraní, nebo jen získat větší kontrolu nad tím, jak váš obsah vypadá na všech platformách, máme také pluginy:

Citlivé obrázky

Můžete ušetřit sami sebe a své uživatele nějakou šířku pásma tím, že pouze zobrazíte obrázky velikosti, kterou skutečně potřebují. To znamená, že používání vašeho webu doslova stálo mobilním uživatelům s omezenými datovými plány, které je méně využívají, a mohou je používat rychleji.

Za tímto účelem byste mohli používat Post Script citlivé obrázky . Automaticky vytvoří na vašem webu více verzí všech obrázků: ve svém tématu, ve vašem obsahu a zobrazených obrázcích, včetně všech existujících obrázků na vašem webu.

Servíruje je do prohlížeče pomocí atributu srcset a prohlížeč vybere, který snímek chcete stáhnout. Tato metoda je alespoň částečně podporována velkými mobilními prohlížeči. Nemusíte mít prospěch všem, takže si myslete na to jako na budoucnost.

004

Knoflíky, sloupky, knoflíky, harmoniky a další

Někdy chcete pouze přidat na svůj web více než jen prostý text. Někdy byste chtěli, aby váš obsah uspořádal trochu lépe. Někdy budete chtít vložit video. No, můžete, a bude pracovat také na všech velikostech obrazovky.

Snadno reagující krátké kódy je sada možností rozložení a prvků uživatelského rozhraní, které vám pomohou přidat ke svým příspěvkům a stranám nějaký další styl / organizaci. A co víc, nemusíte se bát, zda budou pracovat na malých obrazovkách, protože to dělají.

Zde je kompletní seznam komponent:

  • Akordeony
  • Upozornění
  • Krabice
  • Tlačítka
  • Výzvy k akci
  • Jasné plováky
  • Sloupce
  • Hlavní body
  • Ikony (pomocí písma Awesome)
  • Záložky
  • Přepíná
005

Pokud jde o vložení videa do příspěvků, podívejte se FV WordPress Flowplayer . Je to přehrávač videa založený na formátu HTML5 s podporou pro vkládání videí z YouTube, Vimeo nebo surových adres URL. Součástí dodávky je starší prohlížeč založený na technologii Flash.

Je to také zcela zdarma, pokud nechcete, abyste na něj vložili své vlastní logo a odstranění značky Flowplayer. To vám bude stát pro upgrade, ale všechny skutečné funkce existují pro vaše použití.

006

Opravte navigaci

Pokud se vám líbí vaše téma obecně, ale vestavěná navigace motivu vám to nedělá, můžete se podívat na tyto alternativy. Koneckonců, vaši uživatelé nemohou koupit, co prodáváte, pokud je nenajdou.

Mobilní navigace vytvoří navigační nabídku na celou obrazovku, která se zobrazí pouze na malých obrazovkách. Můžete přizpůsobit zarážku, která ji zobrazuje, barvy, písma a další. Je to většinou install-n-go.

007

WP Responsive Menu , dělá hodně totéž, pouze to vytváří menu, které se sklouzne ze strany. Opět můžete přizpůsobit vzhled a atmosféru menu obsahu vašeho srdce.

008

Rozdíly vidíte vedle sebe

Chcete se dozvědět, jak bude vypadat váš citlivý motiv během práce na něm? Stačí nainstalovat Mobilní náhled . Při procházení vašich stránek (přihlášených) budete moci v dolním pravém rohu vašeho prohlížeče spustit malý náhled na různé velikosti mobilních zařízení.

To nebude fungovat s výše uvedenými přepínači témat, ale v jiném případě funguje to dobře.

009

Ploutev

Takže to máte. Můžete udělat hodně, aby vaše stránka WordPress vypadala dobře na všech zařízeních, a to i bez znalostí kódování. Vyjděte a vytvořte mobilní web!

Vybrané snímky používají mobilní obrázek přes Shutterstock.