Comment Toolbar добавляем в комментарии WordPress возможность ответа и цитирования

Comment Toolbar — добавляем в комментарии WordPress возможность ответа и цитирования

Как и обещал в статье про SyntaxHighlighter и Comment Form, сегодня продолжим разговор о повышении удобства работы с комментариями WordPress. Этого мы будем добиваться с помощью плагинов Comment Toolbar и Qip Smiles (надеюсь, что свой Gravatar вы не только создали, но и включили их отображение в настройках блога).

С помощью них мы сможем реализовать следующие возможности:

  1. одним кликом вставлять цитаты в форму для написания комментария
  2. одним кликом вставлять имя человека, оставившего сообщение в блоге, в форму для написания комментари
  3. оживить комменты смайликами (с помощью Qip Smiles)

Comment Toolbar — возможность ответа в комментариях

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

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

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

Очень удобно, на мой взгляд. Но кроме этого Comment Toolbar умеет еще вставлять цитаты. Для этого достаточно выделить фрагмент текста в любом месте открытой страницы WP блога, а затем нажать кнопку «Цитировать» в любом из уже существующих комментариев.

Скачать плагин Comment Toolbar можно тут. Отдельно русификатор скачивать не нужно, т.к. в нем, по умолчанию, уже присутствует русская локализация.

  1. распакуйте архив comment-toolbar.zip , используя ftp-менеджер подключитесь к вашему сайту и загрузите папку comment-toolbar в каталог с плагинами wp-content/plugins/ на сервере
  2. войдите в админку блога и выберете из левого меню вкладку «Плагины»- «Inactive»
  3. найдите строку с плагином и активируйте его

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

В админке Вордпресс выбираем из левого меню «Плагины» -> Comment Toolbar. Обратите внимание, что настройки этого плагина находятся именно в разделе «Плагины», а не «Параметры».

Как видите, на странице настроек все надписи переведены на русский и, думаю, что сложностей возникнуть не должно.

Но, тем не менее, я внесу некоторые пояснения. Первые два поля позволяют задать названия для кнопок ответа и цитирования. В поле «Текст для сообщения о цитировании» вы вводите текст, который будет выводиться после имени комментатора, чей текст вы цитируете, добавляя коммент.

В поле «Символ, разделяющий кнопки или ссылки» вы задаете разделитель для кнопок (показан на предыдущем рисунке). В следующем поле можно задать выделение жирным имени комментатора, которому вы отвечаете или кого цитируете.

Если поставите «Да» в поле «Add a link to his commentary on the name of the commentator», то получите как раз ту возможность, что я описал чуть выше — имя комментатора в вашем сообщении станет ссылкой на тот комментарий, который вы цитировали или на который отвечали.

В поле «Стиль тулбара» вы можете выбрать вид отображения кнопок ответа, цитаты и навигации (в виде кнопок, ссылок или в виде картинок). В следующих двух полях предлагается выбрать положение области с кнопками.

А в последних двух полях вы можете отключить показ кнопок навигации (переход к следующему, предыдущему, последнему и первому комментариям), а так же задать плавную прокрутку при перемещении по комментариям (красиво получается).

Доработка перевода плагина Comment Toolbar для WordPress

Comment Toolbar переведен не совсем полностью. Если вы подведете мышь к кнопкам навигации по комментариям, то увидите всплывающую надпись на английском (Last comment, Next comment и т.д.). Кроме того, у кнопки «Цитата» надписи не будет вовсе, а желательно было бы пояснить пользователям назначение этой кнопки.

Как вы, наверное, знаете, всплывающий текст ссылки задается с помощью атрибута TITLE тега A. Чтобы исправить описанные выше недостатки нужно получить доступ с файла сайта по FTP и открыть на редактирование файл wp-content/plugins/comment-toolbar/cf_comment_toolbar.php .

Найдите с помощью встроенного поиска редактора Notepad ++ следующий код в этом файле:

и замените ее на такую строку:

Текст всплывающей надписи вы можете откорректировать по своему усмотрению. Для перевода английских надписей у кнопок навигации по комментариям, в этом же файле, с помощью встроенного поиска блокнота Notepad, найдите, где встречаются эти английские фразы (Last comment, Next comment и т.д.) и замените их на русские.

Подсветка кода и кнопки форматирования комментариев в WordPress — SyntaxHighlighter и Comment Form

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

При этом будут рассмотрены такие плагины, как Comment Form Quicktags, в этой статье, а так же Comment Toolbar и Qip Smiles в следующей статье этой серии.

