Plugin pre mobilnú verziu wordpressu. Odporučte doplnok na nastavenie mobilnej verzie

  • 08.05.2019

AT posledné roky web dizajnéri a vývojári žijú vo veľmi mobilný svet. Tento článok obsahuje prehľad siedmich doplnkov, ktoré vám pomôžu urobiť vašu stránku krajšou a užívateľsky príjemnejšou mobilné zariadenia.

Takíto návštevníci pristupujú na stránku väčšinou cez tablet alebo smartfón. Prirodzene, vaše webové stránky musia byť vhodné pre mobilné zariadenia, inak môžeme o takýchto návštevníkov prísť.

Ako sa to dá dosiahnuť? Potrebujeme, aby naše webové stránky boli vhodné pre mobilné zariadenia. Tento článok poskytuje prehľad siedmich doplnkov, ktoré vám pomôžu urobiť váš web krajším a prijateľnejším pre mobilné zariadenia.

Pomocné doplnky s adaptívnym a responzívnym rozhraním
Je nepravdepodobné, že ste za posledné dva roky nikdy nepočuli výrazy „responzívne rozhranie“ alebo „adaptívne rozhranie“. Účelom tohto prístupu je vytvoriť webové stránky, z ktorých sa informácie budú správne zobrazovať na obrazovkách mobilných zariadení.

Štyri doplnky WordPress uvedené nižšie vám pomôžu vytvoriť na vašom webe stránky vhodné pre mobilné zariadenia.

1. Hammy

Hammy je praktický doplnok, ktorý mení veľkosť obrázkov na vašom webe správne zobrazenie na mobilných zariadeniach. Nahrádza tagy na

a používa kód WordPress obrázky zmeniť veľkosť obrázkov..

Ak chcete doplnok používať, musíte nastaviť niekoľko bodov prerušenia a vybrať požadovaný prvok HTML. V bode prerušenia môžete nastaviť veľkosť obrázka, keď šírka dosiahne bod prerušenia. Môžete tiež nastaviť, aby sa určité triedy obrázkov ignorovali.

2. Responzívne widgety

Responzívne widgety je doplnok, ktorý predstavuje nové textové/HTML widgety pre WordPress, ktoré sa zobrazujú iba v určité zariadenia, ako sú iPady, zákutia, PlayStation Vita a ďalšie univerzálne zariadenia ako sú tablety alebo smartfóny.

Ak chcete doplnok používať, potrebujete iba základné znalosti o widgetoch WordPress. Otvorte stránku miniaplikácií a uvidíte veľa nových miniaplikácií pre nasledujúce zariadenia a typy obrazoviek:

  • Mobilné
  • Mobil (na šírku)
  • iPhone a iPod
  • Phablety
  • Tablet (na výšku)
  • Tablet (na šírku)
  • Portrét iPadu
  • iPad na šírku
  • Tablety Nexus
  • Tablety Kindle
  • Tablet Surface
  • Nook Tablets
  • PS Vitas
  • Stolné počítače
  • Veľké monitory (1240px+ obrazovky)
  • Iba tlač
Mnoho miniaplikácií má začiarkavacie políčka, ktoré vám umožňujú robiť výnimky. Ak napríklad chcete vidieť miniaplikáciu na tabletoch, ale nie na iPadoch, začiarknite políčko a získate potrebné informácie.

3. Zodpovedný

Zodpovedný- veľmi užitočný plugin pre WordPress, ktorý kontroluje odozvu vašich stránok za behu v prehliadači. Používa záložku Viewport Resizer Bookmarklet v lište upevnenej v hornej časti stránky, kde môžete zmeniť veľkosť stránky pre mobilné zariadenia, ako sú smartfóny, tablety alebo obrazovky stolných počítačov, a nastaviť potrebné rozmery.

Ak chcete doplnok použiť, jednoducho ho aktivujte a otvorte jednu zo svojich stránok. Panel sa zobrazí na každej stránke, takže odozvu svojich stránok môžete bez problémov kontrolovať.

Pluginy pre mobilné motívy
Tieto pluginy fungujú viac špecializovaným spôsobom: Tieto vám pomôžu zobraziť rôzne témy WordPress, keď používateľ pristupuje na vašu stránku z mobilného zariadenia. To je obzvlášť užitočné, ak máte tému, ktorá nie je vhodná pre mobilné zariadenia. Ak nemáte čas alebo príležitosť prispôsobiť svoju tému pre mobilné zariadenia, môžete vo svojej práci použiť tento úžasný plugin.

