Создание 2-х колоночного шаблона WordPress. Часть 9. Комментарии

Создание 2-х колоночного шаблона WordPress

Когда я говорил от том, что в шаблонах вордпресс нет отдельного дизайна для внутренних страниц, то немного лукавил. Некоторое отличие все же есть, ибо на «сингловой» (single.php) странице с отдельно-взятым постом прикреплены комментарии, которых не видно на главной странице сайта. Вот как раз оформление этих самых комментариев и формы для их добавления мы сегодня разберем.

За вывод комментариев отвечает файл comments.php. Прикрепляется он к сингловой (иногда к индексной, как в нашем шаблоне) странице при помощи такой вставки:

<?php comments_template(); ?>

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

В файле comments.php есть свой заголовок второго уровня:

<h2 id="comments"><?php comments_number(__('No Comments yet'), __('1 Comment'), __('% Comments')); ?>

в котором мы, как и прежде, исправим английский текст на русский:

<h2 id="comments"><?php comments_number(__('Нет комментариев'), __('1 комментарий'), __('Комментариев (%)')); ?>

Далее идут подряд две ссылки на rss-фид комментариев и на трэкбэк к посту.

Лирическое отступление.

Что есть трэкбэк? В двух словах это ссылка, которую любой другой блоггер может скопировать и вставить у себя в посте, если например он пишет пост на ту же тему, что и вы. Тогда у вас в комментариях появится автоматический коммент-цитата, с небольшим куском текста с того, другого блога. Изначально сделано это было ради пользы блоггерской, чтобы любой читатель мог глянуть в комменты и сказать: «О! У того парня тоже че-та по этой теме есть. Пойду гляну..».
В настоящее время этим инструментом злоупотребляют спамеры и говноблоггеры. Ведь что может быть проще — накатал у себя что-то и дал трэкбэковую ссылку на серьезный и уважаемый блог. А там появится обратная сссылочка.
В виду сего безобразия некоторые блоггеры просто отключают данную функцию в своих блогах. Это легко можно сделать в админской. Кто-то выделяет трэкбэки в отдельный список и обрамляет их ноуфоллами и ноиндексами. В общем, штука любопытная. Кстати, трэкбэком может служить и просто ссылка, взятая из заголовка поста.

Далее в файле comments.php начинается сам ряд комментов, оформленный нумерованным списком <ol></ol>

<ol id="commentlist">

В нашем случае этот список оформлен нетипично: комменты через одного меняют цвет фона. Это удобно на самом деле. Сразу четко и визуально можно отделить один коммент от другого. Как это реализовано? А вот при помощи такого куска кода:

<?php $i++; /* For different background colors */
($i % 2 == 1) ? $bg_comment = 'class_comment1' : $bg_comment = 'class_comment2';
?>

Соответственно, в листе стилей CSS для коммента_1 и коммента_2 заданы различные фоны:

.class_comment1 { background: #E9E9EA; border: 1px solid #E0DEDE; }
.class_comment2 { background: #F4F3F3; border: 1px solid #E0DEDE; }

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

Практически в самом низу файла расположен код формы для добавления комментариев. В форме для заполнения существуют:

1. Три строки для ввода соответственно имени, мыла и адреса сайта. Первые два обязательны для заполнения, последняя — по желанию.
2. Поле для ввода непосредственно комментария.
3. Кнопка для отправки комментария.

Строки и поля по обыкновению имеют собственные id, к которым в листе стилей CSS можно применять любое оформление.

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

В описаниях к строкам и кнопке отправки также меняем английский текст на русский. Однако будьте осторожны! Не все английские слова можно править на русские. Не «исправьте» ненароком части самого php кода.

Например, в строке:

<label for="author"><small>Name <?php if ($req) _e('(required)'); ?></small></label></p>

вы можете смело заменить слово Name на слово Имя, но больше ничего тут трогать нельзя.

В строке кода кнопки:

<p><input name="submit" type="submit" id="submit" tabindex="5" value="Submit Comment" /></p>

вы можете заменить Submit Comment на слово Отправить. Не теряйте кавычки!

Парочка советов напоследок:

1. Если вы хотите, чтобы ваш блог комментировали охотнее, не поленитесь поставить специальный плагин subscribe-to-comments — подписка на новые комментарии.

При этом, если сразу после кнопки «Отправить» у вас не появится дополнительное окошко для установки галки, то в файле comments.php необходимо будет сразу после кода кнопки добавить такой кусок кода:

<?php show_subscription_checkbox(); ?>

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

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

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

В качестве заключения:

На этом цикл статей по созданию собственного шаблона под Вордпресс можно считать завершенным.

Основные вещи, не вдаваясь в подробности, я по возможности раскрыл.

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

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

Enjoy!

Создание 2-х колоночного шаблона для Вордпресс. Часть 1. Рисуем макет
Создание 2-х колоночного шаблона для Вордпресс. Часть 2. Состав шаблона
Создание 2-х колоночного шаблона для Вордпресс. Часть 3. Шапка
Создание 2-х колоночного шаблона для Вордпресс. Часть 4. Шапка (продолжение)
Создание 2-х колоночного шаблона для Вордпресс. Часть 5. Контент
Создание 2-х колоночного шаблона для Вордпресс. Часть 6. Контент (продолжение)
Создание 2-х колоночного шаблона для Вордпресс. Часть 7. Сайдбар (Навигация)
Создание 2-х колоночного шаблона для Вордпресс. Часть 8. Подвал
Создание 2-х колоночного шаблона для Вордпресс. Часть 9. Комментарии

03.09.2008

Автор: Игорь Квентор
www.websovet.com

Если статья оказалась для вас полезной, пожалуйста, поставьте свою оценку и поделитесь в соцсетях:

1 Star2 Stars3 Stars4 Stars5 Stars (Вы еще не оценили)
Загрузка...

Похожие записи:

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

Оставить комментарий: