Форматирование комментариев

Форматирование комментариев WordPress, часть первая

Александр Каратаев 11.05.2014 Архивы старых записей 43 комментария 797 Просмотров

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

Однако внимательный читатель заметит, что в названии статьи обозначено «часть первая», а это подразумевает наличие, как минимум, ещё одной части...

Данная статья устарела. Более оптимальное решение - плагин визуального редактора комментариев. Содержание статьи удалено, как не актуальное.

Материалы по теме:

ark wce1 - Форматирование комментариев WordPress, часть первая

Плагин ARK WYSIWYG Comment Editor – визуальный редактор комментариев

dumka - Форматирование комментариев WordPress, часть первая

Размышления на тему…

contactform1 - Форматирование комментариев WordPress, часть первая

Улучшенная форма обратной связи без плагина

FormatComments1 - Форматирование комментариев WordPress, часть первая

Визуальный редактор комментариев

Форматирование комментариев WordPress, часть вторая

Форма обратной связи без плагина

Смотрите также

Критика блога Натальи Акуловой

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

С Новым годом!

Друзья! Поздравляю всех с Новым годом! Желаю крепкого здоровья, любви, семейного уюта и благополучия, новых …

43 комментария

Алексей
11.05.2014 в 18:06
На счет форматирования комментариев, это кому, как нравиться. Как говориться на вкус и цвет товарищей нет.:)
А вот исправлять комментарии необходимо. Не всегда читатели оставляют комментарии без ошибок. Наверное Вы знаете, как важна орфография дя продвижения блога? Так вот нужно исправлять ошибки в комментариях своего блога, чтобы было ровное продвижение.
Кроме ошибок у многих пропадают сайты. Просто некоторые блоггеры перестают вести свои ресурсы, а их не рабочие ссылки остаются в комментах, что тоже очень плохо влияет на продвижения любого блога.
Поэтому нужно каждый раз проверять оставленные комментарии на наличие ошибок. Для проверки ссылок есть специальные плагины и программы.
Ответить
- Александр Каратаев
  11.05.2014 в 21:41
  …это кому, как нравиться
  Бесспорно тут Вы правы! Я изложил всего лишь свою точку зрения. Тем более, что кому-то форматирование и на самом деле не нужно.
  Ошибки в комментариях я как-то не исправляю, если нет явной и грубой опечатки, но практически не помню, чтобы на этом блоге я делал такие исправления. Может мне попадаются сплошь грамотные комментаторы? Но на самом деле не думаю, что наличие ошибок в комментариях препятствует продвижению сайта. Если-бы они присутствовали в статье, тогда возможно. А вот битые ссылки – тут на все сто согласен. Их надо убирать, они сильно вредят.
  Ответить
Ксения
11.05.2014 в 18:49
Я как-то не задумывалась над форматированием комментариев, потому что на моем блоге редко развиваются дискуссии – тема не та.
А насчет плагина Р3 совершенно Вас поддерживаю. У меня он уже давно стоит. С помощью него можно выяснить, какой из аналогичных плагинов предпочесть, т.е. какой плагин больше увеличивает время загрузки блога. К тому же Р3 не нужно держать все время включенным, активировать только для проверки.
Ответить
- Александр Каратаев
  11.05.2014 в 21:33
  Я тоже так делаю – активировал, проверил, деактивировал… И пусть себе лежит до поры неактивный…
  Насчет дискуссий по теме Вашего блога… Ну не скажите… темы статей у Вас актуальные и подискутировать там ох как можно. Только вот диалектика материализма учит нас, что бытие определяет сознание. Перефразируя этот тезис для блогосферы я бы сказал, что возможности определяют стиль комментариев. Дайте возможность и у Вас, как минимум, начнётся цитирование.
  Ответить
Анжелика
12.05.2014 в 00:03
Я за форматированные комментарии и за то, чтобы все это сделать можно было попроще. Стандартную подсказку от Вордпресс как пользоваться тегами при комментировании я убрала – никто этим не пользуется.
У меня на блоге часто хотят в комментариях показать какой-то код или показать скриншот, а не тут-то было. Да и так – было бы интереснее, если бы можно было выделять некоторые фразы в комментариях жирным или курсивом, вставлять картинки и тд. Это интересно и автору блога и его читателям, блог станет более живым, а пока помогают выражать эмоции только смайлики.
Ответить
- Александр Каратаев
  12.05.2014 в 09:34
  Анжелика, наши взгляды совпадают. Кстати, Вы заметили, что они совпадают вообще по многим вопросам?
  …подсказку от Вордпресс как пользоваться тегами при комментировании я убрала — никто этим не пользуется
  В большинстве случаев это так – ведь такой способ действительно неудобен.
  Спасибо Вам, Вы вдохнули в меня дополнительные силы для поиска решения проблемы…
  Ответить
  - Анжелика
    12.05.2014 в 15:59
    Ну так надо смайлики попробовать 🙂 (Y) (F) 😀 (*)
    Ответить
