TopCloud–облако тэгов для Вашего сайта Joomla (Джумла)

TopCloud–облако тэгов для Вашего сайта Joomla

Сегодня мы поговорим о том как установить облако тегов на Ваш сайт Joomla 2.5, Joomla 3.0 (1.5, 1.6, 1.7). Как сделать облако тегов более красивым и для чего оно вообще нужно. Мы рассмотрим модуль TopCloud, его настройки. Данный модуль может улучшить поведенческий факторы на Вашем сайте.

Рассмотрим плагин TopCloud для облака тегов для сайта на Joomla (Джумла).

 

Для чего нужно облако тегов, примеры модуля TopCloud

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

Для чего нужно облако тегов, примеры модуля TopCloud

Есть посетитель сайта захочет почитать про хостинг или про бесплатное, то смело жмет на соответствующий тег.

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

Для чего нужно облако тегов, примеры модуля TopCloud

Также для примера облако тегов, можете посмотреть на скрине выше, с официального сайта модуля. Модулю можно задавать различное оформления. За простоту и функциональность я и выбрал этот модуль. Конечно если Вам нудно флеш / 3d облако тегов на платный Srizon Tag или бесплатное красивое облако тегов Tag Cloud FX.

 

Скачать и установить модуль облако тегов TopCloud

Скачать и установить модуль облако тегов TopCloud

Скачать плагин можно тут. Поддерживаются версии Joomla 1.5, а также для Joomla  1.7, 2.5 и 3.0. Русский язык присутствует, как вы можете убедиться на картинке выше.

Выбираете нужную версию Джумлы и скачиваете инстольник. Далее стандартно устанавливаете его (Расширения->Менеджер расширений)

 

Настройка облака тегов TopCloud

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

Настройка облака тегов TopCloud

Настройка облака тегов TopCloud

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

 

Текстовые Средства управления

Текстовые Средства управления

Текстовые Средства управления

  • Облачный Заголовок (Title) – заголовок для облака тегов, я не использую потому как у меня идет отображение заголовка модуля
  • Облачный HTML-тэг – каким выводит заголовок? От H1-H6 и span и p, только не используйте H1, он должен быть один в документе и никак не облаком тегов.
  • Выравнивание Заголовка – ну тут понятно, как выравнивать влево, вправо  и по центру
  • Цвет Заголовка – указывается в формате #000 или #000000 а также в виде названий основных цветов к примеру “red”
  • Облачный Шрифт Заголовка – каким шрифтом заголовок делать
  • Ширина Шрифта Облачного Заголовка – жирность шрифта, т.е. значение 400-не жирный шрифт, 800-жирный шрифт заголовка
  • Шрифт Облачных Тегов – каким шрифтом выводить заголовок
  • Ширина Шрифта Облачных Тегов – жирный / полужирный / не жирный заголовок для отображения тегов
  • Размер Ссылки – это аналогично размеру шрифта, хотя он разный для каждого тега.

 

Графические Элементы

Можно задавать оформление графическое для облака тегов.

Графические Элементы

Графические Элементы

  • Разрешить Графику – вы разрешаете обрамлять и оформлять свое облако тегов
  • Основной Цвет Облака Тегов – задается цвет облака, на картинке выбран синий цвет
  • Стили Рамки – варианты стилей рамки – выбираются стили обрамления, на картинке стиль дабл-6px. Стилей достаточно много.
  • Ширина Пользовательской Рамки – на ширину у меня никак не влияло, вообще изменений не заметил
  • Облачный Фоновый Шаблон – задний фон, выбрана мозаика на примере.
  • Фоновый Цвет – выбираются либо использование цветов Вашего шаблона, либо можете сами вбить, для этого есть следующие пункты
  • Установка Пользовательских Фоновых Цветов — цвет фона, на примере он выбран былым в формате #ffffff
  • Фоновый Цвет Рамки – аналогичен предыдущему, но не понял чем отличается, если разбере

 

Включить/Исключить

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

Включить/Исключить

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

