Як побудувати адаптивний сайт на umi cms - блог програміста umi cms

У цій статті я постараюся відобразити не тільки аспекти адаптивного сайту, але і загальний принцип роботи UMI CMS з поданням на мобільних пристроях.

1. окремий сайт для мобільного уявлення

2. єдиний, адаптивний сайт

При побудові окремого сайту для мобільного уявлення вам потрібно татко mobile всередині вашого шаблону XSLT.

Для прикладу, нехай наш шаблон називається «education». Тоді повний шлях до вашої папки з мобільним шаблоном буде виглядати так:

Всередині цієї папки ви можете повністю повторити структуру файлів і директорій папки / templates / education / xslt /. дотримуючись при цьому єдиного способу формування контенту для будь-якої з версій сайту.

Все інше UMI CMS зробить за вас сама. Якщо користувач зайде на сайт з мобільного пристрою - UMI сама відобразить версію з папки mobile.

З адаптивної версією все трохи складніше.

Справа в тому, що адаптивність можна просто включити або підключити на сайті. Фактично, адаптивність - це властивість, закладене саме в верстку. А вона з'являється задовго до того, як сайт стає схожим на кінцевий результат.

У зв'язку з цим, в більшості випадків, говорячи про адаптивність мається на увазі, що буде побудований новий інформаційний ресурс з більш просунутим принципом відображення. І саме тому про адаптивність мова зазвичай заходить в момент «осучаснення» сайту або його створення з нуля, якщо ми говоримо про новий проект.

Перевірити, адаптивна чи у вас верстка чи ні дуже легко: спробуйте стиснути і розширити браузер.

Якщо при цьому у вас нічого не поскакав за екран, вся важлива інформація, як і раніше видно, доступна і читана - ваш сайт адаптивен. Ця перевірка однаково добре працює як з кінцевим сайтом, так і з версткою, отриманої від верстальника.

Вказавши потрібну сторінку вашого сайту ви легко зможете зрозуміти оптимізована ваша сторінка під мобільні пристрої, а також отримати більш детальний звіт по сайту і список докладних рекомендацій щодо усунення проблем.

Я думаю, що в користуванні даним сервісом у вас не виникне особливих проблем.

Як побудувати адаптивний сайт на umi cms - блог програміста umi cms

Поділися з іншими

Схожі статті