Эти плагины позволят нам расширить стандартные возможности комментариев и добавить в них следующие возможности:

  1. одним кликом вставлять цитаты в форму для их написания
  2. одним кликом вставлять имя человека, оставившего комментарий для того, чтобы ответить на его вопрос или задать ему свой
  3. перемещаться по комментам последовательно или сразу же переходить к первому, либо к последнему из них
  4. посетители вашего WP блога смогут использовать выделение жирным, курсивом и т.п.
  5. удобно вставлять ссылки в комменты
  6. вставлять в них код без потерь и в точно таком же виде как и в статьях, т.е. с использованием оформления и подсветки
  7. оживлять их смайликами

Вставка кода в WordPress с помощью SyntaxHighlighter Evolved

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

Плагин устанавливается в Вордпресс стандартным способом, а именно:

  1. распакуйте архив с плагином, используя ftp-менеджер подключитесь к вашему хосту и загрузите папку syntaxhighlighter в папку с WP плагинами wp-content/plugins/ на сервере вашего хостинга
  2. войдите в админку WordPress и выберете из левого меню вкладку «Плагины», а на ней «Inactive»
  3. найдите строку с SyntaxHighlighter Evolved и активируйте его

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

Ну вот, WP плагин установлен, теперь можно зайти в админку блога и ознакомиться с его настройками. Для этого выбираем из левого меню «Параметры» -> «SyntaxHighlighter» (если не русифицировали плагин) или «Подсветка синтаксиса» (если русифицировали).

В принципе, даже если ничего не менять в этих настройках, он прекрасно работает, нужно только выделить фрагмент, который требуется подсветить в комментариях или статье Вордпресс, например так:

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

В поле «Разное» можно настроить:

  1. «Показывать номера строк» — ставьте галочку, если хотите, чтобы слева от строк подсвеченного кода показывалась их нумерация
  2. «Показывать панель инструментов» — ставьте галочку, если хотите, чтобы при наведении на окно кодом, появлялась панелька с тремя кнопками, позволяющими, во-первых, скопировать чистый фрагмент из всплывающего окна, во-вторых, скопировать его в буфер обмена и, в-третьих, вывести его на печать
  3. «Автоматически делать URL «кликабельными»» — при установленной галочке можно будет перейти по всем ссылкам, включенным в область с кодом, просто щелкнув по ним мышью. Это будет работать и в комментариях, и в статьях.
  4. «Сворачивать окно» — при установленной галочке в окне подсвечиваемого кода будет показана только его часть, а для просмотра полного варианта нужно будет щелкнуть по специальной ссылке. Можно активировать эту опцию, если вы планируете вставлять в статьи своего блога большие фрагменты
  5. “Использовать легкий режим — лучший выбор для однострочного фрагмента — при установленной здесь галочке не будут отображаться номера строк и всплывающая панелька с тремя кнопками.
  6. «Wrap long lines (disabling this will make a scrollbar show instead)» — если галочка установлена, то длинная строка будет переноситься на следующую строку с показом иконки переноса. В противном случае, в окне с подсветкой кода появится горизонтальная прокрутка

В поле «Номер начальной строки» можно назначить номер первой строки по умолчанию, а в поле «Размер табуляции», соответственно, размер знака табуляции в окне с подсветкой кода. Не забудьте сохранить проведенные изменения настроек плагина SyntaxHighlighter, нажав на кнопку «Сохранить изменения».

Что примечательно, все внесенные изменения после нажатия сохранения тут же отобразятся в админке (в окне под названием «Предпросмотр»). Как вы, наверное, уже поняли из приведенного выше примера использования данного расширения, его применение весьма простое.

Нужно всего лишь заключить код в статье или комментариях WP в специальные теги с квадратными скобками:

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

Какие именно языки поддерживает плагин SyntaxHighlighter вы можете увидеть на странице плагина.

Comment Form Quicktags — расширение функционала комментариев в WordPress

Данный WP плагин позволяет добавить кнопки для оформления текста комментария такие как: выделение жирным, курсивом или зачеркиванием, добавление ссылки, выделение кода, вставка цитаты и т.п. Он достаточно легок и прост в настройках. Скачать Comment Form Quicktags можно отсюда.

  1. распакуйте архив с плагином для Вордпресс comment-form-quicktags.1.2.1.zip , используя ftp клиент подключитесь к вашему сайту и загрузите папку comment-form-quicktags в папку с плагинами для WordPress wp-content/plugins/
  2. войдите в админку wordpress и выберете вкладку «Плагины»- «Inactive»
  3. найдите строку с Comment Form Quicktags и активируйте его