4.WPTouch Mobile Plugin

Tento doplnok má viac ako päť miliónov stiahnutí a má hodnotenie 3,9 z 5 hviezdičiek. WPTouch je dnes pravdepodobne najpopulárnejší doplnok mobilných tém. Umožňuje tvoriť mobilná verzia vaša stránka je veľmi jednoduchým spôsobom, plne automatizovaný.

Aby ste mohli plugin používať, stačí si ho nainštalovať a aktivovať a mnohým používateľom bude stačiť jeho predvolené nastavenie. Mnohé nastavenia môžete nakonfigurovať aj v konfigurácii stránky.

Ako varovanie je potrebné povedať, že v júli 2014 bolo oznámené: Verzie WPTouch 3 mali killer zraniteľnosť. Zraniteľnosť bola okamžite opravená, ale mohla ju spôsobiť veľké problémy pre používateľov pluginu. Dobrý dôvod na hľadanie aktualizácií, a to sa týka jadra aj všetkých doplnkov a tém.

5. Mobilný balík WordPress

Mobilný balík WordPress- ďalší dobrý plugin, ktorá ponúka mobilné motívy pre weby WordPress. Teraz má viac ako 600 000 stiahnutí a hodnotenie 3,8 z 5 hviezdičiek. WordPress Mobile Pack ponúka jedinečnú mobilnú tému pre vás a návštevníkov vašej stránky – rozhranie mobilnej aplikácie namiesto klasického rozhrania mobilného telefónu.

Podobne ako WPTouch, aj WordPress Mobile Pack je doplnok pripravený na použitie hneď po inštalácii a aktivácii. Ak chcete, môžete vykonať nejaké úpravy na konfiguračnej stránke.

6. Jetpack od WordPress.com

Jetpack nie je len jedným z najpopulárnejších doplnkov WordPress, ale podporujú ho aj WordPress.com a Automattic. Tento plugin má tiež " Mobilná téma“, čo môže byť pre vás veľmi užitočné

Ak chcete použiť funkciu „Mobilná téma“, musíte ju po inštalácii a aktivácii Jetpack zadať a potom prejsť na nastavenia na konfiguračnej stránke. V zozname modulov nájdite „Mobilná téma“ a aktivujte ju. Nie je to veľa, ale potom si užijete rýchly a čistý mobilný zážitok.

Záver
Na internete je vždy dôležité ísť s dobou a ponúknuť návštevníkom to, čo chcú, najmä ak od nich niečo očakávate (či už peniaze alebo pochvalu). Mobilné responzívne webové stránky sa v dnešnej dobe stávajú štandardom a bolo by hlúpe stratiť týchto mobilných návštevníkov na vašej stránke.

Dobrý deň, milí čitatelia!

Tento týždeň sa na mojom blogu udiali dve skvelé veci! Po prvé, počet návštevníkov konečne prekročil 1000 (v utorok to bolo 1040 unikátov). Po druhé, nainštaloval som do bočného panela. Tešíme sa na vaše komentáre o vzhľad reklamný blok. A za kliknutia budem nesmierne vďačná 🙂

Tem google čas nedávno oznámil, že môj blog sa na mobilných zariadeniach nezobrazuje dobre. Na internete poriadne zašumela ich správa, že od 21. apríla 2015 budú vo výsledkoch vyhľadávania znížené všetky stránky, ktoré nie sú prispôsobené pre mobilné telefóny.

Vyvstala otázka: potrebujete mobilnú verziu stránky? Podľa štatistík za minulý mesiac Mám vyše 1500 návštevníkov, ktorí pri prehliadaní používajú mobilné telefóny alebo tablety. Ide o približne 50 ľudí denne, čo nie je až tak málo. A ak to zvážite každý rok mobilných technológií sa do našich životov dostáva čoraz viac, treba myslieť na to, ako kráčať s dobou. V tomto článku vás prevedieme, ako vytvoriť mobilnú verziu blogu WordPress.

Ako skontrolovať mobilnú verziu stránky?

Prvá vec, ktorú musíte urobiť, je skontrolovať, či sú vaše zdroje v súlade s požiadavkami spoločnosti Google. Každý môže analyzovať pohodlie pri prezeraní stránky na mobilných zariadeniach tu - google.com/webmasters/tools/mobile-friendly.

Tu je výsledok, ktorý som dostal:

Tu je ďalší užitočná služba z google na kontrolu rýchlosti sťahovania rôzne verzie lokalita: developers.google.com/speed/pagespeed/insights. Veľmi podrobne vysvetľuje, čo presne je na vašom webe nesprávne konkrétne príklady so snímkami obrazovky vášho blogu. Preto so znalosťou html + css a pomocou tohto návodu môžete svoj zdroj doladiť.

Pri kontrole mobilnej verzie stránky na Google môžete kliknúť na odkaz s odporúčaniami na prispôsobenie stránky na WordPress pre mobilné zariadenia (tretí stĺpec sprava je „Ďalej“). Je tu ešte jeden podrobné pokyny pre WordPress s pluginmi, odkazy na adaptívne šablóny A tak ďalej. Odporúčam tiež prečítať si tento dokument.

Pamätajte si, že adaptívne WordPress šablóny sú témy, ktoré boli pôvodne navrhnuté tak, aby rozpoznávali odlišné typy zariadení. V článku sme analyzovali hlavné kritériá, ktorým by ste mali venovať pozornosť. Medzi nimi bola prispôsobivosť.

Ako nám hovorí podpora Google, v popisoch takýchto tém sa zvyčajne nachádzajú slová responzívny (adaptívny) alebo mobilný (mobilný). Tie. Ak ste si pre svoj blog vybrali responzívnu tému, nemusíte sa trápiť s tým, ako vytvoriť šablónu pre mobilnú verziu stránky. Vaša hlavná šablóna sa automaticky prispôsobí veľkosti vášho mobilného zariadenia. No pre tých, ktorí si svoj blog založili už dávno, keď ešte také témy neboli a nechcú meniť svoju zavedenú šablónu, budeme pokračovať túto recenziu. A rozoberieme si, čo je potrebné urobiť, aby bola vaša stránka dobre vnímaná na mobilných telefónoch a tabletoch.

Mobilná verzia blogu WordPress: funkcie

Je potrebné pochopiť, že všetky ostatné možnosti, okrem responzívna téma, alebo priama úprava súborov, zahŕňa vytvorenie dodatočnej WordPress šablóny pre mobilnú verziu stránky. Táto šablóna by sa mali líšiť od hlavného, ​​berúc do úvahy vlastnosti mobilných zariadení:

  • Malá veľkosť obrazovky;
  • Viac pomalá rychlosť K stiahnutiu;
  • Nedostatok klávesnice a myši.

Táto verzia stránky by mala byť skrátka zjednodušená. Mal by zobrazovať len všetko, čo potrebujete, obsah, ktorý sa načíta rýchlo a efektívne.

Existuje niekoľko spôsobov, ako implementovať tieto funkcie. Najjednoduchším z nich je použitie pluginov (ideálne pre začiatočníkov).

Doplnky na prispôsobenie webových stránok

Najbežnejšie pluginy sú: WPTouch Mobile Plugin, WP Mobile Detector, MobilePress, WPSmart Mobile.

WpTouch a MobilePress sú základné bezplatné verzie pluginy, ktoré možno upgradovať na pokročilejšie verzie veľká sada nastavenia a funkcie. Podľa recenzií používateľov je WpTouch Pro dosť ťažký a môže mať konflikt s doplnkami pre ukladanie do vyrovnávacej pamäte (). Stáva sa to mobilný používateľ môže byť vydaná stránka pre PC z vyrovnávacej pamäte. To sa môže stať aj s inými mobilnými doplnkami WordPress. Základné verzie MobilePress aj WPTouch sú perfektne použiteľné pre blogy s jednoduchou štruktúrou a obsahom.

Viac sa mi však páčil doplnok WPSmart Mobile. Má nainštalované tri mobilná šablóna aby si WordPress mohol vybrať.

Je pravda, že všetky jeho nastavenia sú v angličtine, ale nie je tam nič zložité.

Tu si môžete nastaviť logo, možnosť komentovania, vyhľadávanie na stránke a prispôsobenie zobrazovania príspevkov. Okrem toho môžete nastaviť kód alebo akýkoľvek iný a štatistické počítadlá. V časti „Vzhľad“ môžete tiež zmeniť písmo a farbu záznamov, farbu pozadia atď. Samozrejme, už to nebude vaša stránka v jeho obvyklá forma, obsah získa iný vzhľad, ale stane sa pohodlným pre mobilných používateľov.

