- Як зрабіць мабільную версію WordPress сайта
- Як наладзіць убудова WPtouch
- Як вывесці рэкламу на мабільным ў пачатку і канцы артыкула
Наша команда-партнер Artmisto
Ўсім прывітанне!
Да 21 красавіка засталося крыху больш за тыдзень, каб аптымізаваць свой сайт пад мабільныя прылады. За гэты час наўрад ці атрымаецца ў праграміста замовіць і атрымаць гатовую мабільную версію для сайта, ды і не ва ўсіх могуць быць грошы на гэта. У гэтым артыкуле я распавяду, як зрабіць мабільную версію сайта з дапамогай плагіна WPtouch Mobile Plugin.
Як праверыць аптымізаваны Ці сайт для мабільных прылад і як ён адлюстроўваецца на прыладах з розным пашырэннем экрана, чытайце па спасылцы http://inetsovety.ru/proverka-optimizatsii-sayta-pod-mobilnye/
да зместа ↑Як зрабіць мабільную версію WordPress сайта
З дапамогай плагіна WPtouch Mobile Plugin нават пачатковец зможа зрабіць мабільную версію для свайго WordPress сайта, калі ўстаноўлены шаблон ня адаптыўны. Не гледзячы на тое, што ўбудова мае дзве версіі бясплатную і платную, базавай версіі цалкам дастаткова для сярэдняга сайта. У тым выпадку, калі ў вас круты сайт, які прыносіць нармальны прыбытак, для яго лепшым рашэннем будзе замовіць праграмістам мабільную версію, а не купляць Про версію WPtouch за 59 даляраў.
Ўстаноўка плагіна стандартная. У радок пошуку ўводзім назву WPtouch Mobile Plugin і ўсталёўваны яго. На гэтым скрін глядзіце пакрокавыя дзеянні па ўстаноўцы:
Як толькі вы актывавалі убудова, у сайта з'явілася мабільная версія. Праверка зручнасці прагляду на мабільных прыладах ад Гугла паказвае «Выдатна! Старонка аптымізавана для мабільных прылад ". Больш можна нічога не рабіць. Усё працуе. Зайдзіце на свой сайт са свайго тэлефона і паглядзіце.
Для тых, хто жадае пакапацца ў наладах, а таксама дадаць рэкламу ў плягін WPtouch, разгледзім яго функцыянал больш падрабязна.
да зместа ↑Як наладзіць убудова WPtouch
У адмінку ў левай калонцы з'явіўся пункт WPtouch.
Першы падпункт «Што новага», можна не глядзець. У ім на англійскай распавядаецца аб новых абнаўленнях і паляпшэннях у убудове, якія ўносяць яго распрацоўшчыкі.
Другі падпункт «Базавыя налады». Ён мае дзве ўкладкі: «агульныя» і «сумяшчальнасць». На ўкладцы «агульныя» можна змяніць назву сайта, выбраць пачатковую старонку, адключыць спасылку пераключэння да поўнай версіі. Налады на ўкладцы «сумяшчальнасць» нам не цікавыя, толькі карыстальнікі Про версіі могуць выбраць, якія убудовы будуць загружацца з мабільнай версіяй, а таксама дадаць шорткоды.
Трэці пункт - «Тэмы і пашырэння». Тут нам рабіць няма чаго. У бясплатнай версіі ёсць толькі адна тэма - Bauhaus, а з пашырэньні наогул нічога не даступна.
Ідзем далей. Чацвёрты падпункт - «Параметры тэмы». Ён мае аж 5 ўкладак «Агульныя», «Фірмовая сімволіка», «Закладка піктаграм», «Рэжым вэб-прыкладанні», «Рэклама».
На першай ўкладцы «Агульныя» звярніце ўвагу на наступныя налады: выснова колькасці запісаў, паэксперыментуйце з эскізамі, абярыце якія элементы паказваць (каментары, слайдэр). На жаль, для бясплатнай версіі не даступны выснову блока падобных запісаў. На ўкладках «Фірмовая сімволіка» і «Закладка піктаграм» можна змяніць колеру і эмблемы тэмы.
У чацвёртым пункце «Меню» абярыце, якія старонкі меню паказваць, а якія няма. Да кожнай старонцы можна дадаць значкі:
Як вы заўважылі, у бясплатнай версіі нельга дадаць рэкламу, якая будзе адлюстроўвацца на мабільным. Гэта абмежаванне можна абыйсці, дадаўшы ў файл тэмы рэкламны код. Мінус у гэтага спосабу наступны - падчас абнаўлення плагіна рэкламныя коды трэба дадаваць нанова.
Хачу звярнуць вашу ўвагу на тое, што для тэлефона трэба ствараць рэкламныя блокі свайго фармату. У Адсенс ёсць стандартны блок 320 * 100. Можна стварыць свой з шырынёй 320, а вышынёй 300. Паэксперыментуйце і паглядзіце вынік.
У выпадку з тизерной рэкламай, можна стварыць блок шырынёй усё тыя ж 320 пікселяў. А ў ім размясціць 3 аб'явы ў слупок з памерам карцінкі 50 * 50. Глядзіцца выдатна. Яшчэ я дадала спасылку «чытаць далей», якая выводзіцца справа ад тізера.
да зместа ↑Як вывесці рэкламу на мабільным ў пачатку і канцы артыкула
Цяпер растлумачу куды ж дадаваць коды. У бясплатнай версіі плагіна WPtouch ёсць усяго адна тэма Bauhaus. Зойдзем у тэчку з ёй па наступным шляху сайт.ru / public_html / wp-content / plugins / wptouch / themes / Bauhaus / default
І вы ўбачыце спіс файлаў, якія адказваюць за адлюстраванне сайта на мабільных прыладах:
Нас цікавіць файл single.php. У яго мы і будзе дадаваць коды.
Першы блок Адсенс 320 * 100 я дадала пасля вываду мініяцюры, адразу пасля гэтага кода:
<Div class = "post-page-thumbnail"> <? Php the_post_thumbnail ( 'large', array ( 'class' => 'post-thumbnail wp-post-image')); ?> </ Div>Дадаць рэкламу пасля кнопак соцсетей мне не ўдалося, калі вы знойдзеце рашэнне, напішыце ў каментарах.
Другі блок Адсенс 320 * 300 у канец паста, перад кодам:
<? Php get_template_part ( 'related-posts'); ?>А код тизерки перад высновай каментарыяў:
<? Php if (comments_open () || wptouch_have_comments ()) {?>Каб наведвальнікі з мабільных прылад залічваліся ў статыстыцы, дадайце коды лічыльнікаў у гэты файл. Я не знайшла лепшага месца і дадала код перад радком:
<? Php get_footer (); ?>Вось уласна і ўсё. Не забывайце, рэкламу прыйдзецца дадаваць нанова пасля абнаўлення плагіна. Захавайце сабе на кампутар гэты файлік з рэкламнымі кодамі.
Чакаю вашых каментароў.
Php the_post_thumbnail ( 'large', array ( 'class' => 'post-thumbnail wp-post-image')); ?Php get_template_part ( 'related-posts'); ?
Php if (comments_open () || wptouch_have_comments ()) {?
Php get_footer (); ?
