Понятия тег и «облако» тегов, функциональность облака
(тэг, англ. Tag) в SGML (в HTML, WML, языках семейства XML) — набор специально оформленного текста, который сообщает информацию о некотором куске текста в документе. Например, с помощью тегов HTML сообщается, какими свойствами должен обладать тот или иной фрагмент текста на странице. Иногда тегами называют маркеры вики-разметки. В текстах об XML редко используется термин «теги», так как XML язык более высокого уровня, и в его случае оперируют элементами XML, не касаясь уровня тегов.
или туча ярлыков (англ. tag cloud) — визуальное представление списка ярлыков (или категорий).
Частота упоминаний, поисков, ссылок в интернете с определенного сайта неких слов, терминов, имен, отображается на специальной странице в виде изображения этих слов в формате гиперссылок. Размер изображения тем больше, чем выше релевантность данного слова (термина, имени).
Облако тегов - это один из инструментов, пришедший к нам с появлением web2.0, является по сути дополнительным элементом навигации на сайте или блоге.
Популярность и актуальность облака тегов как элемента навигации может подчеркнуть тот факт, что в недавнем обновлении движка для блогов WordPress 2.3 он был добавлен в административной системе по умолчанию.Внутри облака сами слова–теги могут быть разных размеров, в зависимости от частоты их упоминания. То есть можно лишь взглянуть на облако, чтобы понять, о чем пишет данный автор и что его интересует на самом деле больше всего.Недавно читал о появлении облака тегов, где отдельные теги могут выделяться цветом и «подсвечиваться» фоном, но, по моему мнению, это уже просто «дискотека» какая-то получается. В общем, решение весьма сомнительное, выделения размеров шрифта достаточно.
По логике при создании облака придется пересмотреть все опубликованные посты, и лучше решить этот вопрос как можно скорее.
Создание структуры облака тегов
Дабы не запутываться в бесконечном количестве тегов, я решил разбить их по трем основным направлениям: темы постов, типы и цели. К темам в моем случае относятся:Web разработка: HTML, CSS, JavaScript, PHP, Ajax, CMS.ИТ (информационный технологии): Hardware, Software, Web, компьютерные игры.Дизайн: фотография, веб-дизайн, графические редакторы, кисти, иконки, photoshop.Блогинг: новости блогосферы, движки, тенденции, социальные сети.SEO и монетизация: SEO, монетизация блога, заработок в интернете.
Это лишь небольшое количество тем и подразделов. Все приводить нет смысла, многие еще появятся – это необратимый процесс. Так, например, в моем блоге можно встретить совсем не интернетовские теги «Юмор» и «Футбол».
Разбить посты по типу немного проще, это новости, статьи, обзоры, мысли вслух. В принципе, все понятно. Последний тег означает некоторые личные заметки, размышления. Что касается целей, то я выделил следующие теги: интересное, полезное, практика, советы.
Создание облака тегов («Ярлыков») в Blogger
В Blogger теги называются «Ярлыками», которые можно установить для всех ваших сообщений. Чтобы добавить ярлыки на сайт, требуется в шаблон. Тип элемента выбрать «Ярлыки». К сожалению, по умолчанию перечень тегов сложно назвать полноценным облаком, это больше смахивает на обычный список ярлыков, которые можно отсортировать по алфавиту или частоте использования. Для достижения классического вида облака требуется произвести некоторые модификации в шаблоне.
Внимание! Перед внесением любых изменений настоятельно рекомендуется сделать копию вашего шаблона блога и сохранить в файле на локальном компьютере.
После этого можно со спокойной совестью приступить к модифицированию базового кода. Для начала заходим в блог, раздел «Шаблон», выбираем меню «Элементы страницы». И типа «Ярлыки». Хотя, в принципе, это можно сделать и после модификации облака тегов.
Далее заходим в пункт меню «Изменить HTML». Метку в верхнем правом углу «расширить шаблоны виджета» отставляем неизменной – это несколько упростит работу. Итак, теперь приступим непосредственно к правке кода, которая состоит из трех частей.
1. Первую часть кода необходимо добавить в секцию стилей, которая отмечена тегами skin. Чтобы особо не вникать в структуру шаблона, другими словами – находим место в шаблоне и размещаем код до него:
/* Label Cloud Styles
----------------------------------------------- */
#labelCloud {text-align:center;font-family:arial,sans-serif;}
#labelCloud .label-cloud li{display:inline;background-image:none
!important;padding:0 5px;margin:0;vertical-align:baseline !important;border:0 !important;}
#labelCloud ul{list-style-type:none;margin:0 auto;padding:0;}
#labelCloud a img{border:0;display:inline;margin:0 0 0 3px;padding:0}
#labelCloud a{text-decoration:none}
#labelCloud a:hover{text-decoration:underline}
#labelCloud .label-count {padding-left:0.2em;font-size:9px;color:#000}
#labelCloud .label-cloud li:before{content:""!important}
2. Следующая часть кода - настройка некоторых параметров облака, она также идет в блоке шаблона, но уже вне секции стилей, то есть снова находим в шаблоне skin, но вставляем код после этого тега, но перед закрывающим тегом .
Все строки могут быть изменены, но объясним их значение позже. Пока для нас важно, чтобы заработали эти настройки по умолчанию.
3. Теперь займемся модификаций виджета «Ярлыки». Находим в шаблоне место b:widget. Копируем следующий код от начала до конца и заменяем им данную строку.
ВКонтакте
