Пятница, 03 Октябрь 2014 10:05

Как организовать комментирование на сайте joomla 3 с помощью компонента JComments

Всем привет! Создавая и настраивая сайт, хочется сделать его как можно лучше, качественнее и удобнее для посетителей. Вебмастера, стараются выбрать только самые лучшие, удобные и по возможности бесплатные расширения. Так вот, если Ваш сайт сделан на движке joomla 3 или более ранней версии. И вы хотите организовать на нём комментирование, то вы попали по адресу, в сегодняшней статье разберём самый популярный, удобный и бесплатный компонент комментариев для joomla, JComments.

Содержание статьи

Компонент JComments, разработан профессиональной студией JoomlaTune. Он является одним из самых популярных расширений, для joomla. Чтобы понять почему, давайте разберём его основные возможности.

Основные возможности компонента JComments

  • Абсолютно бесплатен, как компонент, так и его расширения. 
  • Гибок, настроить можно практически всё что необходимо.
  • Имеется возможность, установки стороннего шаблона, благодаря чему, комментарии впишутся во внешний вид любого сайта.
  • Используя технологию AJAX, компонент JComments, может удалять, добавлять и редактировать комментарии без перезагрузки страницы. 
  • Включение и выключение комментариев, как в отдельных категориях, так и в отдельных материалах.
  • Возможность импорта комментариев, из сторонних компонентов.
  • Использование различных аватарок, а также, поддержка популярного среди пользователей WordPress, сервиса Gravatar.
  • Имеется возможность настройки порядка вывода комментариев.

И это далеко не всё, что может компонент JComments, ознакомится с подробным описанием можно на сайте разработчика, пройдя по этой ссылке JoomlaTune

Для комментирования на данном блоге, я тоже использую компонент JComments. И хочу сказать от себя лично, он очень удобен, одним словом рекомендую!

Скачать компонент JComments можно на сайте разработчика www.joomlatune.ru. О том как устанавливать расширения на joomla 3, я писал здесь. Обратите внимание, что скачивать необходимо компонент(для своей версии joomla), модули и плагины находящиеся в низу, используются как расширения к компоненту JComments.

Настройка компонента JComments

После установки компонента JComments, у вас должно появится вот такое сообщение, об успешной установке. Чтобы попасть в настройки компонента, нажмите на кнопку "Далее", находящуюся в низу данного сообщения. 

Или в админке joovla 3, выберите пункт Компоненты > JComments > Настройки. Вкладка Общие

После установки JComments, комментарии на сайте не будут выводится пока вы не укажите категории, в которых они должны выводится. Я выберу "Все категории"(комментарии будут выводится во всех категориях), вы выбирайте исходя из собственных потребностей. 

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

Вкладка Вид

Как вы уже догадались, эта вкладка отвечает за внешний вид комментариев. Здесь всё тоже достаточно просто, я думаю разберётесь. Лучше поговорим о том, как изменить шаблон комментариев JComments.

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

Для joomla 3, используется компонент JComments версии 3.0.5. Шаблоны естественно, надо искать тоже для версии 3.0.5. Но скажу честно, на момент написания статьи, я таковых не встретил, и для примера взял шаблоны, для версии JComments 2.3.0. Ну ничего страшного, надеюсь в скором будущем, что то подобное появится в сети.

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

Скопированные папки с шаблонами, вставьте по следующему пути. Зайдите в корень сайта, далее: components/com_jcomments/tpl.

После этого, вернитесь в настройки компонента JComments,откройте вкладку "Вид", и в графе "Шаблон", помимо стандартного шаблона с названием "default", вы увидите только что скопированные шаблоны. Я выберу шаблон "prosilver", далее необходимо нажать на кнопку "Сохранить". 

После этого, комментарии внешне изменились и стали выглядеть вот так.

Вкладка Права

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

Вкладка Ограничения

Здесь соответственно, можно настроить определённые ограничения, такие как: максимальная длинна комментария, максимальная длинна имени пользователя и.т.д. 

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

Как настроить капчу (Captcha) в компоненте JComments

