n-wp.ru — блог о WordPress
Как сделать блог с двумя стилями оформления | AJAX CSS Switcher | n-wp.ru

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

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

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

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

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

Любителям поиграть с умом понравится многопользовательская бесплатная online игра «Разделяй и Властвуй». Стиль — пошаговая стратегия, играть можно не только на компьютере в любом браузере, но и на смартфоне и КПК.

tiaurus

Являюсь создателем n-wp.ru — блога о WordPress для новичков. Мне интересно многое, поэтому еще я сделал 123-box.ru — блог о программах для Windows, и tiaurus.info — блог о красоте.

1 комментарий

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

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

/* ]]> */