Как да създам меню от категории в Blogger

Както споменах вече в предишен отговор, възможността да организираме публикациите си в категории и подкатегории на пръв поглед липсва в blogger. Всъщност, е възможно, но изисква да се добави нова Java функционалност и да се поработи с кода на страницата. И ако за по-напредналите това е постижимо, съмнявам се, че начинаещите ще се справят. За ентусиастите ще публикувам решението в отделна публикация. Тук ще посоча едно много по-просто и бързо постижимо решение за ръчно създаване на меню от списък с категории, което се базира на имената на етикетите ви.

Етикетите в blogger позволяват автоматизирано съставяне на списъци с публикациите, които са асоциирани с даден етикет. Ако използвате притурката за етикети от Оформление -> Добавяне на притурка -> Етикети, blogger ще покаже списък на всички ваши етикети и броя на публикациите ви, в които сте записали съответния етикет. Т.е. публикациите ви са групирани на база етикетите в тях, но без възможност за нещо повече. Тъкмо тази функция, обаче може да бъде успешно пригодена за създаване на прегледна структура от категории във вид на меню.

Да речем, че сайтът ви е за туризъм и ваши примерни категории са: Хотели, Ваканционни селища, Вили и т.н. Хотели, да речем, има подкатегории Петзвездни, Четиризвездни, Тризвездни, Семейни, Пансиони; Ваканционни селища има Морски и Планиски, а Вили има съответно Луксозни и Стандартни. Трикът е в поставянето като етикет на публикациите ви на точно онова име на подкатегория, в която искате тази публикация да се вижда. След като го направите, вече можете да пристъпите и към пригаждането на функцията, спомената по-горе, за създаване на лесно за навигация меню от категории.

В зависимост от това къде искате да поставите този модул-меню, в публикация или в страничната си лента, следва да отворите нова или вече съществуваща публикация за редакция, респективно - да отворите за добавяне нова притурка от един от двата типа: Текст или HTML/Java. В съответното поле поставете следното:

<h2>Хотели</h2><ul><li><a style="text-decoration: none;" href="http://ВАШИЯТСАЙТ.blogspot.com/search/label/Петзвездни">Петзвездни</a></li><li><a style="text-decoration: none;" href="http://ВАШИЯТСАЙТ.blogspot.com/search/label/Четиризвездни">Четиризвездни</a></li><li><a style="text-decoration: none;" href="http://ВАШИЯТСАЙТ.blogspot.com/search/label/Тризвездни">Тризвездни</a></li><li><a style="text-decoration: none;" href="http://ВАШИЯТСАЙТ.blogspot.com/search/label/Семейни">Семейни</a></li><li><a style="text-decoration: none;" href="http://ВАШИЯТСАЙТ.blogspot.com/search/label/Пансиони">Пансиони</a></li></ul><h2>Ваканционни селища</h2><ul><li><a style="text-decoration: none;" href="http://ВАШИЯТСАЙТ.blogspot.com/search/label/Морски">Морски</a></li><li><a style="text-decoration: none;" href="http://ВАШИЯТСАЙТ.blogspot.com/search/label/Планински">Планински </a></li></ul><h2>Вили</h2><ul><li><a style="text-decoration: none;" href="http://ВАШИЯТСАЙТ.blogspot.com/search/label/Луксозни"> Луксозни</a></li><li><a style="text-decoration: none;" href="http://ВАШИЯТСАЙТ.blogspot.com/search/label/Стандартни">Стандартни</a></li></ul>

В завършен вид, този модул би изглеждал приблизително така:

Остава ви само да промените навсякъде в горния код думите ВАШИЯТСАЙТ с точното име на сайта ви, както и да поставите правилните етикети и заглавия на категориите и подкатегориите на местата на Хотели, Вили, Петзвездни и т.н., спрямо вашия сайт, да запишете и да се порадвате на тази си нова придобивка - меню, базирано на етикетите на публикациите ви.

Веднъж създадена, тази структура-меню може лесно да се редактира, което ви позволява да махате, да променяте или добавяте нови категории, връзки и пр. по посочената схема и стандартния за това начин. Нещо повече - подкатегориите в менюто могат да бъдат скрити и да се показват само когато се натисне върху съответната главна категория, като възможните варианти за анимиране на това показване също са разнообразни (вижте например моето меню). Ето само три от тях за пример:

Анимация - плъзгане

Анимирано появяване на желана част от менюто. Връзките се появяват една след друга заедно със собствена рамка и цвят на фона, плъзгайки се с рамката си изпод съответна категория-майка отгоре-надолу. Повторното натискане на връзката на главната категория ги скрива отново, връщайки всичко обратно.

Анимация - разкриване

Анимирано появяване на желана част от менюто. Връзките се появяват заедно с рамка и фон, докато сякаш постепенно сваляме скриваща ги преграда. Повторното натискане на връзката на горната категория на менюто скрива анимираната част отново, връщайки преградата обратно.

Анимация - изгряване

Анимирано появяване на желана част от менюто. Връзките се появяват заедно, но постепенно, имитирайки изгрев. Повторното натискане върху главната категория ги скрива с обратния ефект, имитирайки залез.

Естествено, възможните анимационни ефекти за поява и скриване на менюта и подменюта са многобройни, позволяват и комбиниране, и не се ограничават до прилагане само в blogger. В случай, че искате такива и във вашия сайт - потърсете ме!

Ако информацията ви е била полезна, моля вижте тук!

Направи си сайт - въпроси и отговори