Вы хотите обновить дизайн своего блога ? Тогда посмотрите русские шаблоны wordpress, многие из них также оптимизированы под мобильные устройства.
Привет, друзья! Я думаю, что Все вы, как и я же, получали письмо от Google, который гласит: наш сайт не оптимизирован для мобильных устройств:
На данный момент Google пока никак не пессимизирует сайты, которые не адаптированы под мобильные устройства. Но я более чем уверен, что в скором времени Гугл начнет учитывать этот фактор. Именно поэтому сейчас самый крупный поисковик в мире заставил всех зашевелиться.
Еще: вы, наверное, прекрасно понимаете, что если не оптимизировать сайт под экраны с меньшим разрешением, то процент отказов будет больше с мобильных устройств, а это все скажется на поведенческих факторах, как для Google, так и для Яндекса. А это уже сейчас влияет на позиции сайта.
Как узнать, оптимизирован ли сайт под мобильные устройства? Очень просто. У Google есть специальный сервис для этого, вот ссылка на него: https://www.google.com/webmasters/tools/mobile-friendly/.
Вводим адрес нашего сайта и видим сообщение:
Или вот такое сообщение:
Да-да, как вы поняли из скриншота выше, наконец-то у моего блога появилась мобильная версия сайта. Многие меня просили сделать это. Я все откладывал и откладывал, да и занятие это, как я думал, довольно дорогое. Запрашивал цены у проггеров — все говорили, что будет стоить более $100. Поэтому я вообще забил на эту тему.
Потом я вспомнил про своего хорошего товарища, коллегу — Виталия — mojwp.ru. Я часто обращаюсь на его блог, если нужно что-то добавить, что-то подпилить. А вот сам Виталий оказывает еще и различные услуги, причем за АДЕКВАТНЫЕ цены, что довольно редко встретишь. Попробовал написать ему, он согласился взяться за эту работу и сделал мобильную версию моего сайта за явно меньше $100. Тут цены для каждого индивидуальные, все зависит от Вашего ТЗ, требуемого функционала. Я выпросил у Виталия скидку для моих читателей, если ему сообщить код «wpnew» он обещал сделать скидку 10%, как для своих. Если интересно, писать ему сюда admin(собака)mojwp.ru.
Я давно хотел мобильную версию своего сайта, ведь сам очень часто заглядываю к себе через свой старенький iPhone. Теперь одно удовольствие читать статьи на блоге, смотреть свежие комментарии, отвечать на них и прочее.
Огромная просьба, попробуйте, пожалуйста, зайти на мой блог с мобильного телефона и напишите в комментариях: все ли удобно, все ли хорошо, может есть какие-то идеи, что-то улучшить/доработать? Очень важны ваши мысли. Спасибо заранее!
P.s. Для вас важно положение в обществе? Тогда вам скорее всего нужны красивые мобильные номера для того, чтобы произвести впечатление. Удивите своих окружающих.
Вроде все нормально работает с iphone
Очень круто получилось! Теперь удобнее гораздо! Скоро сам буду заказывать мобильную версию, если вообще не соберусь полностью шаблон сменить)
🙂 Ты прям скачешь туда-сюда, то шапку поменял, то теперь полностью дизайн сменить хочешь 🙂 Определись уже)
Неее)) Дизайн тот же) Хочу именно шаблон сменить, чтобы был без технических косяков) Это, знаешь, как вкладывать сотни тысяч рублей в «Жигули», чтобы пытаться его «заделать» или просто взять иномарку и забыть о геморрое) Вот думаю, сделать мобильную версию для существующего шаблона блога или полностью сменить шаблон, но оставить дизайн) Как бы ты поступил?
Смущает то, что в мобильной версии не показываются реклама РСЯ и AdSense. Если эту проблему решат, то с удовольствием тоже перейду на мобильную версию.
А мне так наоборот — это лишнее. Загромождать ненужными блоками — вызывает раздражение. В браузере еще прокрутить не проблема, а здесь все должно быть «легко и воздушно». 🙂
Да без проблем рекламу любую вставить. Просто Петр видимо решил пока не «загружать» вас рекламой)
Добрый день. А можете подсказать как как убрать подчёркивание ссылок в виджетах сайдбара? Т.е интересует только в сайдбаре, никак не могу найти нужную информацию. Заранее спасибо.
С помощью firebug https://wpnew.ru/udobnaya-rabota/firebug-for-firefox.html легко найти стили любого элемента вплоть до строчки где и что менять.
У меня вот такой кусок кода:
a{color:#222; text-decoration:underline}
a:hover{color:#3048A6; text-decoration:underline; cursor:pointer}
.single p a, .single li a, .page p a, .page li a {color:#3048A6; text-decoration:none; }
.single .postcol p a:hover, .single .postcol li a:hover, .page .postcol p a:hover, .page .postcol li a:hover {color:#222; text-decoration:underline}
Получилось убрать подчёркивание и в сайдбаре и в записях. Может быть что не записано в сталях вывод в блоке сайдбара в шаблоне? Не могу уже второй день настроить).
Возьмите название класса сайдбара (например, у вас написано div class=»sidebar») и пропишите в стилях:
.sidebar a, sidebar a:hover {text-decoration:none;}
Если вдруг не получится, свяжитесь со мной, подскажу)
Здравствуй Петр, еще утром заметил мобильную версию. Понравилась. Замечание — после того как в мобильной версии нажал на просмотр полной в следующий раз открывается в полной.
Цена у Виталика адекватная, скидкой воспользуюсь.
Наверное, логичнее оставить так: если человек 1 раз выбрал «полную версию», то ему удобнее просматривать таким образом и не стоит заставлять каждый раз его нажимать на «полная версия».
Ссылка перед подвалом. В обоих версиях.
Так хорошо, вопрос снимается.
Страница результатов поиска не идеальна.