Доброго времени суток, друзья, читатели и гости блога. Для экономии места в сайдбаре блога, предлагаю сделать выпадающий список ярлыков. Тему подсказали опять же мои читатели. Часто, когда сайт пополняется контентом он обрастает всё новыми категориями, разделами, ярлыками. И получается в результате длинный список.
Давайте попробуем скрыть весь этот список в открывающуюся панель. Для этого в первую очередь нужен сам виджет ярлыки. Заходим во вкладку дизайн-добавить гаджет-ярлыки. Из предложенных вариантов выбираем список. На ваше усмотрение отображать количество постов определённого ярлыка или нет. Сохраняем настройки.
Сейчас идём во вкладку шаблон. Обязательно сделайте резервную копию. И в списке виджетов выбираем 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>
Обязательно нажмите на предварительный просмотр. Изменения сразу видно. Если всё устраивает сохраняем шаблон. Выделенные красным цветом названия можете заменить своими. В первом случае, если не хотите давать название гаджету, можно убрать.<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>
Вот и всё. Посмотреть на результат можно на тестовом блоге. Можно сделать ещё горизонтальное меню по ярлыкам. Решайте сами. Мне остаётся пожелать вам хороших выходных и до новых встреч.
Спасибо, что читаете мои шпаргалки.
здесь можно оформить подписку на новые шпаргалки
Еще прошлые разы заметил, что у Вас стоит картинка "знак кирпич", только серо-белый. Сначала думал, что так и задумано, пока не кликнул по "кирпичу". В общем, косяк какой-то с картинками.
ОтветитьУдалитьПривет, Вика! Огромное спасибо за шпаргалку! А как потом у гаджета цвет рамочки поменять? Ну на черный, например?
ОтветитьУдалитьТут надо скорее всего в стилях CSS что-то дописывать. Пока не думала.
УдалитьВика привет, да отличная фишка. Удобно и не громоздко. У меня на блоге vrozhayko.megaz.in.ua можно глянуть как оно в цвете будет
УдалитьДа , очень красиво смотрится. Сейчас на сторонних шаблонах всегда такое используют. Вот начала ещё один блог, там так же выпадающие рубрики и архив. Рекламирую впервые, http://deladomahnie.blogspot.ru/
УдалитьИ опять, и снова воспользовался твоими статьями =)
ОтветитьУдалитьКак всегда, подделал на свой вкус... Ты уж извини)))
Виктор, привет. Всегда приятно, что мои, изначально задуманные для себя шпаргалки, оказались востребованными. Так что извинения не принимаю - пользуйся на здоровье. Побегу сейчас посмотрю. Спасибо.
УдалитьИ тебе Спасибо за труды! =)
ОтветитьУдалить