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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Застой в мыслях? Не совсем…

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

Страница 404 и страница текст не найден

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

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

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

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

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

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.

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