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

  • belshopogolik

    (@belshopogolik)


    8 лет назад

    Воообщем яндекс «ругается», что мой сайт не оптимизирован для мобильных устройств… (проверял через яндекс вебмастер). После настроек и поисков в нете почти всё настроил (указал Тег viewport и тп) , осталось только одно замечание:

    Цитата:

    «Много мелкого текста Рекомендуем использовать шрифты размером не менее 12 px.»
    Предполагаю, что виной мелкий текст в боковой колонке

    Просмотрел CSS подправил все что нашел на font-size:12px. Ничего не изменилось из того, что нужно было… Подскажите, что все таки подправить еще?

    Цитата:
    Фрагмент кода из фала CSS:

    /* Sidebar Left
-----------------------------------------------------------------------------*/
.sl {
float: left;
width: 207px;
position: relative;
margin-left: -100%;
color: #878972;
}

.sl .sb_padd{padding: 12px 0 0 12px;}

.sidebar .title{ width: 100%; line-height: 30px; text-align: center; color: #878972; margin: 0 0 10px; background: #E9EADD;}
.sidebar .title h1{ font-size: 14px; }
.sidebar ul{ padding: 10px; line-height: 26px; }
.sidebar ul li{ background: url(images/side_bullet.gif) no-repeat left 9px; padding: 0 0 0 15px; border-top: 1px solid #E9EADD;}
.sidebar p{ margin: .4em 10px; }
.sidebar img{ margin: 5px auto;}

.sidebar .widg{ background: #F9F9F1; margin: 0 auto 8px; border: 1px solid #EFEFE4;}

.sidebar a:link, .sidebar a:visited, .sidebar a:active, .sidebar a:hover{color: #878972; text-decoration: underline;}
.sidebar a:hover{ text-decoration: none;}

    Тема WP Benny

Просмотр 1 ответа (всего 1)
  • skodnik

    (@skodnik)

    8 лет назад

    viewport целесообразно использовать вместе с @media (медиа-запросы).

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

    • Ответ изменён 8 лет назад пользователем skodnik.
Просмотр 1 ответа (всего 1)
  • Тема «Оптимизация сайта на Word Press для мобильных устройств» закрыта для новых ответов.