Kliknutím na „Ukážka“ si môžete pozrieť, ako bude stránka vyzerať na mobilnom zariadení:

Po nainštalovaní akéhokoľvek mobilného doplnku WordPress, ktorý sa vám páči, by mal automaticky zistiť, aké zariadenie návštevník používa a ponúknuť mu vhodnú verziu stránky.

Prezeranie mobilnej verzie stránky alebo jej zobrazenie v akomkoľvek prehliadači alebo zariadení je možné vykonať pomocou špeciálne rozšírenie User-Agent Switcher. Takto to vyzerá v google obchod Chrome:

Umožňuje vám prepínať typ zobrazenia stránky priamo v prehliadači Chrome:

V súlade s tým môžete skontrolovať kompatibilitu svojho blogu s rôznymi prehliadačmi a jeho vzhľad rôzne zariadenia od iPhonu po Samsung Galaxy.

Ďalšie možnosti vytvorenia mobilnej verzie stránky na WordPress

Možnosti bez použitia doplnkov:

  • so špeciálnymi službami.
  • vytvorenie mobilnej verzie na subdoméne;
  • tvorba samostatný súbor css štýly pre mobilnú verziu;
  • zapisovať údaje pre všetky možnosti zobrazenia do jedného súboru CSS;

Tu je jedna zo služieb, ktorá analýzou vášho webu generuje jeho mobilnú verziu – dudamobile.com. Potom musíte na blog umiestniť kód, ktorý presmeruje na mobilnú verziu stránky. Tento nástroj má veľa nastavení, ale jeho funkčnosť je vo voľnom režime obmedzená.

Subdomény sa používajú podobným spôsobom. Má zmysel vytvárať ich pre ťažké, multifunkčné stránky. Môžete vidieť, ako to funguje príklad z youtube, ktorá presmeruje na mobilnú verziu stránky. Tu je hlavnou doménou youtube.com a pre mobilné zariadenia - m.youtube.com. Vkontakte funguje rovnakým spôsobom.

Ak sa rozhodnete vytvoriť dodatočný súborštýly, vytvorte kópiu hlavného a pomenujte ho, napríklad style-m.css. Teraz musíte urobiť zmeny v súbore header.php, v riadkoch, kde sú zahrnuté štýly.

Môžu vyzerať napríklad takto:

" /> /style-m.css" />

A potom, ak máte znalosti v oblasti CSS, môžete vykonať zmeny priamo v súbore style-m.css. Napríklad zmeniť fonty na kontrastnejšie, urobiť zobrazenie jednostĺpcovým a všetko, čo Google odporúča.

Vybral som si túto metódu pre seba, v rýchlosti som načrtol niekoľko štýlov a Google prácu prijal. Ukázalo sa, že nie je príliš vyberavý, stačí umiestniť obsah do jedného úzkeho stĺpca a služba Google s radosťou oznamuje: "Fajn! Stránka je optimalizovaná pre mobilné zariadenia.". Zatiaľ som nevyšiel príliš krásne, ale toto je dočasná verzia vyrobená za pár hodín. Snáď raz ruky dosiahnu, aby to urobili kvalitne a dobre.

Veľa šťastia pri zvládaní mobilnej verzie webu na WordPresse, podeľte sa o svoje výsledky. Do skorého videnia!

Bezdrôtový internet a súvisiace mobilné zariadenia, ktoré vám umožňujú prístup k sieti odkiaľkoľvek, sú dobre vyvinuté a pomerne široko používané. Tento stav čoraz viac vedie k tomu, že majitelia stránok finalizujú svoje deti na mobilné verzie. Podľa štatistík mobilného internetu - 11% v Rusku, 16% v USA. Samozrejme, sú to všeobecné čísla, ale tak či onak, váš blog alebo stránky sú pravdepodobne navštevované z mobilných zariadení a strácať takýchto používateľov nie je dobré.

Pre WordPress už existujú pluginy, ktoré zobrazujú mobilnú verziu blogu, ak je používateľ prihlásený z akéhokoľvek iPhonu.

