Как убедиться, что ваш блог WordPress доступен для мобильных пользователей

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

Когда дело доходит до ведения блога, первое, что вам нужно подумать, это ваши посетители. Ключевой вопрос, который вы должны задать себе: хотите ли вы, чтобы ваш блог был легко доступен на ходу? Если ответ «да», то вам нужно убедиться, что ваш сайт отображается так же красиво на смартфоне, как и на настольном компьютере — и все, что между ними.

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

Лучшая вещь об этих решениях — то, что они не требуют абсолютно никакого знания кодирования вообще. Мобильный сайт может быть запущен и запущен за считанные минуты, не требуя ничего знать о разработке или кодировании сайтов.

Адаптивные Темы

Самый простой и эффективный способ сделать ваш блог WordPress удобным для мобильных устройств — это выбрать адаптивную тему. Адаптивные темы автоматически адаптируются к любому устройству, которое вы используете при посещении сайта. Поэтому, если вы используете компьютер с меньшим экраном, сайт подстраивается под размер этого экрана. Если вы используете смартфон, он автоматически отобразит мобильную тему.

Использование адаптивной темы удобно, потому что вам не нужно полагаться на сторонние плагины или дополнительные исправления, а решение «все в одном» значительно облегчает жизнь. Итак, где вы найдете достойные адаптивные темы?

Если вы ищете платную тему, Themeforest предлагает более 2000 адаптивных тем на выбор. Если вы предпочитаете бесплатную тему, есть из чего выбирать. Мы представили несколько отличных адаптивных тем портфолио

, например.

Адаптивные темы не являются хорошими, только если вы хотите создать веб-сайт портфолио. это Список из более чем 250 адаптивных тем показывает вам разнообразие, и все перечисленные темы бесплатны.

Также обязательно ознакомьтесь с впечатляющим набором отзывчивых тем Dessign, некоторые из которых весьма напоминают стиль Squarespace.

Плагины

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

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

Один из самых популярных плагинов, с которыми мы сталкиваемся, это WPTouch. Мы рассмотрели плагин несколько лет назад

и внешний вид темы плагина не сильно изменился. WPTouch — это плагин plug-and-play, то есть вам ничего не нужно делать, чтобы посетители увидели мобильную версию вашего сайта. Однако вы можете изменить настройки и настроить значки, используемые в мобильной версии вашего сайта. Если у нас была одна жалоба на плагин, то это то, что его внешний вид не изменился за все эти годы — поэтому он выглядит немного устаревшим.

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

Мобильный детектор это еще один отличный плагин, который может быть обнаружен более чем 5000 мобильных устройств. Плагин также предлагает множество тем на выбор. Некоторые из этих тем элегантны, минималистичны и современны, что делает их более подходящими для WPTouch. Лучше всего: он предлагает мобильные версии официальных тем WordPress, двадцать одиннадцать и двадцать двенадцать. WZ Mobile Theme — это еще один отличный вариант, который позволяет отображать избранные изображения на главной странице.

Вот как выглядит ваш сайт с активированным Mobile Detector и WZ Mobile Theme:

UppSite отличается от других подобных плагинов отображением целевой страницы, которая дает посетителям возможность при первой загрузке вашего сайта просматривать мобильную (HTML5) или настольную версию вашего сайта. Это также может сохранить их выбор. Это также один из плагинов, для которого вам нужно выбрать некоторые настройки, прежде чем он появится в вашем блоге. Во время настройки вы можете выбрать, какой тип сайта вы используете: блог, бизнес-сайт или комбинацию.

Изучив настройки, вы обнаружите, что UppSite — это довольно многофункциональный плагин. Когда вы настраиваете плагин, вы можете выбрать свой значок, текст, который идет вместе с ним, и его цвет.

После того, как вы настроите плагин, появятся другие варианты настройки, но некоторые из них будут ограничены премиальной версией плагина. Бесплатная версия позволяет вам, среди прочего, изменить фон своей мобильной страницы и верхней панели. С премиальной версией вы также получаете загружаемое приложение для iOS, Android и Windows Phone и можете настроить свою целевую страницу — но все это обойдется вам в $ 99,99 в месяц.

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

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

Дополнительные инструменты

Еще один способ убедиться, что ваш блог WordPress полностью доступен для мобильных устройств, — воспользоваться бесплатным инструментом Embed Responsively. Этот инструмент позволяет встраивать видео YouTube, фотографии и видео из Instagram, Карты Google и многое другое, при этом гарантируя, что встраивание остается в рамках вашего дизайна. Вы обнаружите, что с некоторыми вставками изображения или видео могут перекрывать контент. Embed Responsively положит конец этим изломам.

Чтобы узнать больше о Embed Responsive, ознакомьтесь с нашим подробным обзором

,

Что выбрать?

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

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

Есть ли у вас какие-либо советы или подсказки, как убедиться, что ваш блог WordPress готов для мобильных устройств? Дайте нам знать об этом в комментариях.

Изображение предоставлено: Luc Legay