Меню

Настройка плагина wordpress mobile pack

Обзор плагинов WordPress для создания мобильной версии блога

Здравствуйте, Дорогие друзья!

Знаете ли вы, что мобильным интернетом в России пользуются более 3 миллионов человек (данные на 2010 год)?

Более 4 миллионов россиян пользуются мобильными телефонами для доступа в интернет.

Доля поисковых запросов с мобильных телефонов составляет около 9%!

К чему я все это? – спросите вы.

А я отвечу – не стоит игнорировать пользователей мобильных телефонов, среди которых, возможно, большое количество ваших читателей. И сегодня мы с вами научимся создавать мобильную версию блога, которая заметно упростит его чтение с мобильных устройств. А помогут нам в решении этой задачи 8 замечательных плагинов WordPress. Разберем каждый из них.

1. WordPress Mobile Pack. Скачиваем плагин, заливаем через FTP-соединение в папку wp-content/plugins (находится в корневой директории вашего блога). Переходим в админку WordPress – меню «плагины». Активируем WordPress Mobile Pack.

Далее переходим в настройки плагина, где видим вкладки Mobile Theme, Mobile Widgets, Mobile Switcher. Эти вкладки позволяют настраивать вид мобильной версии блога на свое усмотрение. Вы можете настроить число выводимых постов, их размер и даже выбрать тему оформления мобильной версии блога. Всего вам доступно 4 цветовых оформления – красное, черное, зеленое и синее.

На вкладке Mobile Switcher вы можете указать, как определять устройство, с которого читают ваш блог. Советуют ставить «автоопределение». Есть возможность установить мобильный переключатель режимов, которым пользователи смогут пользоваться при желании (ведь не всегда удобна мобильная версия даже на телефоне!).

На вкладке Mobile Widgets вы указываете, какие элементы вашего блога показывать «мобильным» посетителям, а какие скрыть.

На вкладке Mobile Theme вы имеете возможность просмотреть, как выглядит ваш блог на экранах мобильных телефонов. Кроме того, вы можете настроить некоторые параметры, такие как: количество постов на главной странице, ограничение числа слов в анонсах постов, количество пунктов в виджетах, показ медиафайлов и т.п.

После подключения и настройки плагина ваш блог будет выглядеть примерно так:

2. WPtouch iPhone Theme. Скачиваем плагин, заливаем через FTP-соединение в папку wp-content/plugins. Переходим в админку WordPress – меню «плагины». Активируем WPtouch iPhone Theme.

Плагин работает со следующими мобильными устройствами и браузерами: iPhone, iPod touch, Android, Opera Mini mobile, Palm Pre и BlackBerry. Вся прелесть данного плагина заключается в том, что он не нуждается в каких-либо настройках, и готов к работе сразу же после активации. Для любителей же настраивать все под собственные нужды плагин располагает целой кучей всевозможных настроек (Внимание – английский язык!).

Используя данный плагин, вы добьетесь следующего вида вашего блога на экране мобильного телефона:

Для своего блога я выбрал именно плагин WPtouch iPhone Theme. Возможно, он не самый лучший, но мне он нравится больше всего.

3. WordPress PDA & iPhone. Все проделываем точно так же, как и в двух предыдущих случаях. Скачиваем, заливаем, активируем.

Несомненное преимущество данного плагина состоит в том, что он прекрасно работает не только с Iphone, но и с КПК, смартфонами и другими телефонами.

В настройках плагин также не нуждается, как и предыдущий. Просто активируем его на странице «Плагины» и радуемся жизни.

Вот так выглядит мобильная версия блогапри использовании плагина WordPress PDA & iPhone:

4. WPmob Lite. Установка не отличается от предыдущих плагинов. Все по тому же принципу – качаете, заливаете, активируете.

Как и в предыдущих случаях, плагин сам определяет, с какого устройства читают блог, и переключает при необходимости на мобильную версию.

ВНИМАНИЕ! Чтобы получить доступ к настройкам, необходимо его активировать. Делается это легко и просто – вам необходимо лишь указать адрес электронной почты для активации. После этого, вы сможете использовать кнопки социальных сервисов (Twitter, Facebookи т.д.) в мобильной теме вашего WordPress-блога.

Есть возможность менять темы оформления цвет фона. Кроме того, есть переключатель на обычный режим обратно, что в некоторых случаях просто необходимо.

