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

Так как же сделать адаптивную версию сайта? Можно конечно заказать у специалистов. Но услуги вебмастеров стоят немало. А если брать кого-то не опытного, то могут испортить много чего. (Совет: всегда делайте бекапы) Что же делать в таком случае? 

Можно воспользоваться плагинами. Их есть очень много, но для wordpress-сайтов  я посоветую WpTouch. Я выбирал между им и WP Mobile Detector. У обеих есть простой режим и платный, но по второму пишут, что часто выдает много ошибок. По этому установил WpTouch. Он имеет много настроек, можно отключить какие-то функции (например, показ рекламы), можно наоборот дописать какой-то код (только для мобильных), можно изменить цветовую гамму, количество записей, иконки меню, выбрать какое именно меню отображать.

Вот вам пример одного из моих сайтов. Как выглядел он до и после установки плагина WpTouch:

Как видите, удобство на лицо. А теперь детальнее о настройках пла

Например, в Общих настройках можно убрать показ автора, категории и даты поста:

Кроме того, есть выбор разных тем (правда, большинство только при оплате PRO-версии плагина):

Есть настройки цветовой гаммы сайта для мобильных девайсов:

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

То есть настроек много и не нужно самому никуда лезть. Достаточно установить и активировать плагин, выбрать цветовую гамму (и некоторые настройки) и все — адаптивный дизайн для мобильных у вас есть!

А проверить свой сайт для мобильных устройств можно на сайте у гугла — https://www.google.com/webmasters/tools/mobile-friendly/

Мой сайт они похвалили

А как вы делали мобильную версию сайта? Или вы не делали? о_0