Сайт о телевидении

Сайт о телевидении

» » Вордпресс как сделать облако рубрик. Делаем красивое облако тегов (меток) в wordpress. #6 Изменение параметров по умолчанию для виджета облака меток через фильтр

Вордпресс как сделать облако рубрик. Делаем красивое облако тегов (меток) в wordpress. #6 Изменение параметров по умолчанию для виджета облака меток через фильтр

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

Для начала разбираем что это такое?

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

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

Это удобно читателю и мне хорошо, вот только не стоит злоупотреблять количеством слов и вводить в заблуждение спамностью создаваемых меток. С другой стороны попробуй определи набор слов или коротких фраз, которые будут емко отображать смысл записей. Идеальный вариант в качестве меток использовать Keywords, которые помогут дополнительно оптимизировать каждый пост. Чтобы их определить, Вам поможет плагин All in One SEO Pack

Создать облако тегов WordPress c помощью плагинов.

Я использовал WP-Cumulus русская версия http://www.wordpressplugins.ru/look/wp-cumulus.html (выделите адрес и скопируйте его в адресную строку браузера). Он просто устанавливается и активируется

Просто захожу в панель управления виджетами(6), перетягиваю виджет «Облако тегов» в активную часть боковой панели блога, выбираю что в нем следует отображать:

  • метки
  • рубрики
  • метки и рубрики

В итоге на лицевой стороне блога отображается простое по виду облако(7). Чем массивнее начертание меток — тем больше к ним прикреплено постов.

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

Вывод облака тегов без плагина

Облако меток можно создать на блоге WordPress и без плагина. Это облегчит сам код ресурса, избавит нас от установки стороннего дополнения.

1. Вставьте этот код в файл sidebar.php, как это выполнить написано в серии заметок о редактировании файлов шаблонов WordPress :

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27

облако меток

10 , // Размер шрифта для наименее используемых тегов "largest" => 14 , // Размер шрифта для наиболее часто используемых тегов "unit" => "px" , // Выбор размера шрифта в pt, em, px и.т.д.) "number" => 60 , // Отображаем максимальное кол-во меток "format" => "array" , "separator" => "" , "orderby" => "name" , // name - вывод в алфавитном порядке; count - по популярности "order" => "RAND" , // начиная с А, или исходя из количества наибольших упоминаний статей "exclude" => "" , // показываем все, кроме отмеченных ID "include" => "" , // Подключаем только эти ID - все остальные не показываем "link" => "view" , // view - показываем ссылку "taxonomy" => "post_tag" , // post_tag, link_category, category - любой из этих видов "echo" => true ) ) ; foreach ($arr as $value ) { $ptr1 = strpos ($value , "font-size:" ) ; $ptr2 = strpos ($value , "px" ) ; $px = round (substr ($value , $ptr1 + 10 , $ptr2 - $ptr1 - 10 ) ) ; $value = substr ($value , 0 , $ptr1 + 10 ) . $px . substr ($value , $ptr2 ) ; $ptr1 = strpos ($value , "class=" ) ; $value = substr ($value , 0 , $ptr1 + 7 ) . "color-" . $px . " " . substr ($value , $ptr1 + 7 ) ; echo " " . $value . " " ; //Размер и цвет точки - разделителя между тегами } ?>

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

2. Способ, который требует интеграции первого кода в файл functions.php

1 2 3 4 5 6 7 8 9 10 11 function wm_postCountByTag() { $tags = get_tags( array ("orderby" => "count" , "order" => "DESC" ) ) ; if ($tags ) { foreach ( (array ) $tags as $tag ) { echo " . get_tag_link($tag -> term_id ) . "" rel="tag">" . $tag -> name . " (" . $tag -> count . ") " ; } } }

а вот этого кода в файл sidebar.php или в любой другой.

В файле style.css определить свойства оформления облака тегов, которые помогут его красиво адаптировать к внешнему виду Вашего ресурса.

3. Интегрировать вот этот код

Для настройки облака меток используйте следующие свойства:

  • ‘orderby’ => ‘name’ — оператор позволяет сортировку по: name — по имени тегов, count — по количеству записей
  • ‘order’ => ‘ASC’ — определяет порядок сортировки: ASC — прямой, DESC — обратный
  • ‘number’ => 25 — число определяет максимальное количество тегов, которое будет выводиться в облаке.
  • ‘largest’ => 16 — максимальный размер шрифта, которым будет форматироваться тег, к которому было прикреплено больше всего заметок
  • ’smallest’ => 11 — Минимальный размер шрифт меток, к которой привязано минимальное количество постов.
  • ‘unit’ => ‘pt’ — единицы измерения шрифтов
  • ‘exclude’ => ” — если есть желание исключить метки, нужно её id присвоить атрибуту. Если исключаются несколько тегов, id прописываются через запятую.
  • ‘include’ => ” — включает метки в область облака тегов, id прописываются через запятую.

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

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