Выглядит плагин в действии примерно так:

Не обошлось и без недостатков. Данный плагин не умеет работать с Windows Mobile. Так что имейте это в виду.

5. MobilePress. Процедура установки плагина идентична предыдущим.

Плагин работает с iPhone, Opera Mini, Windows CE Mobileидругими устройствами и браузерами.

Итоговый вариант использования плагина выглядит так:

6. WPtap-Themes/Plugin. Установка повторяет все те же шаги, которые мы проделывали ранее с другими плагинами.

Данный плагин имеет одно большое преимущество – он с легкостью «уживается» с другими дополнениями, установленными на ваш блог. Кроме того, он позволяет создать favicon (иконку блога, которая отображается рядом с URL) для мобильной версии вашего онлайн-дневника. Имеется переключатель на обычный «немобильный» режим и обратно.

В мобильной версии блог выглядит очень привлекательно. Убедитесь сами:

Мне очень нравится. А вам?

7. WordPress Mobile Edition. Установка также проста – скачали, залили, активировали.

Плагин не отличается чем-то сверхъестественным от своих вышеупомянутых «собратьев». Все так же он определяет владельцев мобильных телефонов, коммуникаторов и КПК, и все так же предлагает им мобильную версию блога.

Читайте также:  Настройка сигнализации starline a94 автозапуск

Есть возможность указать, для каких устройств показывать мобильную версию, а для каких – полную. Это очень удобно.

Есть возможность менять и настраивать темы оформления, что также многим придется по душе.

Выглядит мобильная версия вот так:

8. Wapple Architect Mobile Plugin. Последний в нашей сегодняшней выборке плагин для создания мобильной версии блога. Устанавливается все также – скачали, залили, активировали, но есть одно отличие. Вернее – дополнительное действие.

После установки идем по адресу http://wapple.net/register/plugins-signup.htm и регистрируемся. Указываем email, на который нам придет специальный ключ (Dev Key). Его необходимо ввести в настройках плагина.

И еще один важный момент. При регистрации вас попросят ввести адрес сайта, для которого вы генерируете ключ. Указывайте URL с «http://» и без «/» на конце.

Все, готово, мобильная версия блога создана! Смотрим:

Теперь вы знаете о восьми плагинах, при помощи которых, вы легко создадите мобильную версию своего блога. Желаю удачи и до следующего поста!

Источник

Мобильная версия WordPress — плагин WPtouch

Как вы знаете, дамы и господа, что Интернет становится всё более мобильным и всё больше и больше пользователей заходят во всемирную паутину со всевозможных телефонов, смартфонов, планшетов и так далее. Уверен, что большинству из вас, дорогие мои товарищи, случалось просматривать не оптимизированные для просмотра на мобильных устройствах сайты.

Зрелище не очень, страницы с крошечными ссылками, картинки не разглядеть и главное, совсем не возможно прочитать текст, пока пальчиком не увеличишь его. Не думаю, что и вашим посетителям будет удобно скроллить вправо, влево читая простыню текста на вашем сайте. Полная фигня.

Проверьте, ваш сайт WordPress оптимизирован для мобильных устройств

В Инструментах для веб-мастеров появился раздел «Удобства просмотра на мобильных устройствах», где вы можете выявить основные проблемы при просмотре со смартфонов и планшетов не одной страницы, а всего вашего сайта.

Google Search Console

Чтобы узнать, какие страницы вашего сайта WordPress неудобно просматривать на мобильных устройствах, воспользуйтесь соответствующим отчетом в Search Console:

В отчете представлены все страницы, которые не оптимизированы для мобильных устройств.

Проверка оптимизации для мобильных

Если результат плохой:

Страница не оптимизирована для мобильных устройств

То надо исправлять ошибки или что делать с сайтом WordPress.

Проверка мобильных страниц Яндекс. Вебмастер

Введите адрес страницы, чтобы проверить, оптимизирована ли она для мобильных устройств:

Хотя, и без вашего участия Google и Яндекс проверит соответствует ли ваш сайт новым требованием, а если нет или существуют ошибки, то может прийти на вашу почту такое письмо:

Как оптимизировать сайт WordPress для мобильных устройств?