Ольга
12.05.2014 в 01:30
А я и смайлики отключила, они у меня в комментариях стали просто некрасивые, хотя в админке смотрятся нормально. Просто не знаю, что за шаблон . В старом плохо отображались рубрики, с ошибками, в этом что-то другое. Нет совершенства.
Александр, спасибо за рассуждения о форматировании комментариев.Иногда хочется что-то выделить, конечно. На одном блоге автор предложил читателям выделять в комментариях жирным ключевые слова из текста статьи.
Ответить
- Александр Каратаев
  12.05.2014 в 09:47
  Кстати заметил, что смайлики, которые вставляю через интерфейс написания статьи (редактор TinyMCE Advanced) в результате так и остаются просто кодом. Поэтому вставляю простейшие (двоеточие и скобка), типа 🙂 и 😛 – их вордпресс преобразовывает нормально.
  Насчет шаблона Вашего блога… На мой взгляд он смотрится очень симпатично и соответствует тематике блога. По поводу его функциональности мне судить сложно – многие шаблоны обладают какими-то индивидуальными особенностями…
  И вот кстати, не думаю, что правильно выделять в комментариях что-либо по просьбе автора… Разве что комментарий заказной. Выделять нужно то, что комментатор считает важным в своём тексте, чтобы акцентировать внимание именно на этой, возможно ключевой мысли.
  Ответить
Александр Каратаев
12.05.2014 в 10:49
Ну вот попробовал и я смайлики пока прикрутить к комментариям… Вроде ничего так смотрится. (Y) 🙂 (L) (D) (B) 😀
Временно, пока не сделаю форматирование.
Ответить
Ольга
12.05.2014 в 13:01
Я тоже считаю, что читатель сам выделит то, что посчитает нужным. Со смайликами веселее смотрятся комментарии. 🙂
Александр, я вот тоже поставила у себя плагин wp Note. Чтобы можно было выделять текст. Вроде вчера разобралась, как это делается при помощи с плагина. А вот как вы выделяете цветом? Или вы пользуетесь кодами и прописываете цвет? Я почему-то кодов немного боюсь. Вдруг что-то не так сделаю, и наврежу своему блогу.
Ответить
- Александр Каратаев
  12.05.2014 в 14:04
  Ольга, там вообще всё просто и бояться не надо. Открываете запись на редактирование в визуальном редакторе и вставляете что-нибудь из этого набора:
```
[note]Образец стиля  note[/note]

[important]Образец стиля  important[/important]

[warning]Образец стиля  warning[/warning]

[tip]Образец стиля  tip[/tip]

[help]Образец стиля  help[/help]
```
  Цвет уже прописан в стилях плагина и зависит от выбранного кода. У меня несколько отличается от стандартного, так-как я уже полазил там и подогнал под себя…
  Ответить
Ольга
12.05.2014 в 15:17
Да, Александр, плагином я уже попробовала и поняла, как это делается. Но цвет у меня получился серый. 😀
Ответить
- Александр Каратаев
  12.05.2014 в 15:30
  Ну да… я посмотрел – это стандартный цвет заложенный в плагине для тега NOTE… Для других тегов предусмотрены другие цвета. Но Вы можете в файле стилей поменять цвет на любой, который Вам больше нравится… Этот файл лежит в папке плагина. Если хотите, возьмите мой файл…
```
/*
Description: WP-Note CSS File
Author: Luke
Author URI: http://geeklu.com
Date:2009-01-02
Modified Date:2009-12-29
*/

.note
{
    text-align: center;
}


.noteclassic, .noteimportant, .notewarning, .notetip,.notehelp{
	width: 80%;
	margin-top:2em;
	margin-left: auto;
	margin-right: auto;
    border-radius: 10px 10px;
    -moz-border-radius: 10px 10px;
    -webkit-border-radius: 10px 10px;
    padding: 15px 20px 15px 80px;
	margin: 0px 0px 0px 0px;
	-webkit-box-shadow: 2px 2px 3px #999;
	-moz-box-shadow: 2px 2px 3px #999;
    /*IE min-height hack*/
    min-height:40px;
    height:auto !important;
    height:40px;
    overflow:visible;
    
	position:relative;
	bottom:6px;
	right: 6px;
	border: 1px solid #999999;
    /*Set the position of the background image*/
    background-position: 20px 50%;
    background-repeat: no-repeat;
    text-align: justify;
}
.noteclassic, .noteimportant, .notewarning, .notetip,.notehelp{
	/* IE5 hack */
	margin: 0px 0px -3px 0px;
	margin:  0px 0px 0px 0px;
}

.noteclassic {
  background-color: #99FF99;
  background-image: url(images/note.png);
}

.noteimportant {
  background-color: #FFFF66;
  background-image: url(images/important.png);
}

.notewarning {
  background-color: #FF6633;
  background-image: url(images/warning.png);
}

.notetip {
  background-color: #99CCFF;
  background-image: url(images/tip.png);
}

.notehelp {
  background-color: #0CB8F3;
  background-image: url(images/help.png);
}
```
  Откройте файл /wp-content/plugins/wp-note/style.css
  и замените всё, что там есть на мой код… Сохраните и обновите страницу
  Ответить
