Как сделать облако тегов для wordpress

Обновлено: 08.07.2024

После того, как вы определили большой набор тегов для ваших постов ( или страниц ) WordPress, вы захотите отобразить облако тегов где-то в вашем шаблоне. Обычно это достигается с помощью функций wp_tag_cloud () или wp_generate_tag_cloud (), которые выполняют тяжелую работу за вас:

Возможно, вы довольны этим. Я не…

  1. Встроенные стили? Разве мы не отказались от них в 1998 году?
  2. Занятия бессмысленны. Мне, вероятно, никогда не понадобится стилизовать отдельный тег, и даже если я сделаю это, ссылка на него по идентификатору будет хрупкой.
  3. Мне не нужен полный URL.

Давайте напишем функцию PHP, которая возвращает настроенное облако тегов. Его можно поместить в файл functions.php вашей темы (wp-content / themes / /functions.php) или в плагин.

Во-первых, у нас есть имя функции, которое принимает массив именованных аргументов и устанавливает значения по умолчанию:

Теперь мы инициализируем $ret $min $max

Функция WordPress get_tags () теперь вызывается. Возвращает массив объектов тегов:

Теперь нам нужно определить минимальное и максимальное количество раз, когда тег используется на нашем сайте. Следующий цикл устанавливает $min $max

// get minimum and maximum number tag counts foreach ($tags as $tag) < $min = min($min, $tag->count); $max = max($max, $tag->count); >

Мы знаем минимальное и максимальное количество раз, которое тег может быть использован, поэтому небольшая математика может определить имя класса для нас. Однако уравнение вызовет ошибку деления на ноль, если каждый тег будет использоваться, скажем, только один раз. В этой ситуации мы устанавливаем класс $sizeclass

Теперь у нас достаточно информации для создания HTML-кода для нашего единственного тега и завершения цикла:

Наконец, мы удаляем URL домена блога из $ret

Функцию можно вызывать в любом файле темы с помощью My_TagCloud(); , Аргументы могут быть переданы в виде ассоциативного массива, например, My_TagCloud(array('orderby'=>'count','order'=>'DESC')); , Однако мы также можем разрешить редакторам контента добавлять облако тегов, используя шорткод WordPress, например

В следующем примере мы создадим облако тегов в неупорядоченном списке:

Это приводит к созданию более аккуратного HTML-кода:

который легче стилизовать и поддерживать CSS:

Я надеюсь, что вы найдете это полезным. Пожалуйста, используйте и адаптируйте код так, как вам нравится в ваших собственных проектах WordPress.

Как добавить крутое облако тегов 3D в ваш блог WordPress

Огромное количество интересных настроек, возможно, является одной из причин, по которым люди предпочитают проходить через обручи, устанавливая свой собственный установить настроить блогов вместо того, чтобы использовать другие бесплатные сервисы блогов. И одна из тех интересных вещей — плагин для тэгов WordPress.

Для тех, кто не знаком с облаком тегов, это визуальное отображение сгенерированных пользователем тегов или просто текстовое содержимое сайта, обычно используемое для описания содержимого веб-сайтов. Теги, как правило, представляют собой отдельные слова и обычно перечислены в алфавитном порядке, а важность тега указывается с помощью размера шрифта или цвета. Таким образом, можно найти тег по алфавиту и по популярности.


Вот как выглядит плагин облака тэгов WordPress:

WordPress облако тегов плагин

Я никогда не обращал особого внимания на облако тегов, но одно недавнее открытие немного изменило путь моего внимания.

Будет (не) дождь

Я обнаружил облако тегов с изюминкой — буквально. Что отличало его от обычных облаков тегов, так это то, как содержимое облака вращалось в 3D. Я лично думал, что это было круто, и это добавило визуальное богатство блога. Перевод: я этого хотел.

Проблема была в том, что я не знал, как он называется и будет ли он работать с WordPress. После некоторого поиска и расспросов я наконец-то вздохнул с облегчением, потому что нашел плагин для облака тегов wordpress, который производит такой эффект. Плагин называется WP Cumulus .

WordPress облако тегов плагин

Имея четкую цель, я пошел прямо к процессу установки.

Примечание: этот плагин основан на Flash. Таким образом, может быть несколько факторов (тип браузера, плагин браузера, интернет-соединение и т. Д.), Которые могут привести к его неправильному отображению.

Установка плагинов WordPress

Я сделал поиск плагинов, и …

облако тегов аддон WordPress

03b_Install_Plugin.jpg

После установки я решил активировать его напрямую. Но если вы хотите активировать / деактивировать его, вы можете сделать это на странице плагинов.

04_Activate_Deactivate.jpg

Управление облаком

Существует множество настраиваемых элементов, включая размер поля WP Cumulus, цвет шрифта и фона, а также скорость вращения.

05b_Edit_display.jpg

06_How_to_install.jpg

Вы найдете пункт WP-Cumulus в списке виджетов. Все, что вам нужно сделать, это перетащить его на панель виджетов.

Виджеты - Активация Cumulus-1.jpg

WP-Cumulus как виджет также предоставляет своим пользователям панель настроек.

Установка кумулюса 1.jpg

Установка кумулюса 2.jpg

Цвет облака

Вы заметите, что все используемые цвета написаны в шестнадцатеричных цветовых кодах HTML. Одна хитрость, которую вы можете использовать, чтобы выяснить, какой код принадлежит к какому цвету, состоит в том, чтобы искать его через любое приложение с помощью опций для изменения цвета его элемента.