Теперь заходим в админку и выбираем из левого меню «Параметры» -> Comment Form Quicktags. На этой странице вы можете настроить, какие именно возможности форматирования текста комментариев будут доступны посетителям вашего блога.

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

  1. Выберите тэг (вкладку, например, «Вставка кода», как на приведенной выше картинке), чтобы его отредактировать или введите ID (в соответствующее поле «ID»), если хотите добавить новый тег
  2. Отредактируйте другие поля (в поле «Надпись (название)» вводите желаемое название вкладки)
  3. Нажмите кнопку «Правка/Добавить»
  4. Задайте порядок кнопок с тэгами в форме добавления комментария простым их перетаскиванием прямо в окне настройки (очень удобная возможность)
  5. Нажмите кнопку «Обновить», чтобы сохранить проведенные настройки

Теперь давайте настроим подсветку кода в комментариях WordPress средствами плагина SyntaxHighlighter Evolved. Для этого нужно будет внести изменение в настройку тега (вкладки) «Code».

Щелкаете по вкладке «Code» на странице настроек Comment Form и для начала переименовываете название вкладки, например, в «Вставка» (в поле «Надпись (название)»).

А вот в полях «Открывающий тэг» и «Закрывающий тэг» прописываете, например, [рhp] и [/рhp]. Теперь нужно нажать на кнопку «Правка/Добавить», при необходимости перетащить вкладку мышью на другое место в форме комментария и не забыть нажать на кнопку «Обновить» для окончательного сохранения настроек.

Как написано на странице настроек, данное расширение поддерживает следующие тэги:

На их основе можно создавать новые вкладки над полем для ввода текста комментариев в WordPress. Пример использования этого WP плагина вы можете увидеть у меня в комментариях.

Про Comment Toolbar и Qip Smiles читайте в этой статье.

Comment Toolbar добавляем в комментарии WordPress возможность ответа и цитирования

Здравствуйте уважаемые читатели блога KtoNaNovenkogo.ru. Сегодня в эфире очередной, третий по счету, выпуск Веб-обзоров. В этот раз разговор пойдет про то, где можно найти подходящий фоновый рисунок для своего сайта, а так же протестировать скорость загрузки своего сайта, про новые возможности переводчика Google и сервис, предоставляющий всю информацию о вашем или чужом блоге. Да, еще поделюсь с вами, найденными мною очень красивыми сырными RSS иконками. Приступим.

Где можно найти фон для своего сайта?

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

Мне больше пришлась по душе идея создания нужного вам фона прямо на сайте, с помощью простых инструментов, освоить которые ни у кого не составит труда. Это своеобразные конструкторы фонов для сайта, понятные и доступные практически всем. В своей практике я использую два подобных сайта — ava7patterns и Bgpatterns. Если кто-то знает еще подобные сайты, то буду очень благодарен, если вы напишите об этом в комментариях.

Расскажу про работу по настройке нужного фона на примере сайта Bgpatterns. Когда вы попадаете на главную страницу сайта, то видите две области — верхнюю и нижнюю. В нижней области вы можете посмотреть варианты фона, которые создали другие посетители данного сайта и посчитав их удачными, сохранили для общего обозрения и использования. Верхняя же область сайта, как раз и представляет собой конструктор фонов. Слева расположено окно для тонкой настройки цветовой гаммы, рисунка, текстуры и угла поворота рисунка.

Плагины Comment Toolbar и Qip Smiles — добавляем в комментарии WordPress возможность ответа, цитирования, навигации и вставки смайлов

Как и обещал в статье Плагины SyntaxHighlighter Evolved и Comment Form Quicktags — добавляем подсветку синтаксиса кода в статьи и комментарии WordPress , здесь речь пойдет о повышении удобства работы с комментариями WordPress. Этого мы будем добиваться с помощью плагинов Comment Toolbar и Qip Smiles. Плагин @ Reply в этой статье я решил не рассмотривать, т.к. его функционал (добавление возможности ответа на комментарий) полностью перекрывается плагином Comment Toolbar. С помощью всех этих плагинов мы сможем реализовать следующие возможности:

  • одним кликом вставлять цитаты из других комментариев или даже самой статьи в форму для написания комментария (плагин Comment Toolbar)
  • одним кликом вставлять имя человека, оставившего комментарий, в форму для написания комментария, для того чтобы ответить на его вопрос или задать ему свой (плагин Comment Toolbar)
  • перемещаться по комментариям последовательно или сразу же переходить к первому, либо к последнему комментарию (плагин Comment Toolbar)
  • оживить комментарии смайликами (плагин Qip Smiles)

Плагин Comment Toolbar — возможность ответа в комментариях WordPress, вставка цитаты из комментария или статьи, перемещение между комментариями

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

Плагины SyntaxHighlighter Evolved и Comment Form Quicktags — добавляем подсветку синтаксиса кода в статьи и комментарии WordPress