Ольга
12.05.2014 в 16:46
Спасибо, Александр, что уделили моей персоне внимание. Я бегу на работу, позже посмотрю. 😀
Ответить
- Александр Каратаев
  13.05.2014 в 13:18
  …позже посмотрю…
  Ольга, получилось?
  Ответить
Андрей
13.05.2014 в 12:21
Да интересно будет посмотреть на то, что Вы найдете в плане форматирования. Смайлики это тоже хорошо, но я например видел на одном блоге, перед публикацией была возможность посмотреть на свой коммент. Правда реализовать у себя не получилось, даже не знаю почему, да и не помню уже где я это видел и какой плагин. Так что будем ждать Ваших предложений. (Y)
Ответить
- Александр Каратаев
  13.05.2014 в 13:11
  …интересно будет посмотреть на то, что Вы найдете в плане форматирования
  Ну вот вроде уже и нашёл, как раз то, что мне хотелось. Полностью настраиваемый редактор. Реализация легкая, правда пришлось изучить документацию, но на сайте редактора все это очень подробно и обстоятельно разжёвано. Правда на английском, но это не препятствие.
  Только вот странно, почему-то именно вот под этой конкретной статьёй форма комментариев немного вниз уехала. А в остальных нормально…
  Покопаюсь еще, но думаю, что этот вариант мне очень подходит. Сегодня потестирую, а завтра постараюсь написать, как это прикрутить к блогу.
  Ответить
Александр Каратаев
13.05.2014 в 13:25
```
<div class="cancel-comment-reply">
	<small><?php cancel_comment_reply_link(); ?></small>
</div>
```
Пример вставки кода… Тест…
Ответить
Ольга Суворова
26.05.2014 в 22:24
Я пыталась повозиться с этим форматированием, но так как с кодами я дружу, а они со мною – нет, меня хватило только сменить стандартные вордпрессовские смайлы на те, которые используются в скайпе – уж очень они мне симпатичны и все. Вот только размером они маловаты, человек вставляет в комментарий, а оно не всегда распознаесь, какая эмоция на смайде: подмигивает, улыбается или что-то еще?..Александр, не знаете, как чуток увеличить размер смайлов?
Ответить
- Александр Каратаев
  26.05.2014 в 23:40
  Посмотрел, как отображаются смайлики в комментариях Вашего блога. Что-бы смайлы отображались нормально Вам надо немного отредактировать таблицу стилей. Откройте файл wp-content/themes/Spot/lib/css/defaults.css и в 183 строке Вы увидите такое:
```
img.wp-smiley {
   max-height: 12px;
    margin: 0;
    padding: 0;
    border: none;
}
```
  Удалите или закомментируйте строку: max-height: 12px;
  Сохраните файл и после этого обновите страницу – смайлики будут отображаться нормально.
  Ольга, но лучше почитайте вторую часть этой статьи – там как раз я показываю возможность прикрутить визуальный редактор, аключая смайлы как у меня…
  Все несложно. Если что – помогу.
  Ответить

Ольга Суворова

27.05.2014 в 01:56

Не знаю, как это закомментировать строку…просто ее удалила и ничего…

Ответить

Александр Каратаев

27.05.2014 в 09:31

Ольга, что-то Вы не так сделали. Видимо файл, после удаления строки не сохранили на сервере. Я только что зашёл к Вам на блог и посмотрел, вот что у Вас:

	Как было так и осталось
	Вот так выглядин смайлик в комментарии
	Вот я отключил эту строку
	И смайлик стал выглядеть нормально

Но я это делал виртуально, без возможности сохранения.

Вы либо строку в файле wp-content/themes/Spot/lib/css/defaults.css не удалили, либо файл не сохранили, после удаления.

Тут есть три варианта:

– либо Вы попытаетесь сделать ещё раз сами;

– либо дайте мне доступ к Вашему блогу по FTP, я сделаю, потом доступ уберете;

– либо просто пришлите мне этот файл, я внесу правку и верну его Вам, а Вы зальёте на сервер.

Если будете делать сами, то заходите на блог по FTP с помощью FileZilla, открываете файл и правите в Notepad++, после чего в FileZilla пересохраняете файл на сервере.

Либо из админки, заходите в настройки плагина, там редактор, ищите этот файл и правите с сохранением. Но лично я так никогда не делаю, мне удобнее и нагляднее через FileZilla.

Так, что решайте, а я всегда готов помочь.