Как создать мобильную версию сайта WordPress? Как правило, это означает, что вам нужно выбрать и установить новую тему, основанную на принципе адаптивного дизайна. Тогда ваш сайт будет выглядеть одинаково хорошо как на ПК, так и на мобильных устройствах. Страницы будут подстраиваться под браузер пользователя, используя один и тот же код HTML, CSS и JavaScript.

Если вы не хотите менять свою любимую тему / шаблон, то используйте функции WP. Оптимизировать сайт для показа на мобильных устройствах можно с помощью специальных плагинов WordPress. По рекомендации Google существуют три хороших плагина превращающие ваш сайт в полноценную мобильную версию WordPress, с одним из них, я вас и познакомлю. Мобильная версия сайта WordPress с помощью WPtouch.

Сделайте свой сайт WordPress мобильным всего за несколько кликов с помощью WPtouch Mobile.

Ваша обычная тема для компьютера останется не тронутой и будет продолжать показываться для ваших не мобильных посетителей.

Темы WordPress, используемые на сайте для обычных ПК, останутся без изменений. При отображении сайта на мобильных устройствах будет использоваться отдельная тема. На выбор доступны несколько тем. Жалко, что в бесплатной версии доступна только одна тема.

Плагин WPtouch настройка

Установить плагин можно стандартным путём, то есть, через поиск по плагинам, вводите его название устанавливаете и активируете:

И так, появится новый раздел с одноимённым названием на боковой админ панели. Сразу переходим на страницу Настройки:

Настроек WPtouch в бесплатной версии мало, только лишь, самое необходимое:

Здесь, в принципе ни чего менять не надо, но можете сделать, как вам нужно. Оставьте настройки общие по умолчанию. А нажав кнопку Previev Theme (Предварительный просмотр темы) вы увидите, как выглядит ваша мобильная версия сайта WP:

Пробежитесь по всем разделам настроек плагина WPtouch. Например, настройте мобильное меню или перейдите в настройщик мобильной темы WordPress и продолжите работу:

Интерфейс настройки позволяет просмотреть изменения на мобильном сайте перед их публикацией. Вы можете переходить на другие страницы сайта в режиме предпросмотра. Можно визуально, легко настроить мобильную версию сайта WordPress. Нажимаем каждый пункт и настраиваем нужные параметры:

После не забываем нажать кнопу Опубликовать.

Да, вы можете для мобильного меню выбрать иконки/значки. По умолчанию, загружена тема значков Elegant, но если вам эти иконки не подходят, то можно загрузить свой пользовательский набор или установить дополнительные. Для этого нужно нажать вкладку «Загрузка и наборы значков» и выбрать набор из списка:

Читайте также:  Точка tp link eap120 настройка dhcp

И наше меню с иконками:

Ура, дорогие друзья, вот мы и сделали мобильную версию сайта. Теперь, нам остаётся проверить удалось ли оптимизировать сайт WordPress для мобильных устройств? Давайте проверим и посмотрим, что на это скажет наш любимый Google.

Вот и на этом, дамы господа, я с вами прощаюсь не надолго. Надеюсь, что моя инструкция вам поможет создать мобильную версию сайта и к вам претензий со стороны поисковиков не будет. В следующей статье я расскажу вам ещё об одном плагине по оптимизации сайта WordPress для мобильных устройств.

Удачи, до новых встреч.

P.S. Google с 21 апреля начнет использовать новые алгоритмы поиска

С 21 апреля Google начнет использовать новые алгоритмы поиска. В результате предпочтение будут отдавать в первую очередь мобильным версиям интернет-ресурсов вне зависимости от того, будет ли поисковик выдавать запрос пользователю для стационарного компьютера, ноутбука, планшета или смартфона.

Таким образом, повысить вероятность попадания в результаты поиска у «тяжеловесных» интернет-ресурсов есть, если они оптимизируют его или дополнят мобильной версией, которую удобно просматривать на планшетных ПК.

Источник

Плагины для создания мобильной версии сайта вордпресс

Время на чтение: 8 минут

Адаптация сайта под мобильные устройства это необходимая составляющая успешного продвижения, потому как большинство пользователей любит удобство. С недавних пор такие поисковые системы, как Гугл и Яндекс начали понижать в выдаче сайты, которые не адаптированы под мобильные устройства. В следствии этого уменьшается посещаемость сайта. Поэтому для того чтобы удержать этот показатель, вам понадобится мобильная версия wordpress.