По умолчанию Captcha в JComments, выглядит так. 

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

Для того что бы изменить настройки капчи, нам необходимо открыть файл с названьем "kcaptcha_config", блокнотом Notepad++, если открыть его обычным блокнотом, код растянется в одну строчку будет не удобно его править. Найти этот файл можно по следующему пути. Зайдите в корень сайта, далее: components/com_jcomments/libraries/kcaptcha/kcaptcha_config.php.

Данный файл, отвечает за настройки Captcha, и изначально выглядит так. 

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

  1. В первом пункте, находятся символы которые будут вводится. Убираем алфавит.
  2. Во втором пункте, символы которые будут показываться. Убираем алфавит и добавляем ноль с единицей
  3. Этот пункт отвечает за количество выводимых в капче символов. Я ставлю три, у Вас, может быть другая цифра, кому как нравится.
  4. Четвёртый пункт отвечает за амплитуду, чем выше, тем сильнее будут изгибаться выводимые в капче цифры. Ставим два.
  5. Ну и последний пятый пункт, отвечает за цвет переднего плана. Ставим ноли чтобы сделать его чёрным. 

Сохраните изменения и обновите страницу сайта, Captcha должна стать понятнее и удобнее. 

Как сделать картинки к комментариям в JComments с помощью плагина JComments Avatars

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

После того как вы установите данный плагин, по умолчанию он будет находится в выключенном состоянии. Необходимо найти его и активировать, далее зайдите в него, в настройках выставите значения как у меня на скриншоте (не забудьте всё сохранить). 

В поле "Gravatar Default", имеется возможность изменить стиль выводимой картинки (можете выбрать монстриков, геометрические рисунки и.т.д).  

Далее, зайдите в настройки компонента JComments. 

В настройках перейдите в раздел "Права", из пользователей выберите "Public". 

На этой странице, в правом нижнем углу, находится раздел "Параметры отображения". Здесь напротив пункта "Показывать Gravatar", необходимо поставить галочку и сохранится. 

Теперь можно обновится и проверить изменения на сайте.

Если кого то не устраивает размер выводимых аватарок, а он по умолчанию составляет 32 на 32 пикселей, можно его изменить, я к примеру сделал 50 на 50 пикселей.

Как изменить размер аватара JComments

Изменить размер аватара очень легко. Зайдите в корень сайта, далее: components/com_jcomments/tpl/default/style.css. В поиске блокнота Notepad++, забейте такую строчку: #comments .comment-avatar img

Остаётся выставить необходимое значение (в пикселях). 

Комментарии  

Алексей
#31 Алексей 01.08.2016 05:13
Добрый день

Благодарю за статью. Подскажите, у вас на данный момент Joomla 3.6?

Недавно обновился до 3.6, пропала возможность добавлять комментарии на сайт. Версия jcomments стоит актуальная.

При добавлении комментария крутится колесо загрузки, но комментарий не публикуется.

Сталкивались с подобной проблемой?
Цитировать
oijtgoitjgp
#30 oijtgoitjgp 11.07.2016 14:40
:D
Цитировать
Сергей
#29 Сергей 02.05.2016 17:37
Кто-нибудь сталкивался с тем, что при нажатии ОТПРАВИТЬ, страница как бы зависает. Крутится индикатор посылки комментария очень долго.
Цитировать
Александров
#28 Александров 26.04.2016 19:19
3
Цитировать
gupvieguistoc1976
#27 gupvieguistoc1976 17.03.2016 17:07
Я, вам завидую. Ваш блог намного лучше по содержанию и дизайну чем мой. Кто вам дизайн делал? Много полезного взял к себе на ресурс.
Цитировать
lk
#26 lk 04.03.2016 17:44
ok :-*
Цитировать
Галина
#25 Галина 15.02.2016 08:08
Спасибо за подробное описание. Вопрос такой, как администратору сайта вывести свой собственный аватар?
Цитировать
мпм
#24 мпм 20.12.2015 12:58
проверка модератора не отключается


