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

Если сайт создается как мобильная версия основного сайта, это необходимо указать в настройках вновь создаваемого сайта. Структура и функциональность мобильного сайта не обязана повторять основной сайт, разработчик при желании может строить мобильный сайт полностью в отрыве от основного. В этом случае ему необходимо внести структуру, сверстать макет(ы), создать компоненты, учитывая специфику разработки под мобильные устройства.

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

Создать мобильные шаблоны для тех компонентов, данные из которых будут использованы на обоих сайтах
Создать разделы, которые будут дублировать разделы основного сайта
Добавить в эти разделы зеркальные инфоблоки, указав в каждом случае в качестве источника инфоблок с основного сайта, а в качестве шаблона — мобильный шаблон компонента
В макете дизайна основного сайта внести ссылку на мобильную версию, если пользователь зашел с мобильного устройства (об этом ниже) — и наоборот

Если пользователь заходит на обычный сайт с мобильного устройства, система автоматически перенаправляет его на мобильную версию сайта (или данной страницы, если у нее есть зеркало на мобильной вестии сайта), но только в том случае, если установлена настройка сайта «Использовать принудительную переадресацию”.

Для определения типа устройства, с которого посетитель зашел на сайт, можно использовать один из двух методов:

$nc_core->is_mobile() — возвращает true, если устройство мобильное, и false в обратном случае
$nc_core->return_device() — возвращает тип устройства: tablet (планшет), mobile (телефон), desktop (стационарный компьютер)

В макете мобильного сайта мы можем вывести ссылку на аналогичную страницу основного сайта (и наоборот). Это целесообразно, например, в следующих случаях:

в настройках мобильного сайта принудительная переадресация не установлена; пользователю, зашедшему с мобильного устройства, в каком-то месте макета выводится ссылка на мобильную версию
принудительная переадресация установлена, но разработчик дает пользователю возможность перейти на основной сайт
пользователь, зашедший со стационарного компьютера на мобильную версию (например, по полученной от кого-то ссылке), имеет возможность перейти на освновную версию сайта

Ссылку на альтернативную версию страницы возвращает метод $nc_core->subdivision->get_alternative_link(). Надо понимать, что альтернативная версия страницы возможна только если текущая страница относится к зеркальному инфоблоку (или инфоблоку, который имеет зеркало); на остальных странцах альтернативная ссылка будет вести на корень альтернативного сайта.

Например, в макете мобильного сайта можно написать:

if ($nc_core->is_mobile()) {
    echo "<a href='" . $nc_core->subdivision->get_alternative_link() . "'>полная версия</a>";
}

Мобильный сайт с точки зрения NetCat — полноценный сайт, на нем можно использовать все модули NetCat, применять инструменты SEO и другие инструменты разработчика.

20.2 Адаптивные сайты Далее →

Наверх