Для начала стоит проанализировать нынешнее отображение сайта на мобильных устройствах. Для этого достаточно зайти в панель вебмастера от Гугла. Здесь вы узнаете подробную информацию о недочетах и сможете их исправить при помощи знаний программирования.

Оптимальным решением будет добавление в раздел CSS вашей темы такого текста:

Помимо этого вам желательно изменить ширину страниц мобильной версии (за нее отвечает атрибут “width”). После того, как найдете его в разделе CSS, вам нужно будет заменит его значение на “100%”. Это позволит браузеру автоматически подгонять ваш сайт под любой экран. Но стоит отметить, что данный способ адаптации не является эффективным, потому как сайт будет грузиться долго. Основные цели мобильной версии это быстрая загрузка и предоставление удобства. Помимо этого такой вид адаптации не является быстрым. Вам придется искать нужные атрибуты, эксперементировать с их значениями, если будут возникать какие-либо дефекты и так далее.

Если же вы не обладаете знаниями из области программирования, то вам стоит установить специальные плагины, которые помогут сэкономить вам время и ускорить загрузку мобильной версии.

1. Hammy необходим для пропорционального отображения изображений на мобильных устройствах. Механизм работы заключается в том, что плагин меняет стандартный тег вызова изображения img на figure. При желании в настройках плагина есть опция отключения показа изображений определенного класса. Это нужно при адаптации новостных и каких-либо других больших порталов. В противном случае сайт будет грузиться намного дольше.

2. Responsive Widgets нужен для того, чтобы сделать специальные виджеты, которые будут отображаться только на мобильных устройствах. Виджет это блок сайта, который содержит какую-либо информацию (недавние или популярные новости, опросы и так далее). Выбор виджетов достаточно широкий, чтобы создать многофункциональный сайт.

3. Плагин WP Lightbox 2 поможет сделать всплывающие окна на мобильном сайте. Он начинает работать сразу же после активации. При желании можно изменить длительность показа. В целом, с настройкой проблем не должно возникнуть.

4. Responsible существенно облегчит вам настройку адаптации сайта. После его активации в верхней часте сайта появится панель, с помощью которой вы сможете сделать регулирование размеры сайта в зависимости от вида мобильного устройства. Этот плагин является удобным, потому как при изменении параметров вы тут же сможете увидеть результат.

5. Если вы хотите создать готовый адаптивный сайт за считанные минуты, то вам стоит использовать плагин WP Touch. Он является достаточно популярным, потому как им пользуются более 5 миллионов вебмастеров. Этот плагин содержит базовые настройки (название, язык, регион) и одну тему. Если же вы хотите сделать более функциональную мобильную версию сайта для смартфонов, то вам стоит приобрести премиум версию WP Touch Pro. Здесь присутствует большое количество различных тем и дополнительных настроек, поэтому ваш сайт не будет однообразным.

6. WP Mobile Detector предназначен для определения устройства, с которого посетитель заходят на сайт. Он способен сделать распознавание около 5 тысяч различных устройств. Также плагин фиксирует статистику уникальных посещений, источников перехода и многое другое.

7. WordPress Mobile Pack это многофункциональный плагин. Благодаря нему вы сможете сделать настройку отображения различных кнопок бара (добавить в закладки и так далее), кнопок смены версии сайта с классической на мобильную и блоков с рекламой от Гугл или AdMob. Также он содержит мобильную версию панели управления сайтом. Это существенно повысит удобство, потому как в стандартной версии панели управления при работе на мобильных устройствах некоторые опции являются ограниченными в доступе.

Читайте также:  Как на смартфоне сделать сброс настроек до заводских настроек

8. WP Mobile Edition это полная копия предыдущего. Помимо вышеперечисленных опций данный плагин подключает возможность комментирования записей с помощью системы Disqus, а также создает дополнительную XML карту для мобильной версии.

9. Duda Mobile Website Builder поможет создать быстрый и привлекающий внимание сайт для мобильного устройства. Он отлично работает со всеми темами, которые предложены на официальном сайте движка вордпресс. Данный плагин используют создатели NY Times, Forbes и других популярных сайтов.

10. MobilePress является достаточно простым. Этот плагин создаст практичную мобильную версию без каких-либо особенных эффектов. Плюсом такого плагина является уменьшение нагрузки на сервер. Как известно, чем меньше на сайте имеется различных виджетов, тем быстрее он будет грузиться на экране устройства.

