Взломайте совместно созданный пользователем канал ссылок с комментариями WordPress

Хотя WordPress имеет * очень * обширную коллекцию плагинов, время от времени появляются вещи, для которых нет доступных подходящих плагинов (пока). Когда я создавал PSDTUTS, я думал, что было бы здорово, если бы у пользователей был способ отправлять ссылки и создавать из них общедоступный канал ссылок. Сегодня я покажу вам, как я взломал метод, используя комментарии WordPress.

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

Грубый план действий

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

1. Сначала мы создадим специальную запись в нашем блоге, в которой будут краткие инструкции
2. Затем мы отредактируем файл comments.php, чтобы при появлении этого специального сообщения комментарии отображались по-другому.
3. В этих комментариях мы изменим форму обычных комментариев, чтобы они были помечены так, чтобы поля соответствовали отправке ссылки.
4. Затем мы изменим способ отображения комментариев как в записи, так и в комментариях RSS, чтобы это имело смысл
5. Наконец, мы сделаем немного кода, чтобы получить последние 10 ссылок и поместить их в боковую панель.

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

Шаг 1 — Создать сообщение

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

И вот это на сайте AUDIOTUTS :

Теперь важно выяснить, что такое ID сообщения для нашего сообщения. Вы можете понять это, отредактировав только что созданную запись и посмотрев URL-адрес страницы редактирования записи. URL моего редактируемого сообщения «http://audiotuts.com/wp-admin/post.php?action=edit&post=3», поэтому идентификатор сообщения равен 3!

Шаг 2 — Редактировать Comments.php

Далее мы собираемся изменить наш файл comments.php, чтобы найти пост с идентификатором 3 и сделать комментарии этого поста разными. Обратите внимание, что если вам интересно узнать больше о файле comments.php, у нас есть отличное руководство по NETTUTS под названием Unraveling the Secrets of Comments.php , с которого можно начать.

Таким образом, в основном мы собираемся добавить большой оператор if, и если идентификатор публикации не равен 3, тогда мы будем делать наши обычные комментарии, а если это 3, то мы изменим способ их отображения И как выглядит форма , Вот мой файл comments.php для AUDIOTUTS (обратите внимание, что я закомментировал обычные комментарии, чтобы сделать его более понятным в отношении канала ссылок)

Итак, давайте проанализируем наш код в двух частях: сначала форма, а затем отображение комментария.

Шаг 3 — Изменение формы комментария

По умолчанию есть четыре поля формы, которые WordPress использует для ввода комментариев:

1. автор
2. Эл. адрес
3. URL
4. Комментарий

Чтобы получить ссылку, нам нужно три вещи:

1. Название ссылки
2. URL
3. Ссылка Описание

Итак, мы сопоставим четыре поля формы с нашими тремя требованиями следующим образом:

1. Поле автора> Название ссылки
2. URL> URL
3. Комментарий> Описание ссылки

А для поля электронной почты мы изменим его на скрытое поле формы и присвоим ему значение «[email protected]», что значительно облегчит обнаружение ссылок при их утверждении при утверждении комментариев. ,

Итак, вот форма, которую я использую:

Как видите, у нас есть три поля <input type = «text»> и одно <input type = «hidden»> для адреса электронной почты. И хотя в HTML эти поля ввода по-прежнему имеют свои обычные идентификаторы (автор, URL, комментарий), в тексте видно, что пользователь видит, что они помечены как заголовок ссылки, URL и описание ссылки. Так что форма выглядит так:

Шаг 4 — Отображение предыдущих ссылок

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

Итак, вот что мы делаем

1. Сначала мы проверяем, есть ли какие-либо комментарии
2. Если есть, то мы сгенерируем упорядоченный список <ol> записей
3. Для каждого комментария мы публикуем элемент <li> с:
   1. Имя связанного автора — помните, что мы использовали эти поля, так что это будет заголовок ссылки, связанный с URL
   2. Текст комментария — или другими словами описание нашей ссылки.

Шаг 5 — Обновление комментариев RSS

Самое замечательное в использовании комментариев заключается в том, что по умолчанию для каждого сообщения WordPress есть RSS-канал. URL — это просто адрес поста, за которым следует «/ feed». Так что в нашем случае это: http://audiotuts.com/general/user-link-feed/feed/

Единственная проблема заключается в том, что по умолчанию при форматировании комментариев RSS создается лента, которая выглядит следующим образом (в Safari):

Итак, есть три проблемы:

1. Название канала: «Комментарии: канал ссылок пользователя»
2. Название ссылки гласит: «По: …»
3. Ссылка не идет на URL, она возвращается к AUDIOTUTS

Таким образом, чтобы решить эти проблемы, мы должны отредактировать шаблон канала. Итак, мы идем в нашу установку WordPress в /wp-includes/feed-rss2-comments.php , который является файлом шаблона для комментариев RSS. Вот что файл содержит в нем по умолчанию (в WordPress 2.5.1):

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

к этому:

Тогда мы изменим строку 42 из этого:

к этому:

В обоих случаях мы просто удаляем лишние слова — «Комментарии к:» и «От:» — чтобы канал имел больше смысла. Так что это было довольно легко. Следующий бит немного сложнее, потому что нам нужно изменить, куда указывает URL. Теперь он указывает на сообщение, чтобы пользователь мог следить за комментариями к этому сообщению. Поскольку этот шаблон управляет * всеми * комментариями RSS-каналов, мы не хотим нарушать эту функциональность, поэтому нам нужен оператор if следующим образом:

Итак, здесь мы просто проверяем, имеет ли пост идентификатор 3 (который в нашем примере является идентификатором поста фида пользовательских ссылок), и если это так, мы публикуем URL, а если нет, то делаем обычную функцию comment_link () , Итак, окончательный шаблон RSS выглядит так:

И в результате наши комментарии RSS-ленты теперь выглядят так (для ленты ссылок пользователя и обычного сообщения):

Шаг 6 — Отображение последних 10 элементов на боковой панели

Далее нам нужно отобразить наши последние 10 пунктов на боковой панели. Вот небольшой кусочек кода для этого:

 <? PHP
 $ comment_array = array_reverse (get_approved_comments (3));
 $ count = 0; 
 ?>

 <ul class = "linkfeed"> 
	 <?  foreach ($ comment_array как $ comment) {?>
		 <?  if ($ count ++ <= 10) {?>
			 <li> <? php comment_author_link ();  ?> <br /> <? php comment_text ();  ?> </ Li>
		 <?  }?>
	 <?  }?>
 </ UL>

Итак, вы можете увидеть здесь мы:

1. Получение всех утвержденных комментариев из поста с идентификатором записи = 3 в виде массива и их обращение в обратном порядке, чтобы сначала получить самые последние комментарии
2. Затем мы создаем элемент <ul> и для каждого комментария в массиве до 10 мы печатаем элемент <li> со ссылкой, заголовком и описанием.

И немного стилизации вот как выглядит результат:

Законченный!

Итак, это все! Я также люблю записывать канал через Feedburner, чтобы отслеживать количество подписчиков. Пока что это была довольно полезная функция: здесь, в NETTUTS, у нас около 150 подписчиков на канал ссылок, в PSDTUTS у нас около 500. Таким образом, это хороший способ сообщить сообществу о новых ссылках и регулярно поддерживать сайт. обновлено.

Я недавно заключил контракт с невероятно талантливым Джошуа Блаунтом, чтобы встроить это в плагин WordPress. Как только все будет закончено, я позабочусь о том, чтобы он выпустил его здесь, как наш первый кусочек открытого кода NETTUTS 🙂