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

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

Замена стилей для шаблона "на лету" - Бизнес блог Хабиба Омарова

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

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

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

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

Comment
Name
Email

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