В этой статье из рубрики Плагины для WordPress я собираюсь рассказать вам о замечательном плагине SyntaxHighlighter Evolved, который позволяет удобно, красиво и наглядно реализовать вставку и подсветку синтаксиса разнообразного кода в текст статьи или комментарии, а так же мы рассмотрим вопрос повышения функциональности системы комментирования блога на WordPress. При этом будут рассмотрены таки плагины как Comment Form Quicktags в этой статье, а так же плагины @ Reply, Comment Toolbar и Qip Smiles в следующей статье этой серии. Эти плагины позволят нам расширить стандартные возможности комментариев и добавить в них следующие возможности:

  • одним кликом вставлять цитаты из других комментариев в форму для написания комментария
  • одним кликом вставлять имя человека, оставившего комментарий, в форму для написания комментария, для того чтобы ответить на его вопрос или задать ему свой
  • перемещаться по комментариям последовательно или сразу же переходить к первому, либо к последнему комментарию
  • посетители блога смогут использовать выделение жирным, курсивом и т.п. в тексте комментария
  • удобно вставлять ссылки
  • вставлять код в комментарии без потерь и в точно таком же виде как и в статьях, т.е. с использованием оформления и подсветки кода при помощи плагина SyntaxHighlighter Evolved
  • оживлять комментарии смайликами

Плагин для подсветки синтаксиса кода в WordPress — SyntaxHighlighter Evolved

Как я уже говорил, замечательный плагин. Вы можете посетить сайт автора плагина SyntaxHighlighter Evolved или же скачать его сразу на официальном сайте плагинов WordPress. Для этого плагина существует русификация, которую вы можете скачать по этой ссылке — русификация SyntaxHighlighter Evolved. Правда, это русификация для версии 2.2.1, но она у меня прекрасно работала на версии SyntaxHighlighter Evolved 2.3.3.

HTML для начинающих: создание списков (теги UL, OL и LI), теги акцентирования (H1 -H6, STRONG, EM), теги абзаца P и перевода строки BR

Здравствуйте, уважаемые читатели блога KtoNaNovenkogo.ru. В эфире очередная статья из рубрики HTML, CSS, PHP, MySql – изучение и применение на практике, в которой мы продолжим разговор о тегах HTML. В двух предыдущих статьях, посвященных теме HTML тегов (HTML для начинающих: типы верстки, теги, атрибуты, параметры атрибутов, определение цвета на экране и HTML для начинающих: тег IMG для работы с изображениями, тег «A» для создания ссылок) были рассмотрены основы работы с тегами, их синтаксис и составные части. Во второй статье мы подробно рассмотрели все аспекты работы с тегом IMG, позволяющим вставлять изображение в HTML код, а так же тегом «A», с помощью которого создаются ссылки. В этих двух статьях были освещены следующие вопросы:

Сегодня мы рассмотрим новые теги и их атрибуты, которые вы так же часто будете использовать в своей работе над сайтом. Это теги, позволяющие создавать нумерованные, ненумерованные и встроенные списки (UL, OL, LI), а так же, так называемые, теги акцентирования (H1 -H6, STRONG, EM) и теги выделения абзаца (тег P) и перевода строки (тег BR). Без знания этих тегов очень трудно будет продуктивно работать над дизайном сайта. Эти теги активно используются как при написании и оформлении статей, так и в оформлении шаблона, используемого на сайте. Особое внимание надо уделить тегам акцентирования, т.к. заключенный в них текст имеет для поисковых систем гораздо большее значение, чем остальной текст статьи (Внутренняя оптимизация сайта).

Кнопки «Ответить» и «Цитировать» в комментариях

Приветствую! Как и обещал в прошлый раз сегодня речь пойдет про кнопки «Ответить» и «Цитировать» в конце каждого комментария. Если помните, то недавно я писал про древовидные комментарии. К такому повороту событий я не был готов и получилось так, что сам себе подложил свинью 😀

К счастью, вовремя отредактированный robots.txt исправил ситуацию. Только вчера из индекса Google была удалена последняя страница дублированного контента. В итоге я получил небольшую встряску, которая продолжалась четыре дня.

Древовидную структуру отменил, но дабы не нарушать функциональности комментирования установил плагин Comment Toolbar. Он выводит кнопки «Ответить» и «Цитировать» под каждым комментарием.

Установка достаточно проста и не требует особых знаний. После активации плагина в консоли появится соответствующий раздел Comment Toolbar, в котором есть возможность настроить вывод кнопок цитирования и ответа. Плагин русифицирован, правда не полностью, а частично.

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

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

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

Итак, при переходе в настройки плагина видим следующее:

Обратите внимание на скриншот — в настройках плагина я выбрал в пункте Выравнивание тулбара: по CSS-настройкам, а для кнопок «Ответить» и «Цитировать» задал стиль CSS:

Теперь пару строк о валидности кода плагина, а точнее о противоположном. Исходный код вызывает ошибки… и мне, как любителю «правильного» кода, эта ситуация крайне не нравится. Ну что же, на все найдется решение, если очень захотеть 🙂

Чтобы избежать ошибок валидации нужно в файле cf_comment_toolbar.php в папке установленного плагина найти строчку

и заменить ее на

Т.е. простая замена тега span на div решает проблему. Очень жаль, что разработчики плагинов не заботятся о валидации, в итоге все приходится допиливать вручную.

Добавление кнопки «ответить» без использования плагина

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

В файл functions.php необходимо добавить код:

Затем создайте файл скрипта, например, назовите его reply.js и вставьте в него следующее содержимое:

После чего подключите его в заголовке либо в подвале сайта. Дело за малым — настроить внешний вид кнопки с помощью CSS для класса replys . Это может быть полноценная кнопка с фоном и границами или в виде обычной ссылки, как у меня:

При нажатии на кнопку страница прокрутится к форме ответа на комментарий, а в текстовое поле textarea добавится имя пользователя к которому обращаетесь. После имени я сделал добавление запятой и пробела, что соответствует правилам пунктуации в русском языке при обращении.

Ну вот и подошел к концу очередной пост, скоро будет следующий. Подписывайтесь, если не хотите пропустить!

Урок 27 Плагин WP Comment Quicktags Plus: расширяем функциональность комментариев в WordPress

Здравствуйте, сегодня мы разберем плагин WP Comment Quicktags Plus, который расширяет функциональность комментариев в WordPress. Плагин довольно полезный и может выполнять следующие функции:

  • Выделение комментария жирным, курсивом
  • Вставка кода
  • Удобный способ вставки ссылки
  • Возможность цитировать других комментирующих.

Плагин WP Comment Quicktags Plus: установка

  1. Скачиваете плагин WP Comment Quicktags Plus. Вы также можете посетить страницу плагина.
  2. Устанавливаете и активируете его;
  3. Теперь открываете файл темы WordPress comments.php и в нем нужно найти строку, похожую на эту:

У меня эта строка выглядит так, у Вас может несколько отличаться.

  • Перед строкой, которую я дал выше, вставляем следующую строку:
  • Проверяем работу плагина: для того, чтобы текст стал жирным, курсивом и т.п., нужно выделить необходимый текст и нажать соответствующую кнопку. В итоге появятся теги (, и т.д.), которые принадлежат тому или иному стилю форматирования текста:
  • Смотрим результат:
  • Как видите плагин WP Comment Quicktags Plus работает вполне нормально и правильно (если у Вас вышли крякозабры — читайте конец поста).
  • Вывод кнопки “Цитата” с помощью плагина WP Comment Quicktags Plus:

    Можно вывести в область комментариев кнопку “Цитата”. Не знай как Вам, но мне эта кнопка очень нравится: позволяет вставить цитату, особенно это полезно, когда на блоге оставляют длинный комментарий и можно с помощью данной кнопки ответить конкретно к каждому пункту.

    Сейчас я Вам покажу, как это можно сделать.

    1. Откройте файл comments.php
    2. Перед следующей строкой:
    3. Добавьте в нужном месте вот такой код:
    4. Результат Вы можете видеть прям в этом блоге. Достаточно навести мышку в область информации автора и комментария:

    P.s. Чтобы цитировать то или иное выражение, достаточно выделить его и нажать на кнопку ЦИТАТА. В результате цитата окажется в форме отправки комментария.

    Решение всевозможных проблем

    Вопрос: Помогите! У меня не работает плагин WP Comment Quicktags Plus! Вместо русских слов (жирный, курсив и т.п.) выходят крякозабры! Что делать?!

    Ответ: Добавьте в файл .htaccess следующий код:

    и будет Вам счастье.

    Информация для новичков, которые создают свой блог на WordPress с самого начала с помощью этих уроков: в скором времени (планирую на этой или следующей неделе) мы перенесем наш блог в интернет. Кто не успевает за уроками, желаю догнать нас, а чтобы не пропустить свежие уроки, я доставляю их мгновенно с помощью RSS-ленты.

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

    До встречи на следующих уроках WordPress!

    ___________________________________
    Следующий урок: Урок 28 Как создать страницу “Контакты”.

    PHP-функция для WordPress «Ответ на комментарий %username%»

    Я придумал и реализовал очередную полезную фигнюшку для WordPress ツ

    Мне очень давно не хватало в WordPress нижеследующих двух простых и, вроде бы, банальных вещей, которые разработчики движка почему-то не додумаются сделать по умолчанию.

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

    Вот о чем я говорю:

    1. Если на блоге активирована опция «древовидные комментарии», было бы очень здорово в письме видеть текст о том, кому был оставлен комментарий: мне, как админу, или же кому-то из комментирующих посетителей. По тексту можно будет сразу понять, не заходя в блог, требует этот комментарий моего ответа или нет.
    2. Так же было бы здорово, если в том же самом письме будет присутствовать прямая ссылка на добавленный комментарий. Опять же это может быть в первую очередь полезно при древовидных комментах. Такая ссылка позволит не искать нужный коммент (ведь он может быть и не в конце списка комментов), а сразу же перейти к нему.

    Практика использования этих двух «добавочек» на данном блоге показала, что это весьма полезные штуки. Я уже привык к ним, и в других моих блогах таких функций мне теперь не хватает.

    Код PHP-функции

    Реализация обоих вещей оказалась довольно простой (эту функцию необходимо запихнуть в файл functions.php вашей темы, если файла нет, то создать его, не забыв добавить и ?> соответственно в начале и в конце файла):

    Пожалуй, единственное, на что стоит обратить внимание в этом коде, строка:

    где цифра 1 — это идентификатор пользователя. Думаю, в большинстве случаев он будет таким же.

    Как выглядит результат

    Соответствующий текст добавляется к конце письма, и выглядит это примерно следующим образом (кликабельно):

    Если это ответ на коммент кого-то из посетителей, то видим текст «В ответ на комментарий пользователя: %username%». Если же это ответ на коммент админа, то текст будет таким: «Это ответ на мой комментарий.» Текст, естественно, можно заменить на какой-то другой.

    Плюсом я еще перед прямой ссылкой на комментарий добавил напоминалочку «необходимо одобрить«, если комментарий ожидает модерации.

    wp_list_comments() WP 2.7.0

    Выводит комментарии записей (постов, страниц). Функция может принимать ряд параметров и используется в шаблоне для вывода списка комментариев к посту/странице. Некоторые из параметров можно настроить в админ-панели.

    Перед этой функцией должна быть вызвана функция comments_template(), которая получает комментарии для вывода из базы данных. Если этого не сделать, то нужно указать второй параметр $comments иначе функция не выведет ничего.

    Хуки из функции
    Возвращает

    HTML/null. HTML списка комментариев, когда параметр echo=1 . Null, когда параметр echo=0 .

    Шаблон использования

    Использование

    Аргументы параметра $args

    В каком виде выводить список комментариев. Может быть div , ol или ul . Имейте ввиду, что сам список нужно оборачивать вручную:

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

    end-callback(строка) Название произвольной функции, которая будет закрывать каждый комментарий. Указанная тут функция будет вызываться при закрытии каждого комментария. Она должна выводить закрывающий тег

    Количество комментариев на странице. Работа этого параметра не так проста:

    Если параметры page или per_page переданы и они не равны тем что указаны в $wp_query : get_query_var(‘cpage’) и get_query_var(‘comments_per_page’) , то будет создан отдельный запрос на получение всех комментов текущей записи и комментарии будут разделены на страницы пагинации.

    Если указать пустую строку ” и опция get_option( ‘page_comments’ ) включена, то этот параметр будет равен опции get_query_var( ‘comments_per_page’ ) .

  • Если параметр пустой (empty), то параметры per_page и page выставятся в 0 ;
  • Таким образом, когда нужно вывести все комментарии (без разбивки на страницы пагинации) указывает параметр: per_page=0 и page=1 .

    По умолчанию: 50

    echo(логический) Выводить код на экран или возвращать для обработки.
    По умолчанию: ‘true’

    #1 Использование по умолчанию

    Выводит список комментариев. Используется в файле шаблона comments.php. Наличие древовидности и пагинации у комментариев контролируется через админ-панель Опции->Обсуждение .

    #2 Вывод комментариев с использованием пользовательской функции

    Для настройки внешнего вида каждого комментария, можно использовать параметр callback в который указать название функции, а затем создать эту функцию с нужным кодом (выводом):

    Мы выводим список комментариев (type=comment), т.е. это не пинги, а так же используем свою функцию формирующую внешний вид комментария ( callback=mytheme_comment ). Функцию mytheme_comment нужно описывать отдельно, можно в файл functions.php или прям в том же файле, где находится этот код (обычно это comments.php).

    callback функция содержит только открывающий тег
    и он не должен закрываться. Подробнее см. в описании параметра.

    #3 Вывод комментариев для определенного поста

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

    Блог Виталия Кириллова | Все о создании,
    продвижении сайтов и заработке в интернете

    Создание и продвижение сайтов, заработок в интернете

    Как добавить форму комментариев на страницы WordPress

    Всем привет! Сегодня на SEO-Mayak.com мы продолжим настраивать WordPress и узнаем, как добавить форму комментариев на страницы.

    Вы наверное раз заходили к кому-нибудь на страничку «Обо мне» или «О Блоге» или на другие информативные страницы, где авторы пишут о себе и о своем проекте

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

    Не зря же у Яндекса для индексации комментариев работает отдельный робот — YandexBlogs. О роботах Яндекса я писал в статье «Файл robots.txt — запрет индексации для Яндекса и Google. Создание правильного robots.txt для WordPress»

    И все же, почему там случается, почему нет формы комментариев на страницах? Все очень просто. Во всех шаблонах WordPress есть функция вывода формы комментариев к записям, а вот странички часто не заслужено «обижают», но поправить это можно и даже нужно.

    Вот и у меня наконец дошли руки, чтобы добавить форму комментариев на страничку «Обо мне». Чем мы сейчас и займемся.

    Как добавить форму комментариев на страницы

    На самом деле, чтобы вывести форму комментариев на страничках блога, ничего сверх сложного делать не придется.

    За вывод функции комментариев отвечает следующий код:

    Точно такой же код выводит форму комментариев и в записях.

    Для редактирования файлов советую, вместо встроенного редактора WordPress, пользоваться текстовым редактором Notepad++ .

    Редактировать файлы следует не на самом сервере, а в скачанной с помощью FTP клиента на свой домашний компьютер полной копии блога. Как это делается я подробно описывал в статье «FTP клиент Filezilla»

    Если открыть файл single.php, отвечающий за раздел, в котором выводятся все записи нашего блога, то можно посмотреть, где расположен код. Находится файл single.php в папке с нашей темой: wp-content -> themes -> название темы -> single.php

    Вот он «родной», подчеркнутый красным.

    И теперь нам надо вставить этот код в другой файл, который отвечает за страницы блога и называется он page.php. Путь к нему выглядит также.

    Открываем для редактирования файл page.php и ищем в нем знакомую строчку:

    И перед ней вставляем код вывода формы комментариев:

    Сохраняем любуемся только что проделанной работой.

    Но сразу же возникает другая проблема. Появляется форма комментариев на страничке с картой сайта, обратной связью и так далее, которая в принципе там не нужна.

    Да уж проблема! Да не проблема это вовсе, просто на этих страницах надо отключить комментирование.

    Как это сделать? Да очень просто. Идем админка блога -> все страницы -> карта сайта и в левом верху ищем вкладку «Настройки экрана»

    Нажимаем и сверху выпадет панель с настройками:

    Где на надо поставить галочку возле строчки «Обсуждение».

    Далее обращаем свое внимание на появившийся в низу, сразу после окна редактора WordPress, одноименный раздел.

    В котором мы просто убираем галочку возле строчки «Разрешить комментарии». Сложного ничего нет, только теперь надо проделать данную процедуру со всеми страницами, где комментарии придутся не к месту.

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

    В будущем будут еще выходить статьи связанные с повышением функционала комментирования, так что советую подписаться на обновления блога

    Стилизируем комментарии в WordPress. Часть 2

    Опубликовано: ADv Дата 04.10.2013 в рубрике Своя тема Комментировать

    Выделяем комментарии автора записи блога

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

    Некоторые же шаблоны ВП используют свои собственные функции вызова для вывода комментариев. Используя функцию вызова эти темы могут добавлять дополнительную информацию комментарию автора записи. К примеру, Twenty Twelve использует следующую строку в функции вызова комментариев twentytwelve_comment() (расположена она в файле functions.php темы).

    Этот код добавляет

    в мета-информацию комментария. В зависимости от того, как ваша тема WordPress обращается к комментарию автора записи, вы можете изменять код по необходимости.

    Если вы используете тему, отличную от указанной Twenty Twelve, то вам понадобиться выяснить как она обращается к комментариям. Просто откройте файл comments.php вашего шаблона. Если он использует собственную функцию вызова, то вы увидите ее внутри функции wp_list_comments, примерно так:

    В примере выше вы видите, что тема использует twentytwelve_comment в качестве функции вызова. Если она указана непосредственно, то наиболее вероятное расположение ее — в файле functions.php шаблона.

    В следующем примере мы изменяем эту функцию для вывода Редактора, а не автора записи. Для этого мы изменяем функцию вызова комментариев на такую:

    Мы также изменим внешний вид, добавив следующий код в файл style.css нашей темы, вот так:

    Вот как это будет выглядеть в итоге:

    Стилизируем ссылку «Ответить на комментарий»

    Большинство тем WordPress располагают ссылкой ответа на комментарий по каждым из них. Этот функционал отображается только если у вас включены древовидные комментарии. Для их активации перейдите в раздел административной панели WordPress (Настройки » Обсуждение). Найдите раздел «Другие настройки комментариев» и отметьте галочкой пункт «Разрешить древовидные (вложенные) комментарии глубиной хх уровней».

    Стандартные классы, генерируемые WordPress для ссылки ответа, это reply и comment-reply-link. Мы будем использовать эти классы для модификации ссылки ответа и оборачивания ее в кнопку на CSS.

    Вот как это будет выглядеть в итоге:

    Стилизируем кнопку редактирования комментария

    В большинстве тем WordPress залогиненые пользователи с правами редактирования комментариев видят ссылку редактирования комментария внизу каждого из них. Вот небольшой код CSS, который использует стандартный класс comment-edit-link для стилизации внешнего вида ссылки.

    А вот как это будет выглядеть в итоге:

    Стилизируем ссылку отмены ответа на комментарий

    У большинства приличных шаблонов WordPress при клике на кнопку Ответить открывается форма комментирования сразу под тем комментарием, на который вы собираетесь ответить со ссылкой для отмены этого самого ответа. Давайте изменим эту ссылку, используя стандартный CSS ID cancel-comment-reply.

    А вот он и результат:

    Надеемся, что статья помогла вам оформить внешний вид отображения ваших комментариев на сайте. Если есть какие-либо вопросы или предложения, то пожалуйста оставляйте их в комментариях ниже.

    Как лучше выводить комментарии в шаблоне WordPress?

    2013-04-09 / Вр:19:54 / просмотров: 15199

    Привет всем, кто читает мой блог. Хочу вам рассказать из жизненного опыта, как лучше выводить или создавать комментарий в существующей теме шаблона WordPress.
    Теперь немного истории. Садитесь по удобней.
    Я создаю шаблоны для CMS WordPress. Всегда выводил комментарий обычным мне методом, потому что это было быстро и без лишних файлов. Достаточно было поставить в файле шаблона single.php и page.php вот такой код:

    комментарии выводились без проблем. Но тут я увидел в таком методе вывода комментариев маленький косяк, который вывел меня из равновесия и чувства удовлетворенности .
    Это фраза в комментариях:
    6 комментариев на «“ Как изменить интерьер квартиры без перестановок ”» .

    Как убрать никому не нужные лишние кавычки ( «“ ….. ”» )?
    Убираются эти лишние кавычки ( «“ ….. ”» ) обычным, легким методом, о котором я сейчас вам и расскажу.

    Как убрать лишние кавычки в комментариях?

    Если в теме WordPress нет файла «comments.php», тогда перетащите готовый файл «comments.php» с папки «theme-compat» и перекиньте в шаблон темы.
    Путь к файлу «comments.php»: /wpincludes/themecompat/ comments.php.
    Путь к вашей теме шаблона: /wpcontent/themes/папка с темой шаблона.

    Теперь в теме шаблона появился файл “comments.php”, в котором можно делать исправление, редактирование формы и вывода комментариев.
    Исправляем ошибку.
    найдите в коде строку 27, вот такой код:

    Уберите с кода вот этих два символа :

    Вуаля, кавычки исчезли.

    Казалось бы – все, но нет, нашелся еще один косяк, это вывод в комментариях двоеточий – « : ». После пару ударов головой об клавиатуру, я понял, что таким методом проблема не решится. Я принялся за поиск решений проблем.

    Для решения этой проблемы откройте файл «functions.php» и допишите такой код:

    Теперь откройте файл “comments.php” и найдите этот код:

    замените его на этот:

    Вот и решена еще одна проблема.

    Как увеличить размер аватара?

    Раз уж мы установили этот код в файл «functions.php», тогда давайте еще выжмем с него одну возможность. Возможность указать параметры увеличения и уменьшения размера аватара в комментариях.

    Найдите в коде такие строчки:

    добавьте размер аватара ‘avatar_size=80’ .

    Естественно, я взял размер «80» только для примера, вы можете с размером смело экспериментировать.
    Надеюсь, я вас не запутал. Даже если и запутал, всегда есть комментарий в конце поста, где вы можете задать мне вопрос .

    Как увеличить размер аватара обычным способом?

    Если вы не делали всех действий, что я расписал вверху, и вас все устраивает, тогда сделайте такие действия:
    Откройте файл «comments.php» .
    Найдите в коде список комментариев, который выводится функцией

    К этой функции укажите число размера аватара.

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

    Ссылка на основную публикацию
    19 апреля 2010 –>