Далее параметры предусматривают два положения Использовать или Не Использовать

    • Включить Ключевые Слова Статьи – брать теги из ключевых слов статьи
    • Включить заголовки статей – формировать теги из названия статьи, а точнее каждое слово из статьи берется как тег, в том числе и предлоги и т.п.
    • Включить Веб Ссылку Заголовка – теги берутся с заголовка веб ссылок
    • Включить Заголовки Категории – аналогично статьям, берутся теги из названия категорий
    • Включить Ленты Новостей – теги ленты новостей
    • Включить Имена Контактов – не непонятно, теги с каких то контактов
  • Облако Начальный Элемент – теги идут списком, ощущение что начиная с первой статьи и до последующих. Соответственно, если в первой статье использовались теги “Системные требования joomla”, если поставить цифру 2, то список тегов будет начинаться с 3го тега ““joomla””
  • Число элементов в Облаке – возможно ограничить отображения тегов, посмотрите как Вам будет удобней и красиво смотреться на сайте. Можете поставить гденибудь 999, чтобы показать все теги.
  • Минимальная длина слова – можно исключить слишком короткие теги, предлоги. Но указав более 2х символов рискуете исключить теги сокращений.
  • Максимальная длина слова – чтобы не выводить слишком длинные теги, 20 максимум
  • Выбор по языку – выбрать язык выводимых тегов
  • Неклассифицированные языка – ну тут у них русский совсем плохенький, поэтому не понял что они имели ввиду. Предположил что как выводить теги других языков, которых нет в списке, если разберетесь – пишите.

 

Код Цвета

Тут настраиваем, какие цвета использовать.

Код Цвета

  • Используемые цвета
    • Основные цвета – использовать палитру компонентов
    • Пользовательские цвета ниже – использовать вами указанные цвета ниже
  • Основной Цвет текста – цвет самих тегов
  • Visited Цвет – цвет кнопки после того как нажали, это как после просмотра ссылки она становиться серой, давая понять что пользователь по ней переходил. Но у меня что то опять не работает.
  • Цвет Наведения – цвет текста при наведении на него (необходимо учесть что при наведении обрамляется тег)
  • Фоновый Цвет Наведения – цвет обрамления тега при наведении на него курсора
  • Цвет Активности – цвет в момент клика (нажатия, видно 1 сек)
  • Фоновый Цвет Активности – аналогично, цвет фона в момент нажатия

 

Стили Модуля / Администрирование

В этой вкладке мы задаем параметры стилей. Т.е. отступы и границы, это хорошо, потому как не надо залазить в CSS, искать код, все из админки делается.

Стили Модуля / Администрирование

  • Позиция Модуля Слева – можно смещать модуль влево (значение с минусом) или вправо (значение с плюсом)
  • Отступ Слева, Отступ Справа, Отступ Сверху, Отступ Снизу – задаются отступы от границ
  • Граница Сверху, Граница Снизу – отступ границы
  • Ширина – задать ширину модуля (в % или px, задается в следующем пункте), можно как шире таки уже сделать модуль облака тегов
  • Единица Ширины – задается проценты или пиксели, в зависимости от того как Вам удобнее
  • Фоновый цвет Модуля – задает цвет фона модуля, работает если в Разрешить Графику стоит нет
  • Страница результатов, Дополнительные Символы – в этих параметрах я не разобрался
  • Суффикс Класса модуля – стандартная настройка для модулей, возможность настроить CSS.

Мы ответили на вопрос как сделать облако тегов, а также как его настроить.

 

Возможные ошибки

image

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

Уважаемые читатели, важно, чтобы Ваш ноутбук не поразил компьютерный вирус.

8 комментариев
  1. Марина:

    Огромное спасибо за такое детальное описание настройки!

    Все стало отлично, но слова на главной «статичны», они не «летают» 🙁

    Можно сделать чтоб слова получили «крылья»?

    Заранее спасибо за ответ

  2. pops:

    после установки данного модуля на сайте появился вредоностный скрипт все антивирусы на него срабатывали и блокировали доступ к сайту проверьте то что пердлагаете другим !!!

    • ageta:

      [b]pops[/b]
      [quote]проверьте то что пердлагаете другим !!![/quote]
      Почему Вы решили, то что я не проверял прежде чем предлагать???
      Вы уверены, что проблема в модуле, а не в чем то другом?

      • pops:

        Абсолютно уверен после установки этого модуля в корне сайта в index.php периодически появляется скрипт с перелинковкой на другой ресурс googl chrome его сразу банить я почистил все что можно но эта зараза до сих пор сцуко появляется вы этот модуль либо не проверяли либо пользуетесь только одним браузером и без антивируса поэтому не замечаете

        • ageta:

          [b]pops[/b], странно, у меня на этом сайте стоит, на других сайтах устанавливал, проблем не было. Могу на почту скинуть свою версию.

  3. Юлия:

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

  4. snezhike:

    Спасибо!
    Очень хорошая статья. Но у меня проблема: если кликнуть на теге -открывается список статей. Если затем кликнуть на заголовке статьи, то открывается главная страница сайта.
    Очень хотелось бы, чтобы открывалась статья. А иначе, в чем смысл облака, если нельзя через него попасть в нужную статью? Возможно, я что-то не так сделала? Подскажите пожалуйста.

Поделитесь своим мнением
Для оформления сообщений Вы можете использовать следующие тэги:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>