Niekoľko doplnkov, ktoré vytvárajú šablónu mobilného blogu

  • - nie je to zlý plugin. Jednoduché, funkčné, nič zbytočné, presne to, čo potrebujete. Funguje ako pod PDA (PDA), tak aj pod smartfónmi, detekuje ich dobre (Opera Mobile to definovala ako mobilné zariadenie). Minimálne nastavenia: môžete zmeniť názvy blogov a určiť samostatnú šablónu pre iPhone.
  • - sklápač, ktorý stojí za bližší pohľad. Umožňuje vám prispôsobiť vzhľad zobrazenia blogu. Zmeňte počet zobrazených príspevkov, farebnú schému, môžete povoliť alebo zakázať niektoré dostupné widgety. A ešte pár nastavení. Existujú štatistiky. Je zlé, že neexistuje lokalizácia do ruštiny. Dobrý detektor mobilných zariadení (videl som Operu Mobile). Funkcia: Kopíruje témy pre mobilné zariadenia do adresára tém WordPress – toto správanie sa mi zdalo trochu zvláštne.
  • - veľmi jednoduchý plugin a zároveň plniaci svoju funkciu. Navrhnuté pre PDA (PDA) a smartfóny (iPhone): samostatná šablóna pre každý typ zariadenia. Plugin je celkom jednoduchý, bez zbytočných zvončekov a píšťaliek. Z nastavení, môžete rozbaliť iba typy zariadení (USER_AGENT), pre ktoré sa zobrazí mobilná šablóna.
    Kontrola mobilného zariadenia je neúplná: Opera Mobile nebola rozpoznaná ako mobilné zariadenie.
  • - nič sa mi nepáčilo. Opera Mobile ho nedokázala definovať ako mobilné zariadenie, ale konfiguruje sa na paneli správcu: môžete pridať typy zariadení, ktoré budú definované ako PDA (PDA) a samostatne ako smartfóny. Čo sa týka kódu, plugin je jednoduchý, čo sa zdá byť dobré, ale štruktúra témy je trochu mätúca, čo sťažuje jej prípadné úpravy. Po odstránení zanecháva stopy (záznamy v tabuľke možností).
  • - sklápač určený pre smartfóny s dotykovým displejom (zjavne odtiaľto pochádza názov): iPhone / iPod touch, Google Android, Blackberry Storm a Torch, Palm Pre. Používa ajax. Počiatočná verzia je skrátená, t.j. existuje možnosť zakúpiť si kompletnejšiu verziu tohto pluginu. Vyžaduje ruskú lokalizáciu. Žiadne PDA sa nedefinuje ako mobilné zariadenia, čo nie je dobré.

Pre všetky pluginy môžete ručne zmeniť tému tak, aby vyhovovala vašim potrebám. Mobilné motívy sa nachádzajú v priečinkoch doplnkov. Štruktúra šablóny je rovnaká ako v bežnej téme WordPress.

Pravdepodobne existuje viac podobných doplnkov, ale nezačal som ich hľadať a popisovať - ​​to je dosť. Ak používate akýkoľvek iný plugin a vyhovuje vám vo všetkom, podeľte sa v komentároch! Ak sa v popise vyskytnú nejaké nepresnosti, upozornite na ne tiež. Možno som si nevšimol niektoré charakteristické vlastnosti pluginov.

Návštevníka definujeme z mobilného zariadenia

Vo všeobecnosti môžete pluginy odmietnuť a malým kódom určiť, že sa používateľ prihlásil z mobilného zariadenia, a ak áno, ukázať mu špeciálnu mobilnú tému. Samozrejme, budete musieť vytvoriť mobilnú tému sami, vopred.

Zatiaľ sa pozrieme len na to, ako zistiť, že sa návštevník prihlásil z mobilného zariadenia. Aby som to urobil, našiel som celú stránku, ktorá sa týmto problémom seriózne zaoberá – (v angličtine).

Ak chcete zistiť, či je používateľ prihlásený z mobilného zariadenia:
1. stiahnite si tento archív;
2. vyplňte súbor mobile_device_detect.php z archívu na server do priečinka témy;
3. vo functions.php použite nasledujúcu kontrolu:

Require_once("mobile_device_detect.php"); $mobile = mobile_device_detect(); if($mobile)( // tu robíme niečo pre používateľov z mobilných zariadení, // napríklad im dáme mobilnú tému )

Ďalšie informácie

Funkcia mobile_device_detect() môže mať niekoľko parametrov:

Mobile_device_detect($iphone, $ipad, $android, $opera, $blackberry, $palm, $windows, $mobileredirect, $desktopredirect);

$iphone, $ipad, $android, $opera, $blackberry, $palm, $windows- všetky tieto parametre označujú, či sa príslušné zariadenie považuje za mobilné. Predvolená hodnota: true. Môžete zadať adresu URL (z http://), potom ak ste sa prihlásili z príslušného zariadenia, používateľ bude presmerovaný na zadanú adresu URL.

$mobileredirect, $desktopredirect- v týchto parametroch uvádzame adresu URL (z http://), na ktorú sa má preniesť, ak ste zadali z mobilného zariadenia iného typu, ako je uvedené vyššie. Štandardne false - jednoducho vráti true (prihlásené z mobilného zariadenia), nikam sa nepresmeruje (nehodí).

Funkcia vždy vráti pole 2 prvkov:

$mobile = mobile_device_detect();

$mobile = true alebo false (mobil alebo počítač).
$mobile = String. Typ zariadenia, pomocou ktorého môžete určiť, či je smartfón iPhone alebo PDA

$mobile môže byť:
Apple iPad
Apple
Android
Opera
ostružina
Palm
Smartfón so systémom Windows
"Mobilné spárované na presmerovanom preg_match"
"Hlavička súhlasu s obsahom pre mobily"
"Mobilná zhoda s hlavičkami profilu sa nastavuje"
"Mobilné priradené na in_array"
„Prehliadač pre stolný počítač / plne funkčný prehliadač“ (nie mobilné zariadenie)

---
Každý vie o pretekárskom šampionáte Formuly 1, ale počuli ste už o Formule 2? Aj táto existuje a existuje už tretí rok.

Dobrý deň, milí kolegovia, hostia stránky.

Všimli ste si, ako rýchlo rastie počet používateľov internetu z ich mobilných telefónov? Rozmýšľali ste nad vytvorením mobilnej verzie pre vašu stránku?

Tiež som nad tým uvažoval, ale bol to nejaký nedostatok času. Všetko odkladám na zajtra. Zrejme čakal na kohúta, ktorý na určitom mieste vykluje. Takže inokedy sa mi na paneli s nástrojmi správcu webu od Google objavila nasledujúca správa:

Kliknutím na odkaz uvedený v správe na adrese https://www.google.com/webmasters/tools/mobile-friendly/ a po analýze hlavnej stránky môjho blogu som dostal tento smutný výsledok:

Súhlasíte, je hlúposť prísť o solídny podiel na návštevnosti (až 40%) kvôli takým nezmyslom, ako je absencia mobilnej verzie stránky.

Podľa toho môžete ručne prispôsobiť svoju tému. Alebo si vystačíte so špeciálnym rozšírením pre váš CMS. Druhá možnosť je vhodná pre tých, ktorí nie sú silní v rozložení, alebo ak si naozaj chcete vytvoriť mobilnú verziu práve teraz, na dobu adaptačných prác alebo aj natrvalo. Ako sa hovorí: "Nie je nič trvalejšie ako dočasné."

Pri testovaní najpopulárnejších doplnkov WordPress pre túto úlohu som sa rozhodol pre WP Mobile Detector.

Na rozdiel od iných tento plugin bez komentára optimalizoval všetky stránky webu pre mobilné zariadenia. V bezplatnej verzii nemá žiadne obmedzenia funkčnosti, ale iba počtu predinštalovaných tém. Jednoduché nastavenie, rýchle, ľahké a celkom roztomilé.

Po inštalácii a aktivácii štandardným spôsobom sa v ľavom stĺpci administračného panela objaví nové podmenu - Mobilný detektor WP, po otvorení sa objavia položky s nastaveniami, štatistikami a zoznamom dostupných tém. Je to jednoduché, prídete na to sami.

V hornej časti na každej stránke administračného panela sa zobrazí varovné hlásenie o potrebe priradiť priečinok cache plugin plné práva na čítanie, zápis a spúšťanie.

Bez toho nebude ukladanie do vyrovnávacej pamäte mobilnej verzie vášho webu WordPress fungovať.

Prejdite na svoj server a nájdite tam priečinok cache a dať mu plné práva, ako na obrázku.

Varovné hlásenie zmizne.

Preklad WP Mobile Detector, odstránenie odkazov

Všetko by bolo v poriadku, keby mal plugin ruskú lokalizáciu a do tém by neumiestňoval externé odchádzajúce odkazy.

Začnime tým najjednoduchším a najdôležitejším – odstránením práve týchto odkazov.

Úprava súborov tém bluesteel mobil", už predvolene nainštalovaný. Použijeme textový editor Poznámkový blok++.

Takže otvorte súbory , , a odstráňte z nich kódy zvýraznené na snímkach obrazovky. Cesty k súborom sú podčiarknuté červenou farbou.

Pre rusifikáciu budete musieť upraviť súbory - v koreňovom adresári doplnku a súborov šablón - , search.php, index.php, komentáre.php, category.php, 404.php, archív.php, . Stačí nahradiť všetky slová, ktoré je potrebné preložiť (vytlačené jadrom čiernym písmom) za ruštinu.

Pred úpravou nezabudnite zmeniť kódovanie textového dokumentu z ANSI na UTF-8 (bez kusovníka) v nástrojoch" Kódovania"textový editor Notepad++.

Pre prehľadnosť alebo pre použitie si stiahnite už mnou upravený WP Mobile Detector z odkazu nižšie.

Verzie 1.8 bez externých odkazov.

Teraz má vaša WordPress stránka plnú mobilnú verziu, vyhľadávače a návštevníci to určite ocenia.

Mobilná verzia stránky WordPress – doplnok WP Mobile Detector Plugin aktualizované: 18. júna 2017 používateľom: Romana Vachovského

Dobrý deň, milí čitatelia stránky. Návštevnosť blogu je dôležitým ukazovateľom, podrobnejšie som o tom hovoril v článku ako

Mnohí však nevedia, že je veľa takých čitateľov, ktorí hľadajú informácie o zárobkoch alebo o nejakých iných témach nielen na notebooku alebo na PC, ale ľudia používajú aj smartfóny, iPhony, telefóny, nakoniec vyžadujú mobilnú verziu vášho zdroja.

Šablóny spravidla podporujú iba verziu pre osobné počítače, žiadne buky atď. Preto vyvstáva otázka, ako nepripraviť svoj blog o návštevnosť z mobilných zariadení, alebo skôr ako urobiť mobilnú verziu blogu?

Niektorí povedia, že údajná návštevnosť z gadgetov je zanedbateľná, takže sa nemusíte báť. Áno, naozaj som si to zatiaľ myslel, ale dopadlo to inak.

Doslova pred niekoľkými rokmi bolo len veľmi málo ľudí, ktorí pristupovali na stránky rôznych subjektov prostredníctvom telefónu, ale ak sa teraz pozriete na tento ukazovateľ, všetko padne na miesto, všetko bude jasné.

Pre tých, ktorí používajú Google Adsense, Yandex Direct, Banners, je potrebné nainštalovať mobilnú verziu na svoj blog, pretože je nepohodlné klikať na reklamy z jednoduchej verzie témy zo smartfónu Galaxy S III alebo ASUS Google Nexus 7 tablet, osobne som si to overil.

Niekomu to môže vyhovovať, no väčšina s vami jednoducho nebude chcieť zostať, pretože všetko nebude vyzerať štandardne a nie esteticky, ako by si želali.

Myslím si, že pri potrebe mobilnej verzie stránky je veľmi dôležité si to ujasniť. Teraz priamo k tomu, čo na to môžete použiť.

plugin wptouch. Načo to je?

Wptouch je jedinečný doplnok, ktorý dokáže zmeniť váš blog na skvelú mobilnú aplikáciu. Jednoducho povedané, zmeníte šablónu, jej vnútro, pomocou pluginu to ovplyvňuje také miesta, ktoré sú zodpovedné za rozhranie, jeho vzhľad, dizajn atď.

Stručne povedané, nainštalujte si tento doplnok a bude oveľa pohodlnejšie byť na vašej stránke z miniaplikácií.

Ako nainštalovať wptouch?

Všetko je rovnaké ako pri bežnom plugine.

1. Na stránke stiahneme WordPress pluginy;

2. Otvorte stiahnuté súbory, rozbaľte archív a preneste doplnok na plochu alebo do nejakého priečinka. Radím vám, vytvorte si niečo také, kde môžete vyhodiť všetky pluginy, alebo napríklad všetky obrázky. No chápeš ma.

3. Pripojte sa k serveru FTP.

4. Choďte sem: wp-content/plugins/;

5. Teraz prenesieme plugin do tohto priečinka, a to tak, že: umiestnime kurzor myši na plugin, klikneme a podržíme ho, prenesieme ho do zoznamu všetkých pluginov;

6. Teraz je plugin vo vnútri vašej stránky, ale zatiaľ nefunguje, pretože musíte prejsť na správcu blogu a aktivovať WPtouch. Aktiváciu je možné vykonať prechodom na „PLUGINS“.

7. Po aktivácii prejdite do nastavení. Nachádzajú sa v sekcii „MOŽNOSTI“, v novej verzii WordPress sa vytvorí nová karta úplne dole, to znamená, že nastavenia doplnku nie sú v sekcii možností a tam ďalej, ale priamo medzi všeobecnými sekciami.

DÔLEŽITÉ! Tento plugin by ste nemali používať, ak ste v blogosfére nováčikom, keďže váha tohto atribútu je vysoká a pre mladého blogu nie je také ľahké ho obísť.

Nastavenia dotyku WP?

Inštaláciou doplnku môžete skontrolovať, ako vaša stránka vyzerá. Môžete to urobiť otvorením na smartfóne, telefóne a inom mobilnom zariadení. Ak nebude smartfón, bude mať mobil každý.

V telefóne nie je pripojený internet, potom kontaktujte operátora, pripojte akúkoľvek tarifu. A ak nechcete používať internet na svojom mobile, tak sa aj tak pripojte k sieti, pozrite sa, ako váš blog vyzerá, všetko nastavte za deň a potom vypnite internet a znova kontaktujte operátora.

V krajnom prípade požiadajte priateľa. Prečo sa v extrémnom prípade môžete a predovšetkým obrátiť na príbuzných, priateľov o pomoc a prístup na internet prostredníctvom mobilného zariadenia. Vyhodnoťte dizajn, pohodlie atď.

Niečo nevyhovuje? Potom vykonajte nastavenia! Ako sa tam dostať som už povedal vyššie. Teraz o nich viac!

Sekcia WPtouch má niekoľko podsekcií:

1. Čo je nové;
2. Základné parametre;
3. Témy a rozšírenia;
4. Nastavenia témy;
5. Menu;
6. Upgrade na Pro;

Teraz je všetko v poriadku. Pozrime sa na niekoľko častí a podrobne si ich popíšme. Alebo sa aspoň spoznať.

Najprv navštívime Hlavné nastavenia. Ak je všetko zobrazené v latinčine, vykonáme preklad.

Je tu kopa parametrov, ktoré by ste mali vedieť, ale tiež nemôžete nič robiť a všetko nechať na svojom mieste.

Tu je to, čo sme našli:

  • Zobrazenie názvu blogu;
  • regionalizácia;
  • režim zobrazenia;

Existuje mnoho ďalších nastavení, môžete ich vidieť na snímke obrazovky, ktorú som poskytol.

Témy a rozšírenia. Toto je druhá časť doplnku.

Pred vami je 7 tém, z ktorých si môžete vybrať ľubovoľnú, predvolená je prvá. Všetko podľa vášho vkusu a potom sa pozrite na svoj smartfón. čo sa stalo, ak sa vám to nepáči, zmeňte to na iné. Vo všeobecnosti, vpred priatelia!.

Nastavenia témy. Tu sa zamyslím a na chvíľu sa zastavím.

  • generál;
  • branding;
  • Ikony záložiek;
  • Aplikácia Web Mode;
  • Reklama;

Robte všetko pre seba a buďte spokojní.

Posledná vec, ktorú by som chcel z nastavení poznamenať, je Menu.

Aj tu sa dá niečo pohrať. Napríklad, ktoré stránky zobraziť a podobne. Skrátka si to vyskúšajte v praxi, pretože plugin môžete aj tak kedykoľvek deaktivovať, takže sa nie je čoho báť.

Touto poznámkou končím tento príspevok. Dúfam, že už viete, ako nastaviť mobilnú verziu blogu. Zbohom zbohom. Na záver, ako obvykle, zaujímavé video:

s pozdravom Zhuk Yuri.