Преимуществ у CMS много, одна из них – это огромный выбор разных плагинов, с помощью которых можно преобразовать внешний вид сайта. За счет расширений можно установить массу интересных виджетов, в том числе и облако тегов (категорий).

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

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

Лучший плагин для облака тегов на WordPress

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

Для оптимизации сайта мы уже рассказывали, как добавить . Установить облако меток без расширений слишком сложно, а лучшее решение – это плагин WP-Cumulus .

Скачивайте и устанавливайте дополнение, после чего в основном меню административной панели появится новый пункт, чтобы вы могли задать настройки. Их не так много, но всё необходимое здесь есть:

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

После настройки параметров добавляйте облако тегов в любую область (идеально подходит сайдбар), должно получиться что-то вроде этого:

Обычный формат, в котором представляются все рубрики и теги. Вы потратите всего несколько минут, чтобы установить такой же блок на своем сайте.

Альтернативные плагины для облака тегов на WordPress

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

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

Плагин Cool Tag Cloud: облако меток WordPress

Плагин Cool Tag Cloud создаёт легко настраиваемый виджет облака меток, который хорош на восприятие и удобен в кастомизации и использовании. Имеется полностью русский перевод, поэтому сложностей с ним не возникает.

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

Чтобы создать облако меток WordPress, скачайте плагин Cool Tag Cloud по ссылке ниже. Установите его и активируйте.

После настроек облако меток может выглядеть так.

Облако меток WordPress Cool Tag Cloud

У плагина нет собственных настроек, поэтому сразу переходим в пункт консоли «Внешний вид» и подпункт «Виджеты». Выбираем виджет «Cool Tag Cloud», перетягиваем его в нужный сайдбар и разворачиваем его для настроек.

Все опции на русском языке. Не стану даже рассказываться, что для чего нужно.

Просто приведу список возможностей данного плагина:

  • Гибкая настройка шрифтов: семейство, начертание и размер. Можно задать минимальный размер шрифта меток, и максимальный – для тегов с большим и меньшим количеством записей.
  • 10 вариантов цветов сделают это облако меток WordPress подходящим для любого дизайна.
  • Ориентирования влево или вправо, благодаря чему можно гармонично поместить облако как в левый, так и в правый сайдбар.
  • Простая и лёгкая анимация при наведении.
  • Возможность установить максимальное количество меток, выводимое в виджете.
  • Возможность выводить рубрики вместо меток, а также другие таксономии на сайте, если они имеются.
  • Отображение количества записей в метке при наведении.
  • Возможность подключения атрибута rel=»nofollow», чтобы метки не индексировались.

Привет всем! С Вами Владимир Савельев и сегодня я расскажу о такой теме как — Облако тегов WordPress и девяти плагинах, которые сделают это красиво и эффективно!

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

Кроме того, представим, что вы пишете о фильмах, кинопремьерах и интересных событиях, связанных с продюсерами, актерами и съемками. Посетителю, заинтересовавшемуся фильмом «Ночь в музее-3», будет интересно узнать и о его предыдущих двух частях и, например, об актере Бене Стиллере.

Как расставить теги в Вордпресс

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

Во-вторых, стоит уделить внимание форме, а не только содержанию. Потому как «Бен Стиллер» и «бен стиллер» — это разные теги. Они имеют разный регистр, поэтому собирают под собой две разных группы записей, разделяя и уменьшая доступ к информации, что наносит только вред.

Определитесь со стилем оформления и сделайте его единым для всех заголовков и меток. Так вы получите грамотно составленную систему тегов.

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

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

Как лучше отобразить облако тегов

Важным вопросом является и способ отображения тегов.

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

Многие блоггеры выбирают размещение в блоке «метаданные записи». Выбирайте этот способ, если хотите сбить с толку читателей.

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

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

Безусловно, теги не устроят революцию на вашем блоге/сайте, но заметно упростят и улучшат жизнь вам и вашим читателям при их правильном использовании.

Если разместить теги, указывающие разделы блога, то он станет удобным и сподручным алфавитным указателем.

Кроме того, представим, что вы пишете о фильмах, кино премьерах и интересных событиях, связанных с продюсерами, актерами и съемками. Посетителю, заинтересовавшемуся фильмом «Ночь в музее-3», будет интересно узнать и о его предыдущих двух частях и, например, об актере Бене Стиллере.

Если после статьи вставлена метка «Бен Стиллер», «Ночь в музее», то читателю не доставит хлопот найти остальную информацию. А вам поставит отметку «плюс» в посещаемости.

Улучшаем Облако тегов WordPress плагинами

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

Небольшие новости

Кстати только вчера обнаружил, что появилась новая версия библиотеки jquery 2 , она намного меньше весит по сравнению с версией 1.x, так как там вырезали поддержку IE6-7-8. И правильно на фиг они нужны Меньше вес, быстрее загрузка сайта, в общем установил новую версию — все работает как часы...

Задумался серьезно над созданием , интересно послушать где заказывали и по чем... напишите в комментах!

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

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

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

  • Красивые объемные 3D облака, выполненные в виде прозрачной сферы. Метки расположены как бы на ее поверхности. При наведении на них курсора мыши, сфера начинает вращаться, что выглядит очень эффектно. Думаю, вы часто видите их на различных блогах. Для их реализации используется flash или технология Canvas из HTML5.
  • Простые, но в то же время симпатичные плоские 2D облака тегов. Прекрасно подойдут тем, кто не любит навороты.

Замечу, что все рассмотренные в данном посте плагины устанавливаются стандартно: закачиваете архив с wordpress.org, распаковываете в текущий каталог и полученную папку с файлами загружаете на сервер в директорию /wp-content/plugins, используя . Остается только активировать его в разделе «Плагины» в админке WordPress.

WordPress плагины для создания объемного 3D облака тегов

Я просмотрел достаточно много плагинов по этой теме, наиболее удачные из них — WP-Cumulus и Tag Cloud Canvas. По получаемому эффекту они схожи — оба создают объемное сферическое облако тегов, только первый из них использует flash, а второй новую технологию Canvas из HTML5.

WP-Cumulus — flash облако тегов

Скачайте русскую версию WP-Cumulus и установите, как я описал выше.

Облако тегов на страницы блога можно вывести тремя способами:

  • Воспользоваться шорт кодом для вывода в область контента страниц и постов WordPress.
  • Вставить следующую строчку php кода в шаблоны используемой темы WP:
  • И самый популярный способ — вывести облако меток в сайдбаре блога с помощью нового одноименного .

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

Вот так это выглядит:

Конечно, в динамике облако смотрится куда эффектнее.

Tag Cloud Canvas — HTML5 облако тегов

По своему функционалу данный плагин идентичен рассмотренному выше WP-Cumulus, только используется не flash, а HTML5. Скачать Tag Cloud Canvas можно с wordpress.org. Вывод облака тегов в области контента не предусмотрен, доступен только новый одноименный виджет.

Пусть настройки его на английском языке, но их совсем немного и разобраться несложно.

  • Title -заголовок.
  • Taxonomies — что выводим: теги, категории или и то, и другое.
  • Shape — облик облака (какая игра слов!). Можно выбрать сферу, горизонтальный цилиндр или вертикальный.
  • Width и Height — ширина и высота в пикселях.
  • Text Color — цвет текста.
  • Background Color — цвет заднего фона.
  • Background Transparent? — сделать задний фон прозрачным.

Внешне мало чем отличается от WP-Cumulus:

Создание 2D облака

Теперь, что касается плоских 2D облаков тегов WordPress. Здесь опять же хочется выделить два весьма симпатичных плагина Opacity Tags и Better Tag Cloud. Рассмотрим каждый из них подробнее.

Скачайте Opacity Tags и установите в WordPress. Появится новый виджет — Opacity Tags Tag Cloud. Рассмотрим его настройки:

  • Font Size in Pixels — размер текста в пикселях.
  • Number of Tags to Display — количество выводимых тегов.
  • Tag Font Color — цвет текста. Если выбрать цвет не получается, то сохраните виджет и попробуйте снова.

Настроек не густо, ну да ладно. Вот так виджет будет выглядеть на блоге.

Скачать плагин со столь нескромным название можно опять же с wordpress.org. Все настройки плагина располагаются в разделе «Плагины» — «Better Tag Cloud». Быстро пробежимся по основным из них:

  • Title — заголовок.
  • Taxonomy — что выводим. По умолчанию значится post_tag, то есть метки.
  • Smallest font size — минимальный размер текста; Largest font size — максимальный размер; Unit — единицы измерения.
  • Numbers of tags to show — количество выводимых меток. 0 — отображать все имеющиеся метки.
  • Format — формат вывода.
  • Orderby — сортировать по названию, числу постов с данным тегом или сразу по обоим параметра.
  • Add post count to tags? — отображать число постов, в которых задействован каждый из тегов.
  • Put the post count outside of the hyperlink? — Вынести счетчик постов за пределы гиперссылки?
  • Show only tags that have been used at least so many times — Показать только теги, которые были использованы по меньшей мере столько раз.
  • Add categories to tag cloud? — добавить категории?
  • Force tags with multiple words on one line? — обязательно выводить метки из нескольких слов одной строкой?
  • Add the nofollow attribute? — добавить к ссылкам атрибут nofollow?

Когда с настройками покончено, можно приступать к выводу на страницы сайта. Доступны три способа.