Несколько стилей для одной темы Вашего блога — своими руками

Дата: 04.02.2008 | Рубрика: Статьи

Style Switcher — своими руками

  1. Скачайте этот Javascript файл и разорхивируйте
  2. Залейте этот style-switch.js в директорию “js” Вашей темы
  3. Скопируйте Ваш основной файл стиля (style.css) как style2.css
  4. Вставьте этот javascript в шапку (header.php) Вашей темы:
    <script src="<?php bloginfo('template_directory'); ?>/js/style-switch.js" type="text/javascript"></script>
  5. Укажите оба файла стиля в шапке (header.php) темы:
    <link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" title="default" media="screen" />
    <link rel="alternate stylesheet" type="text/css" media="screen" title="style2" href="<?php bloginfo('template_directory'); ?>/style2.css" />
  6. Закачайте новые картинки, которые будут использоваться с новым стилем, в папку image вашей темы (т.е. в этой папке будут находиться картинки для обоих стилей. Смотрите, чтобы названия картинок не совпадали)
  7. Добавьте вызов скрипта в любое место Вашей темы, чтобы читатель мог переключать стили:
    Styles: <a rel="no follow" title="Toggle stylesheets" href="javascript : chooseStyle('none', % 20 60)">StyleOne</a> | <a rel="no follow" title="Toggle stylesheets" href="javascript : chooseStyle('style2', % 20 60)">StyleTwo</a>.

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

  • Но вы можете его оставить, если есть что сказать...!)

Вы должны войти, чтобы оставить комментарий!