Например, вы можете использовать любой текстовый процессор и начать шаги по изменению цвета шрифта. Затем вы можете использовать цветовую палитру для поиска цветового кода. Для тех, кто работает с графикой и изображениями, вы можете использовать свои графические приложения.

В поисках цветовых кодов.jpg

Жизнь за облаками

Поскольку плагин WP Cumulus создает движущиеся изображения, показать его здесь довольно сложно. Чтобы увидеть, как это крутое облако тегов выглядит на реальном сайте, нет лучшего места для посещения, чем страница создателя плагина . Сайт также является хорошим местом для поиска похожих плагинов для других платформ блогов.

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

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

Облако тегов, облако меток или облако ключевых слов (англ. tag cloud, wordle) — визуальное представление списка ярлыков (или категорий). Частота упоминаний, поисков, ссылок в интернете с определённого сайта неких слов, терминов, имён отображается в специальной области в виде изображения этих слов в формате гиперссылок. Размер изображения тем больше, чем чаще использовался данный тег (слово, термин или имя).

Облако меток приобрело популярность на сайтах, использующих фолксономию. В качестве элемента навигации список взвешенных слов даёт посетителю сайта обзор имеющейся информации и позволяет быстрее обнаружить нужное ключевое слово. Тем не менее, облако не может быть единственным элементом навигации, а пользоваться текстовым поиском удобнее для поиска при наличии более конкретной информации об искомом.

Источник: Википедия

Говоря простыми словами, облако меток – это, ключевые слова, которые вы продвигаете в топ поисковых систем, метки помогают лучше перелинковать ваши статьи, увеличивая их шанс попасть на первые позиции в выдачи ПС. Для посетителя метки служат как дополнительный навигатор по сайту. Если вы хотите узнать некоторые способы проверки позиций сайта в поисковиках, смотрите мою статью как проверить позиции сайта в поисковиках.

Для чего нужно облако тегов и его последствия

Облако тегов предназначено, для того чтобы, посетитель, находящийся на сайте, смог проще находить нужный ему материал, для того, чтобы более хорошо перелинковать материал вашего сайта, и помогает поисковым системам более подробно определить тематику вашего ресурса. Но есть одно но, облако меток, дает дубликат контента, а это не есть хорошо, так как поисковики этот дубликат, фильтруют, Google, в отличии от Яндекса, более лояльно относится к дубликатам страниц, и делает это менее болезненно, а именно.

А цифры со знаком %, обозначают процент этих страниц в поиске, то есть, Google сам фильтрует дубликат, а Яндекс, как это ни огорчительно, может, просто не разбираясь взять под фильтр, все страницы вашего сайта, и тем самым исключить на пару месяцев его из своей индексации. На этом много кто, прогорает, и бросает дальнейшую затею заниматься сайтом.

Но что тогда получается? Если закрыть облако тегов от индексации, теряется основной его смысл. А именно, эти метки перестают передавать вес по страницам вашего сайта, и не участвуют в поисковой выдаче, а служат лишь для того, чтобы посетители проще ориентировались, на вашем сайте.

Да, конечно, больше плюсов, при открытых для индексации ярлыках, но имейте в виду, Яндекс не будет спрашивать вас, когда на некоторое время надумает выбросить с индексации ваш сайт, так что, будьте внимательны.

Совет к установки облака тегов

Если вы во всем разобрались и хотите установить облако тегов, то скажу, это желательно делать в самом начале развития сайта, чем раньше, тем лучше. Почему так? Многие попросту не понимают, что облако тегов (ярлыки) – это те самые поисковые запросы, которые вы продвигаете в ТОП, и конечно же лучше сразу с ними определится. Число, этих ярлыков, не ограничивается на какой то, определенной цифре, но в среднем колеблется от 20 – 50 меток.

Да конечно можно и меньше, но при дальнейшем развитии сайта, я бы советовал иметь в среднем 30 меток, этого будет достаточно.
Если вы решили написать статью, и так уж получилось, что в ней не встречается ни одна метка, ничего страшного, подберите метку более близкую к этой статье. Да и по поводу количества меток на одну статью, об общем количестве я сказал, их в среднем 30, а при написании статьи, к ней желательно прикрепить от 1 – 3 меток.

Ну и по поводу различных плагинов. Должен сказать, что некоторые плагины работают, не так как бы хотелось, не гонитесь за офигенски красивыми облаками тегов, кому они такие нужны, от их красоты сайт сам в ТОП не пойдет. Лучше всего поставить простое понятное облако тегов, в котором просто сориентироваться человеку, оказавшемуся, первый раз на вашем сайте. 3D метки, кому они нафиг надо, и давно уже не в моде, поэтому вариант с wordpress, прост как нигде.

Установка

В этой статье я познакомлю вас с тремя способами вывода облака меток на блоге. Каждый способ вывода имеет свои преимущества. Давайте рассмотрим каждый способ по отдельности.

1-ый способ. Вывод облака меток кодом php
Преимущество: облако меток можно вывести в любом месте.

Кстати, недавно, меня этот способ здорово выручил на оном из моих сайтов, так как мне нужно было задать свой стиль к заголовку и к самим меткам.
Недостаток: нужно уметь работать с кодами. К сожалению, не все любят или даже не умеют что-то исправлять в файлах.
Вот сам код:

Код вставляете в любом месте в файле вашей темы (шаблона).

2-ой способ . Вывод облака меток через виджет

Вывод облака меток через виджет

и выберите доступное место для вставки виджета.

Вывод облака меток через виджет

Вывод облака меток через виджет

Преимущества: красивый и быстрый вывод облака меток.
Недостатки: не всегда подходит под дизайн блога, а также лишняя нагрузка на блог.

Читайте также: