Як зробити мобільну версію шаблону для wordpress, блог Ірини Соколовської

До особливостей браузерів мобільних пристроїв відносяться:

  • відсутність управління за допомогою миші, а також, часто, і клавіатури,
  • управління за допомогою сенсорного екрану,
  • невеликий робочого простору у вікні браузера, через маленького дозволу екрану.

Крок 1. Шлях до мобільного темі в header.php

По-перше, зробіть копію файлу стилів вашої теми, і назвіть її style-mob.css.

Визначаємо мобільний пристрій. спосіб 1

Зараз давайте трохи змінимо файл hearder.php. Знайдіть, де підключається файл стилів (зазвичай це перші кілька рядків коду):

Велике спасибі! Тепер є від чого відштовхуватися. Буду намагатися зробити мобільну версію сайту
🙂

Вибачте, Ви не підкажете, як зробити, щоб для мобільних відвідувачів завантажувалася інша тема оформлення, а не тільки файл стилів? Дякуємо.

Спробуйте скористатися плагіном, наприклад, WP Touch, є й інші, але зараз згадати не можу. Він створює окрему тему для мобільних браузерів.

А є можливість позбутися від мобільної версії сайту на wordpress, щоб відображення було ідентичне пк, як відображаються сайти на joomla. А то адаптивні шаблони та й звичайні перетворюють сайт на мобільному в незрозумілу кашу з жахливою навігацією. І немає шаблонів, які зберігають версію пк ((

Олексій, це залежить не від CMS, а від теми оформлення сайту. Зазвичай, це все можна відключити через CSS, потрібно або відключити окремі стилі для мобільних пристроїв, або закмментіровать їх.

Добридень! Підкажіть будь ласка, як прибрати картинки з шапки (header.php) для мобільної версії сайту. Дякуємо!

Привіт, Ирина! Мій веб-сайт не оптимізований під мобільні пристрої, намагаюся це виправити за допомогою Вашої статті (хоча в кодах нічого не розумію). У файлі header php у мене ось такий код

Доброго дня. Дякуємо. Будемо пробувати.

Застосував, ІІІ. Ніяких змін.

Запис написана майже 4 роки тому, допускаю, що щось могло змінитися

Схожі статті