Объявление
Уважаемые читатели, друзья, подписчики. В связи с участившимся и, порядком надоевшим спамом в комментариях от всяких анонимах(будь они не ладны), я вынуждена включить модерацию комментариев на некоторое время. Очень надеюсь на ваше понимание.

Выпадающий список ярлыков блога

Доброго времени суток, друзья, читатели и гости блога. Для экономии места в сайдбаре блога, предлагаю сделать выпадающий список ярлыков. Тему подсказали опять же мои читатели. Часто, когда сайт пополняется контентом он обрастает всё новыми категориями, разделами, ярлыками. И получается в результате длинный список.

Это когда в настройках решили выводить разделы именно списком, а не облаком. В последнем случае всё намного компактнее смотрится.

Давайте попробуем скрыть весь этот список в открывающуюся панель. Для этого в первую очередь нужен сам виджет ярлыки. Заходим во вкладку дизайн-добавить гаджет-ярлыки. Из предложенных вариантов выбираем список. На ваше усмотрение отображать количество постов определённого ярлыка или нет. Сохраняем настройки.

Сейчас идём во вкладку шаблон. Обязательно сделайте резервную копию. И в списке виджетов выбираем Label1.



Нас сразу перебросит к коду виджета. Нажимаем на чёрный маркер справа. И сразу ниже ещё на один. Откроется вес участок кода. Его нам нужно аккуратно удалить. То есть всё содержимое.

 <b:widget id='Label1' locked='false' title='категории' type='Label'>
    здесь весь код
  </b:widget>

И на это место вставить следующий код.
<b:widget id='Label1' locked='false' title='Ярлыки' type='Label'>
<b:includable id='main'>
 <b:if cond='data:title'>
   <h2>
<data:title/></h2>
</b:if>
 <div class='widget-content'>

<br />
<select onchange='location=this.options[this.selectedIndex].value;'>
   <option>Выбрать ярлык</option>
   <b:loop values='data:labels' var='label'>
      <option expr:value='data:label.url'><data:label.name/>
         (<data:label.count/>)
      </option>
   </b:loop>
</select>
   <b:include name='quickedit'/>
 </div>
</b:includable>
</b:widget>
Обязательно нажмите на предварительный просмотр. Изменения сразу видно. Если всё устраивает сохраняем шаблон. Выделенные красным цветом названия можете заменить своими. В первом случае, если не хотите давать название гаджету, можно убрать.

Вот и всё. Посмотреть на результат можно на тестовом блоге. Можно сделать ещё горизонтальное меню по ярлыкам. Решайте сами. Мне остаётся пожелать вам хороших выходных и до новых встреч.

Спасибо, что читаете мои шпаргалки.

здесь можно оформить подписку на новые шпаргалки

Введите Ваш email


8 комментариев:

  1. Еще прошлые разы заметил, что у Вас стоит картинка "знак кирпич", только серо-белый. Сначала думал, что так и задумано, пока не кликнул по "кирпичу". В общем, косяк какой-то с картинками.

    ОтветитьУдалить
  2. Привет, Вика! Огромное спасибо за шпаргалку! А как потом у гаджета цвет рамочки поменять? Ну на черный, например?

    ОтветитьУдалить
    Ответы
    1. Тут надо скорее всего в стилях CSS что-то дописывать. Пока не думала.

      Удалить
    2. Вика привет, да отличная фишка. Удобно и не громоздко. У меня на блоге vrozhayko.megaz.in.ua можно глянуть как оно в цвете будет

      Удалить
    3. Да , очень красиво смотрится. Сейчас на сторонних шаблонах всегда такое используют. Вот начала ещё один блог, там так же выпадающие рубрики и архив. Рекламирую впервые, http://deladomahnie.blogspot.ru/

      Удалить
  3. И опять, и снова воспользовался твоими статьями =)
    Как всегда, подделал на свой вкус... Ты уж извини)))

    ОтветитьУдалить
    Ответы
    1. Виктор, привет. Всегда приятно, что мои, изначально задуманные для себя шпаргалки, оказались востребованными. Так что извинения не принимаю - пользуйся на здоровье. Побегу сейчас посмотрю. Спасибо.

      Удалить
  4. И тебе Спасибо за труды! =)

    ОтветитьУдалить

ВСЕГДА РАДА УСЛЫШАТЬ ВАШЕ МНЕНИЕ!
Ели у вас возникла необходимость опубликовать код в комментарии, то воспользуйтесь encoder HTML