Как сделать блог с двумя стилями оформления | AJAX CSS Switcher

Как сделать блог с двумя стилями оформления | AJAX CSS Switcher | n-wp.ru
👍 Научим бесплатно правильно создавать сайты на WordPress. Подробнее →

Наверняка вы встречали в интернете такие блоги, в которых можно переключать оформление. Например, обычно такое переключение сводится к выбору посетителем между темным и светлым видом блога. Я тоже решил поэкспериментировать и сделать такое переключение на одном новом своем блоге, который официально еще не представлял. На нем посетителям будет даны на выбор два вида оформления — светлое и темное. То есть само расположение всех элементов останется одинаковым, а вот все оформление вокруг этих элементов можно менять между светлым и темным. Сделать такое переключение мне поможет плагин AJAX CSS Switcher.

Вообще-то плагин AJAX CSS Switcher может подключать до пяти разный стилей, оформленный в виде файлов css. В настройках плагина можно указать, какое количество использовать, и для каждого вида можно указать путь к соответствующему файлу css. Самое замечательное в этом плагине то, то смена внешнего вида происходит без перезагрузки страниц, используя технологию Ajax — меняется только один файл.

Чтобы посетители сами могли выбирать себе оформление по вкусу, нужно где-то вывести ссылку для смены внешнего вида. Такую ссылку можно вывести с помощью виджета, либо вставить ее вручную в любое место шаблона. Например, вы хотите переключаться между двумя видами. Тогда код будет таким:

Вы можете выбрать между первым или вторым вариантом оформления.

Для тех, кто пришел в первый раз на сайт, будет грузиться тот стиль, который указан в Global CSS. Если посетитель захочет переключить вид к другому стилю, то он легко сможет это сделать, а плагин запомнит его выбор, используя куки. В следующий раз, зайдя на ваш сайт, он увидит его именно в том виде, в каком выбрал.

Создай свой первый сайт на WordPress

tiaurus

Автор n-wp.ru — блога о WordPress для новичков.

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

  1. Руслан

    Не получается что-то..
    1. Создал папку css-container в папке с плагином AJAX CSS Switcher. Положил туда два файла css.
    2. Прописал в настройках плагина пути.
    3.Поставил на сайт соотв.ссылочку

    И ничего… Подскажите, где ошибка

    Ответить