Замена стилей для шаблона «на лету»
Сегодняшняя статья будет посвящена быстрой замене стилей для шаблона. Если кто то не понимают о чем я, то под словом быстрая замена я подразумеваю замена только стилей для одного шаблона с пользовательской части сайта.
Это необходимо когда создается с учетом для слабовидящих или если у сайта имеется несколько цветовых схем красный зеленый или еще какой там.
На примере я покажу как сделать такую фишку на шаблоне joomla а так в принципе разницы нет на какой системе будет. Главное доступ к файлам шаблона.
И так открываем наш index.php файл шаблона находим тег <head> и ставим между ними следующий php код:
PHP
<?php
$vi = JFactory::getApplication()->input->getString('vi', '');
$session = JFactory::getSession();
if ($vi=='1' or $vi=='0') {$session->set("vi", $vi);}
?>
<?php if ($session->get("vi")=='1') { ?>
<link rel="stylesheet" href="templates/habibomarov/css/templatered.css" type="text/css" />
<?php } else { ?>
<link rel="stylesheet" href="templates/habibomarov/css/templateblue.css" type="text/css" />
<?php } ?>
теперь что нам дальше нужно сделать это разместить две ссылки на нашем сайте которые будут переключать стили
HTML
<a href="<?php echo JURI::current().'?vi=1' ?>">Красный</a> <a href="<?php echo JURI::current().'?vi=0' ?>">Зеленый</a>
Что мы сделали вообще?
Когда нажимаем на ссылку красный то выбирается templatesred.css и записывает этот параметр в кэше, если даже перезагрузит страницу то параметр сохраниться, так же и для зеленых стилей.
Надеюсь вы поняли о чем я, если будут вопросы пищите в комментариях.
Вы можете подписаться на рассылку, чтобы отслеживать обновления материалов блога
Привет Хабиб! Класса JFactory к сожалению нет в WordPresse.
Знаешь что было бы интересно?
Когда читатель заходит к тебе на сайт в вечернее время, а у тебя на заднем фоне ночь или вечер, а если утром, то рассвет или солнышко 🙂
Да, можно такое реализовать. Используя JavaScript
Для моего сайта это не срабатывает. При добавлении кода целиком не выбирается необходимый файл стиля
Это может быть связано с JFactory, посмотрите подключается ли она