11. WP Mobile Splash Page Editor будет вам полезен при создании гостевой страницы для мобильной версии вашего интернет-портала. Он достаточно легок в настройке и содержит широкое количество различных стилизаций. При правильном подборе дизайна вы сможете увеличить посещаемость сайта. Стоит также упомянуть, что данный плагин обеспечивает быструю загрузку страниц на каком-либо портативном устройстве.

12. При использовании Wapple Architect Mobile вы получите адаптированную версию, которая будет иметь URL-адрес идентичный классической. То есть, не будет перенаправления на поддомен вида “m.сайт.com”. Это никаким образом не влияет на СЕО-показатели. Особенностью данного плагина является также возможность адаптации абсолютно любой темы под мобильные устройства (будь это даже тема с большим количеством различных виджетов). Благодаря этому, вам не придется тратить лишнее время на работу с дизайном.

Как осуществляется адаптация без использования плагинов?

Если же вы не хотите использовать плагины, то есть специальные сервисы, благодаря которым можно сделать мобильную версию для любого устройства.

Сервис dudamobile.com является достаточно популярным, потому как имеет широкий выбор опций. Однако, данный сервис является платным. Цена будет составлять 9 долларов США. Это достойная плата, учитывая что вам не придется использовать какие-либо плагины.

Для начала вам нужно здесь зарегистрироваться или пройти авторизацию через Фейсбук. После этого переходите в раздел “Дизайн” и кликаете по полю “Макет”. Перед вами откроются возможные варианты размещения навигации. Для выбора вам достаточно кликнуть по понравившемуся варианту. Чтобы настроить цветовые гаммы, вам нужно кликнуть на поле “Стиль”. Вы также можете загрузить свое фоновое изображение. Поле “Заголовок” отвечает за эмблему. Вы можете ее загрузить в виде картинки или же представить каким-либо текстом. В целом, процесс конструирования происходит в визуальном режиме. Вы “настраиваете”, а сервис формирует специальный код. Стоит сказать также, что есть и бесплатная версия. Но в таком случае на сайте будет автоматически отображаться реклама.

Более простым является mippin.com, который содержит значительно меньше опций. Механизм работы похож с предыдущим сервисом.

Проверка адаптации

После проделанных действий вы должны получить желаемый результат. Но, для того чтобы удостовериться в том, что адаптация для мобильного устройства выполнена правильно, вам стоит воспользоваться следующими сервисами.

В первую очередь, вам стоит снова перейти в панель вебмастера от Гугла и посмотреть на сколько процентов он оценивает работоспособность вашей мобильной версии. Если у вас будет значение 100%, то цель полностью достигнута. Ваш сайт повысится в ранжировании и будет иметь хорошую посещаемость. Если же значение будет на пару процентов меньше, то это не будет существенной проблемой. При неудовлетворительном результате вам стоит пересмотреть способ адаптации. Ключевую роль для выбора способа адаптации играет шаблон. Если плагины хорошо работают с вашим шаблоном, то проблем не должно возникнуть. В противном же случае вам желательно будет деактивировать установленные шаблоны и воспользоваться платным сервисом. При необходимости стоит обратиться к специалисту или же установить более простой шаблон.

С помощью сервиса iPad Peek вы сможете абсолютно бесплатно увидеть особенности отображения вашей мобильной версии на таких устройствах, как iPad, iPhone и других гаджетах фирмы Apple. Данный сервис является популярным, потому как большинство пользователей интернета предпочитает именно устройства Apple.

Также вы можете воспользоваться сервисом Mobile Phone Emulator, который позволяет увидеть отображение вашей мобильной версии не только лишь на продукции Apple, но и на продукции компаний Samsung, HTC и BlackBerry.

Популярным является Screenfly. Благодаря этому сервису вы сможете с легкостью узнать, как отображается ваш сайт не только лишь на телефонах, но и на телевизорах, различных ноутбуках, планшетах и других устройствах. При желании вы можете задать свои параметры и увидеть работоспособность.

Если же вам не хочется заходить лишний раз на какие-либо сайты, то установите один раз Opera Mobile Emulator. Это дополнение к известному браузеру Opera. Оно бесплатное и легкое в использовании.

Источник

Adblock
detector