Mobile Work!

Сайт полностью оптимизирован для ваших мобильных устройств. wink

Какие плюсы есть от мобильной версии?
  1. Естественно это удобно, можно прочитать и посмотреть всю нужную информацию через телефон.
  2. Поисковые системы любят сайты, оптимизированные под мобильные устройства.
проверить оптимизирован ли ваш сайт для мобильных устройств можно по этому адресу.

Как реализовать?
Есть раньше многие создавали отдельные шаблоны(в том числе и DLE) для мобильных устройств, то теперь же все немного проще, всё достигается по средствам HTML, CSS и JS. В одном шаблоне мобильная и ПК версия.

К сожалению не все шаблоны можно быстро и легко адаптировать, некоторые нужно будет переделывать практически полностью.
Для создания своей мобильной версии вам нужно внести правки в ваш CSS, добавив
@media only screen and (max-width: 600px) {
...
...
...
}
всё, начало положено. Теперь вы можете добавить свои новые стили, для правильного отображения на вашем мобильном устройстве.

А также добавить в html​​​
<meta name="viewport" content="user-scalable=no, initial-scale=1.0, maximum-scale=1.0, width=device-width"> 
Вот некоторые стандартные рекомендации, которым следует придерживаться
  1. Тег viewport: На сайте область просмотра viewport, адаптируется по размеру экрана. Это значит, что страницы сайта правильно отображается на всех мобильных телефонах и планшетах.
  2. Ширина страницы: Страницы сайта целиком находятся в области просмотра, без горизонтальной прокрутки.
  3. Видимое содержание: Содержание части сайта не оптимизировано для быстрого отображения основного контента страниц.
  4. Размеры элементов: Все элементы на страницах сайта достаточно велики в размере, чтобы на них можно были легко нажать, используя сенсорный телефон или планшет.
  5. Размеры шрифтов: Размер шрифта и высота строк на сайте позволяют удобно читать текстовый контент.
продолжение следует...

Добавить комментарий

Автору будет очень приятно узнать обратную связь о своей новости.

Комментариев 0