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

Рекламное объявление

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

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

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

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

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

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

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

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

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

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

Плагины

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

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

Один из самых популярных плагинов, с которыми мы сталкивались, это WPTouch. Мы рассмотрели плагин несколько лет назад Как сделать ваш блог 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 полностью доступен для мобильных устройств, - воспользоваться бесплатным инструментом. Вставить Отзывчиво. Этот инструмент позволяет встраивать видео YouTube, фотографии и видео из Instagram, Карты Google и многое другое, при этом гарантируя, что встраивание остается в рамках вашего дизайна. Вы обнаружите, что с некоторыми вставками изображения или видео могут перекрывать контент. Embed Responsively положит конец этим изломам.

Чтобы узнать больше о Embed Responsively, проверьте наш углубленный обзор Как встроить YouTube, Vimeo, Instagram и Google Maps в ответОдно из самых громких слов в мире онлайн-дизайна за последние два-три года должно быть «Отзывчивым». С появлением просмотра на всем от 4-дюймового экрана смартфона до ... Подробнее .

Что выбрать?

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

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

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

Кредит изображения: Люк Легай