По умолчанию Турбо-страницы от Яндекса смотрятся скромненько, по-сиротски, поэтому неплохо внести в них кистью уличного граффитиста нотки колорита с помощью правки стилей CSS. Важно не пересолить, чтобы реактивные странички не стали чем-то средним между новогодней елкой и радугой, при всём к ним большим уважением.
Алгоритм настройки CSS выглядит так:
- Включаем нужные теги в FL Yandex Turbo.
- Проверяем стиля в Отладке Вебмастера.
- Вносим изменения во вкладке CSS.
Подключение тегов FL Yandex Turbo
Для начала нам нужен, как девственность невесте, плагин для Joomla FL Yandex Turbo, который после установки находится в админке по пути:
Расширения – плагина – Ajax - FL Yandex Turbo
В основных настройках находим «Разрешенные теги» и включаем то, что нужно нам для полного счастья. Сохраняем мерило счастливого бытия в настройках плагина и идём в Вебмастер Яндекса.
Отладка Вебмастера
Теперь нам надо посмотреть, какие стили надо изменить в Вебмастере, для этого открываем режим отладки:
Турбо-страницы – Отладка
И нажимаем F12.
Для примера, я хочу выделить на общем фоне цитаты. Для этого я в режиме отладки ищу любую страницу сайта с цитированием, нажимаю F12 и бегаю по веб-страницу в поисках класса blockquote. Найти его я нашёл, но он сливается с основным текстом (класс paragraph) и о цитировании знаю только я. Так не пойдёт, надо его выделить, предположим, в красный цвет.
Изменяем и сохраняем CSS
Для этого переходим в
Настройки – CSS
Прописываем в окна стилей:
.blockquote {
color: red;
}
И нажимаем Сохранить. Теперь цитаты приобрели у нас красный цвет, что любо для глаз и ясно для понимания.
По аналогии изменяют оформление и других стилей, важно правильно указать класс, для чего предварительно смотрите его в Отладке, ибо в турбо-страницах не все те классы, что в основной версии сайта. Проще не всё то блестит, что червонец. ))