разрешенные теги турбо-страниц

По умолчанию Турбо-страницы от Яндекса смотрятся скромненько, по-сиротски, поэтому неплохо внести в них кистью уличного граффитиста нотки колорита с помощью правки стилей CSS. Важно не пересолить, чтобы реактивные странички не стали чем-то средним между новогодней елкой и радугой, при всём к ним большим уважением.

Алгоритм настройки CSS выглядит так:

  1. Включаем нужные теги в FL Yandex Turbo.
  2. Проверяем стиля в Отладке Вебмастера.
  3. Вносим изменения во вкладке CSS.

Подключение тегов FL Yandex Turbo

Для начала нам нужен, как девственность невесте, плагин для Joomla FL Yandex Turbo, который после установки находится в админке по пути:

Расширения – плагина – Ajax - FL Yandex Turbo

В основных настройках находим «Разрешенные теги» и включаем то, что нужно нам для полного счастья. Сохраняем мерило счастливого бытия в настройках плагина и идём в Вебмастер Яндекса.

отладка css

Отладка Вебмастера

Теперь нам надо посмотреть, какие стили надо изменить в Вебмастере, для этого открываем режим отладки:

Турбо-страницы – Отладка

И нажимаем F12.

Для примера, я хочу выделить на общем фоне цитаты. Для этого я в режиме отладки ищу любую страницу сайта с цитированием, нажимаю F12 и бегаю по веб-страницу в поисках класса blockquote. Найти его я нашёл, но он сливается с основным текстом (класс paragraph) и о цитировании знаю только я. Так не пойдёт, надо его выделить, предположим, в красный цвет.

отображение цитат на турбо-страницах

Изменяем и сохраняем CSS

Для этого переходим в

Настройки – CSS

Прописываем в окна стилей:

.blockquote {

   color: red;

}

И нажимаем Сохранить. Теперь цитаты приобрели у нас красный цвет, что любо для глаз и ясно для понимания.

По аналогии изменяют оформление и других стилей, важно правильно указать класс, для чего предварительно смотрите его в Отладке, ибо в турбо-страницах не все те классы, что в основной версии сайта. Проще не всё то блестит, что червонец. ))


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