Пара полезных особенностей работы с Disqus

Что такое Disqus вроде как уже большая часть населения планеты нашей должна знать, я имею ввиду ту часть, которая проживает не только на диване, но и в сети. Коротенько если, то дискус — это модуль комментариев расширяющий возможности сайта, ну почти до форума что-ли. Более подробно обо всех плюшках этой системы можно почитать в этой статье.

Здесь, в блоге, эта система установлена довольно давно. Честно сказать о смене и не подумывал. Нравится.

Как в disqus добавить картинки и видео. HTML теги для disqus

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

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

Disqus и мультимедиа

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

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

Именно из-за этого, я так полагаю, нам и разрешают добавлять к комментариям только изображения и видео из youtube. А разве этого не достаточно?

Итак, чтобы добавить к комментарию изображение, скриншот экрана например, кликаем на кнопку «+Image» под формой комментирования. Кстати, некоторые читатели pervushin.com это уже проделывали.

Как добавить картинку в Disqus

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

Вот так выглядят добавленные к комментарию картинки, а также просмотр этих картинок

С картинками разобрались, переходим к видео. Как я уже сказал, поддерживаются только ролики размещенные на youtube.

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

Даже на youtube идти не надо.

Добавление и просмотр видео в Disqus

Disqus и HTML теги

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

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

  • <b>Жирный текст</b>
  • <blockquote>Длинная цитата</blockquote>
  • <caption>Заголовок таблицы</caption>
  • <cite>Цитата (обычно помечается просто курсивом)</cite>
  • <code>Программный код</code>
  • <em>Курсив (логическая разметка)</em>
  • <i>Курсив (физическая разметка)</i>
  • <p>Параграф</p>
  • <pre>Предварительно отформатированный шрифт</pre>
  • <q>Цитата (закрывает текст в кавычки)</q>
  • <samp>Результат компьютерного кода</samp>
  • <span>Определение строчных элементов в документе</span>
  • <s>Перечеркнутый текст</s>
  • <strike>Аналог <s>, тоже делает текст перечеркнутым</strike>
  • <strong>Акцентирование текста (обычно выделяет жирным начертанием)</strong>
  • <u>Подчеркнутый текст</u>

Не уверен, нужны ли все эти теги простому «смертному». Я в disqus в большей степени пользуюсь тегами выделения кода, а также форматирования текста (жирный, наклонный и т.д.). Не много не понимаю, зачем здесь присутствует тег caption, ну да ладно. Разработчикам видней.

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

На сегодня все. Опробовать описанное выше можете в комментариях к этому посту.

А какие полезняшки disqus знаете Вы?

Удачи Вам и разумных комментариев к постам!

Сладкое на сегодня: необычный способ рекламы собачьего корма. В наших рекламах все про гладкую шерсть трендят, а тут паимаишь довольно креативненько подошли к процессу. Наслаждайтесь 🙂

Комментарии

32 на запись "Пара полезных особенностей работы с Disqus"
  1. Попробую добавить картинку

  2. Geny says:

    Пользуюсь этой системой комментирования: тоже нравится. Но про добавление видео не знал. Спасибо.
    Про полезняшки: возможен импорт-экспорт комментариев с системой blogspot. Вот: http://mixajluta.blogspot.com/2011/05/blogpost-disqus.html

  3. Аноним says:

    Заметил за дискусом следующее. Допустим по какой-то причине удалил коммент. Дискус так и пишет — «комментарий удален». Вот если бы все следы убрать полностью? Или чего-то не знаю.

    • Snapshot says:

      Разве пометка об удалении навсегда остается? Вроде после обновления страницы исчезает…хотя точно не знаю, не приходилось удалять.

      • Аноним says:

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

  4. Atamovich says:

    Спасибо, кое-что не знал) Ролик обалденный! 

  5. fotohelp.kz says:

    в WP можно синхронизировать комменты с дискусом и они переносятся в базу WP

  6. positivemann says:

    Заметил, что у Вас дискус русифицирован, т.е. на кнопках по русски всё да и вообще вся форма. Как его русифицировать?

  7. Dmitry says:

    Поддержку кодировки windows-1251 бы ещё прикрутить…

  8. Даже не знаю. Только что скопировал URL с youtube и видео вставилось.

  9. 9190 says:

    В первом предложении в тексте довольно коряво изображено ударение в слове «большая». Можно просто поставить ударение: бóльшая. )

  10. О pre подробнее можно почитать здесь http://ruseller.com/htmlshpora.php?id=52

    По ссылке и alt. Эти возможности появились позже этой статьи.

    • 9190 says:

      О pre подробнее можно почитать здесь

      А, понял. Не совсем то, что думал. Всё пытался задавать цвет для шрифта, но вроде стандартные HTML-теги для изменения шрифта в Disqus не действуют. А может как-то и можно…

      P.S. Не хватает даты, когда были опубликованы статьи. Ни вверху (желательно), ни внизу не обнаружил. Поэтому сначала не мог сориентироваться, когда была напечатана статья. Только по комментариям догадался.

  11. P_3 says:

    И что, действительно работает?
    А вот видео про собачий корм посмотреть не удалось. Интересно, он вкусный?

  12. P_3 says:

    видео не работает

  13. Вероятно эта возможность есть в новой версии дискуса, которую не все ставят. Скорее всего, картинки через html не вставить, но попробовать стоит.

  14. AlieneGR says:

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

    Иногда приходиться цитировать отдельные строки.

  15. AnthonySSs says:

    Как на Disqus посмотреть количество моих постов (комментариев) ?

  16. Виктория says:

    Здравствуйте! Скажите пожалуйста, как удалить свою страничку из disqus? Спасибо!

Спасибо, что оставили свой комментарий

banner