Замена стилей для шаблона «на лету»

Замена стилей для шаблона "на лету"
Замена стилей для шаблона "на лету"

Сегодняшняя статья будет посвящена быстрой замене стилей для шаблона. Если кто то не понимают о чем я, то под словом быстрая замена я подразумеваю замена только стилей для одного шаблона с пользовательской части сайта.

Это необходимо когда создается с учетом для слабовидящих или если у сайта имеется несколько цветовых схем красный зеленый или еще какой там.

На примере я покажу как сделать такую фишку на шаблоне 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 и записывает этот параметр в кэше, если даже перезагрузит страницу то параметр сохраниться, так же и для зеленых стилей.

Надеюсь вы поняли о чем я, если будут вопросы пищите в комментариях.

Читайте также:

комментария 4

  1. Привет Хабиб! Класса JFactory к сожалению нет в WordPresse.
    Знаешь что было бы интересно?
    Когда читатель заходит к тебе на сайт в вечернее время, а у тебя на заднем фоне ночь или вечер, а если утром, то рассвет или солнышко 🙂

  2. Mike:

    Для моего сайта это не срабатывает. При добавлении кода целиком не выбирается необходимый файл стиля

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

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Этот сайт использует Akismet для борьбы со спамом. Узнайте как обрабатываются ваши данные комментариев.