может вы знаете ?
стандартные настройки не работают .ставишь галочку .не работает((((((
Цитировать
мпм
#23 мпм 20.12.2015 12:55
ппп
Цитировать
МихалычЫ
#22 МихалычЫ 15.12.2015 12:50
Как сделать, чтобы не зарегистрирован ные юзеры могли выбирать аватарку при написании каммента. Пробовал по Вашей инструкции - в списке камментов появилось место для вывода аватарки. а в форме отправки камментов аватарку выбрать нельзя
Цитировать
МихалычЫ
#21 МихалычЫ 15.12.2015 10:45
Хороший компонент. Кто знает, как можно изменить слов "комментарий" на "отзыв" в форме ввода комментария? в каком файле это правится?
еще почему-то у меня три ряда одинаковых смайлов и 3 раза надпись : Осталось: 1000 символов
Цитировать
МихалычЫ
#20 МихалычЫ 14.12.2015 06:20
Всем привет!
У меня почему-то одинаковые смайлики в три ряда стоят и осталось 1000 символов тоже в три ряда повторяется. кто знает, как от этого избавиться?
И еще, можно как-нибудь изменить в форме ввода комментария слова "комментарий" на "отзыв"?
Цитировать
Катя
#19 Катя 06.12.2015 10:42
Спасибо за материал. Полезно и понятно написано.
Цитировать
Андрей
#18 Андрей 13.11.2015 16:20
Здравствуйте. Помогите пожалуйста :cry: вообще пропала кнопка комментариев. В панели управления что-бы я не настроил в настройках jcomments. после сохранения, все настройки скидываются по умолчанию. Перезагружал повторно, но всё осталось по прежнему.
Цитировать
Сергей
#17 Сергей 11.11.2015 16:43
Спасибо, хороший компонент. А как сделать так, чтобы выводились порядковые номера комментариев как в данном примере? У меня по умолчанию их нет.
Цитировать
Евгений
#16 Евгений 12.10.2015 20:57
:sad:
Цитировать
Мультик
#15 Мультик 24.09.2015 08:34
проверка тест... У меня на сайте после этих изменений не принимается вводимый текст
Цитировать
Максим
#14 Максим 15.08.2015 06:19
Тест отображения 8)
Цитировать
Андрей
#13 Андрей 05.08.2015 09:04
Олег добрый день, попробуйте скачать и установить другую версию компонента, более новую.
Цитировать
Олег
#12 Олег 05.08.2015 08:59
Добрый день хороший пост! :D
у меня такая проблема не отображается кнопка "Отправить"
http://legrand-service.com.ua/chto-my-predlagaem

как ее включить? Спасибо!
Цитировать
Serge
#11 Serge 03.07.2015 07:07
Спасибо за полезную статью. Применил у себя на сайте. :-)
Цитировать
Andrey
#10 Andrey 15.05.2015 08:47
Тест
Цитировать
Антон
#9 Антон 20.04.2015 16:57
Нужно будет на свой сайт тоже применить данный плагин
Цитировать
Nekit
#8 Nekit 27.03.2015 14:10
Test
:D :lol: :-) ;-) 8) :-* :oops: :sad: :cry: :o :-? :-x :eek: :zzz :P :roll: :sigh:
Цитировать
http://
#7 http:// 05.03.2015 18:43
Wow, marvelous bloog layout! ʜow long hɑve you been blogging for?
үou made blogging lօok easy. The oveгall loοk оf yoսr site iis
fantastic, let alone thе cοntent!
Цитировать
Андрей
#6 Андрей 26.02.2015 10:10
Как сделать что бы комментарии JComments появлялись на чистой страничке?
Цитировать
Алексей
#5 Алексей 13.02.2015 22:50
Как бы такую капчу вставить в стандартную форму обратной связи Joomla 3!?
Цитировать
Дираф
#4 Дираф 25.12.2014 08:07
Цитирую Фарид:
Проверка тест

Тест проверка
Цитировать
Саша
#3 Саша 22.12.2014 14:05
Спасибо полезная статья!
Цитировать
Фарид
#2 Фарид 14.12.2014 23:46
Проверка тест
Цитировать

Добавить комментарий


Защитный код
Обновить