Фев

Записи и посты wordpress, оформление записи

Главным (можно даже сказать основополагающим) понятием в системе wordpress являются записи или посты. Оно и не удивительно, если учесть, что cms предназначена для работы с блогами. Про wordpress страницы я уже практически все рассказал, самое время поговорить про записи. Как правило, они располагаются в основной части блога в поле контента, состоят из заголовка, даты, самого текста поста, а также может содержать ключевые слова, описание, теги и т.п. Рассмотрим подробнее вопрос создания и вывода записей wordpress.

Для них предусмотрен один из самых первых блоков меню с соответствующим названием, состоит из следующих пукнтов:

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

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

Пункт Добавить новую в меню Записи переключает нас сразу не текстовый редактор и служит для создания новых статей. Метки записи – это перечень всех тегов с возможностями их редактирования. Такой же раздел есть и для разделов – кликаете по ссылке Рубрики. У меня в меню вы можете видеть еще несколько пунктов – управление метками, массовое редактирование меток и автоматические метки – все это появилось в результате использования полезного плагина Simple Tags, иногда может пригодиться.

Оформление записи блога

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

Во-первых, в каждой из них в конце статьи вывожу предложение читателям подписаться на обновление блога. Размещать код нужно в файлах single.php (единичное отображение поста) и (или) index.php (главная страница) сразу после функции контента the_content.

<div class="afterpost_rss">
<noindex>Понравился пост? Подпишись на обновления блога по <a rel="nofollow" href="http://feeds.feedburner.com/WordpressInside"> <img alt="RSS wordpress inside" src="RSS-картинка" style="border: 0pt none; padding-right: 3px;" />RSS</a>, 
<a rel="nofollow" href="http://feedburner.google.com/fb/a/mailverify?uri=WordpressInside&amp;loc=ru_RU" title="Получать RSS ленту на почту"><img alt="RSS wordpress inside" src="email-картинка" style="border: 0pt none ; padding-right: 3px;" />Email</a> или <a rel="nofollow" href="http://twitter.com/sashatod"><img alt="twitter wordpress inside" src="twitter-картинка" style="border: 0pt none ; padding-right: 3px;" />twitter</a>!
</noindex>
</div>

Внимание! Хочу заметить, что в данном коде нужно заменить тексты «RSS-картинка», «email-картинка» и «twitter-картинка» на ссылки с картинкам, которые будут отображаться в блоге. Можете залить изображения на фотохостинг Picasa или свой FTP. Кроме того, нужно поменять ссылки на RSS поток и твиттер, а также задать стиль отображения для класса afterpost_rss в css.

Также для записи wordpress блога можно выводить теги и категории. Это добавит дополнительной перелинковки в пост, да и сделает его более информативным.

Разделы: <?php the_category(', '); ?>.
Теги: <?php the_tags('', ', ', '.'); ?>

Продолжая вопрос перелинковки можно еще добавить в файл отображения записи wordpress под названием single.php ссылки предыдущей и следующей записи блога. Для этого используем код:

<div class="navigation-post">
 <div style="text-align: left;"><?php previous_post_link('&larr; %link (предыдущая статья)') ?></div>
 <div style="text-align: right;"><?php next_post_link('(следующая статья) %link &rarr;') ?></div>
</div>

Связанные записи wordpress

Но и это еще не все. Самым последним пунктом оформление являются так называемые похожие или связанные записи wordpress. Реализуется данный функционал с помощью плагина Simple Tags — советую почитать статью, найдете там немного полезной информации по теме. Для работы используется специальная функция плагина st_related_posts, вот как, например, ее можно использовать.

<div class="after-post">
<?php st_related_posts('title=<span style="font-size: 13px; font-weight: bold;">Еще интересно почитать:</span>&include_page=false&exclude_tags=133&xformat=<a href="%post_permalink%" title="%post_title%">%post_title%</a> '); ?>
</div>

После вставки кода в нужное место шаблона (где-то после текста, тегов и категорий) вы увидите похожие записи wordpress. Штука полезная для посетителей и поисковых систем.

Последние и популярные записи wordpress

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

Итак, чтобы вывести последние записи блога используем функцию wp_get_archives. Для этого в шаблон добавляем код:

<ul>
 <?php wp_get_archives('type=postbypost&limit=10&format=html'); ?>
</ul>

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

Там же, кстати, найдете упоминание про популярные записи в wordpress. Их вывод можно организовать по разному, но чаще всего для этого используется плагин WP-PostViews. Как и последние, данный список используется для дополнительной перелинковки и чтобы читатели смогли быстро определиться с тематикой, полезностью вашего блога. То есть, например, кто-то заходит, видит в сайдбаре список последних и популярный записей, он ему нравится, и вуаля — у вас новый читатель. Данная задача чуть более подробна предыдущей, поэтому здесь нужно почитать статью про плагин WP-PostViews и наиболее популярные посты в блоге целиком.

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

Оцените статью:

(голосов - 47, средний балл: 5,91 из 7)

Загрузка...

Категории: Возможности; Начинающим; Шаблоны;

Теги: Simple Tags, админка wp, возможности шаблона, правка шаблона, текстовый редактор, улучшаем блог.

комментария 184 к статье “Записи и посты wordpress, оформление записи”

1 2 3 … 7 Далее →

sweatego 23.02.2010
За оформление подписки огромное спасибо, искал:)
sdxp 23.02.2010
Спасибо, давно искал такого рода инфу
minimus 23.02.2010
Simple Tags не самый лучший способ вывода похожих статей (постов). Лидером в этом сегменте является YARPP.
Tod 23.02.2010
minimus, у YARPP, конечно, больше возможностей по выбор «похожих статей», но там обращений к бд побольше. Хотя, если это не критично, то можно и его использовать. Simple Tags просто одними связными постами не ограничивается.
sweatego 23.02.2010
Simple Tags — тоже не малую нагрузку создает
minimus 23.02.2010
@Tod
Стоит у меня и то и другое … Simple Tags выдаёт по меткам и рубрикам, YARPP — по релевантности текстов, меткам, рубрикам. А запросов немного — один … Так как релевантность вычисляет БД по техтовому индексу — в этом вся фишка. Правда в официальной редакции русских стоп слов нет (у меня есть ;) ) Имея стоп-слова получается список ДЕЙСТВИТЕЛЬНО похожих статей. А в Simple Tags эта возможность (relative post) добавлена до кучи — в свете основной функциональности (tags) …
Tod 23.02.2010
minimus, я как-то для одного блога выводил количество запросов к БД, смотрел их число и для Simple Tags и для YARPP. Странно, но это был далеко не 1 запрос, а может быть даже 5-7, у тебя стандартные версии плагинов?
minimus 23.02.2010
Tod, Вы меня озадачили … Версия стандартная. Специально залез в исходник. Запрос один — в функции yarpp_related. Возможно Вы смотрели выдачу архива — для каждой статьи свой запрос. При инсталляции YARPP запросов действительно несколько и пара из них тяжёлые (формирование текстового индекса и cache). При сохранении статей (новых и изменённых) так же может быть тяжело — перестроение индекса, обновление кэша. А вот при выдаче юзеру, никакой особой нагрузки быть не должно …
Ольга 23.02.2010
Спасибо большое за такое подробное описание. Мне, как новичку, более чем все понятно изложено!
Зоя Кузнецова 23.02.2010
Добрый день, Александр!

Прочитала эту статью с огромным вниманием, но не нашла ответа на свой вопрос.

У меня проблема с размещение фото и текста. Текст и фото — все слилось в одну ужасную КУЧУ!

И чтобы я не делала, разъединить я это не могу! Посмотрите сами- какой ужас: http://www.zdorov-life.ru

Когда я редактирую страницу, я оставляю много свободного пространства. И все выглядит хорошо!
А потом я нажимаю кнопку сохранить, и

весь текст и фото слипаются в одну кучу! Я не знаю — как это исправить!

Надеюсь, на Вашу подсказку!

Вы — ТАКОЙ УМНЫЙ !

С уважением
Зоя Кузнецова
Tod 23.02.2010
Зоя Кузнецова, я такое видел тоже у себя. На вашем месте я бы установил какой-то продвинутый текстовый редактор по типу TinyMCE Advanced (если его нет) и реализовал бы все через таблицу без границ. Иначе вряд ли получится, потому что отступы не срабатывают, а картинки съезжают от вправо или влево от текста — вот и получается такое.
webdomovik 25.02.2010
Спасибо за статью! С созданием записей в wordpress я разобрался еще месяц назад, а вот такую функцию как подписка на обновления блога внизу поста еще не приходилось использовать. У многих ее видел, но как сделать самому не знал, теперь постараюсь применить на практике.
vredniy 26.02.2010
Спасибо большое за информацию, я на своем блоге все никак не могу придти к одному стилю, но после прочтения этого поста вроде наметился путь развития. Спасибо =)
Олег 27.02.2010
Уважаемый Александр, я делаю самые првые шаги в блогосфере. Выбрал хостинг — Majordomo, в качестве движка выбрал WordPress (версия 2.9.2.), выбрал один из шаблонов и загрузил его на свою страничку. Пока даже не наполняю его, а просто разбираюсь что да как. Никак не могу разобраться с правильным редакированием и размещением материалов. (О большем я пока даже не говорю)Допустим, я хочу чтобы материал был размещён в рубрике «кулинария» и имел ссылку shaposhnikovoleg.ru/kulinariya/сам рецепт. Но не получается. Он имеет ссылку по умолчанию а уж в нужный раздел ставиться совсем не хочет, а висит на главной странице. Если я меняю настройку постоянных ссылок, дописывая слово kulinariya, то страница и раздел не обнаруживается. Словом, где-то что-то я делаю не так. Подскажите как быть в данном случае и какую литературу где найти чтобы в целом пробелы устранить?
Reanimator13 27.02.2010
Спасибо. какраз искал некотрые из решений для своего нового дизайна блога )
Tod 27.02.2010
Олег, нужно указать формат ссылок в меню «Настройки» — «Постоянные ссылки», например /%category%/%postname%/
sweatego 27.02.2010
дайте пожалуйста код для цсс, чтобы такая же рамка появилась и скажите куда его в цсс кидать, или все равно?
Anton 28.02.2010
Тема актуальная. Правда, про предложение подписаться в конце каждого поста — это, мне кажется, лишнее. Я, допустим, подписался на блог. Зачем мне предлагать сделать это еще раз?

Для такой ситуации я использую специальный плагин, который показывает сообщение новеньким пользователям несколько раз (количество показов задается в настройках, место размещения и код тоже), а затем скрывает его. Таким образом, кому надо подписаться — подписываются, а кому это не надо — не подписываются. И те и другие при этом не наблюдают назойливое предложение подписаться изо дня в день. Очень, на мой взгляд, удобно. При этом, кстати, предложение подписаться у меня выглядит намного виднее, но потом пропадает. Это позволяет привлечь больше народу в подписчики.
sweatego 28.02.2010
Антон, озвучили бы плагин:)
Andriy 04.03.2010
А як зробити, щоб текст статті вирівнювався по ширині. Треба якогось коду? Якщо так, то куди його вставити?
Tod 04.03.2010
Andriy, в текстовом редакторе есть специальная иконка для выравнивания текста по всей ширине — она, кстати, у меня выделена на третьем рисунке. Не уверен есть ли такая возможность в стандартном текстовом редакторе, если нет — нужно ставить плагин TinyMCE Advanced.
Andriy 04.03.2010
Дуже дякую. Поставив плагін і все ОК :-)
Siniy 07.03.2010
Спасибо за статью. Пытался сделать «схожие посты» с помощью функций самого WP (была раньше такая функция), но получалась только фигня:)
biznesvmire 10.03.2010
У меня проблема помогите решить
Я когда вставляю изображение в текст ,то между ними не остается места,т.е. вплотную друг к другу
Что делать????
alexpts 20.03.2010
Указать отступы в css для тэгов img в записи в стилях темы нужно
Влад 28.03.2010
А что за плагин у вас стоит? Просто у меня стандартный ВП 2.9.2 и нет стольких функций при изменении статьи, как у вас на самом первом скрине. Особенно заинтересовало там где можно выставить дату публикации статьи.
Заранее спасибо за ответ.
Tod 29.03.2010
Влад, странно, но по-моему, это именно стандартные функции идут, а не специальный плагин. Может быть Simple Tags помогает, попробуй его установить.
Влад 30.03.2010
То я просто до этого никогда не пользовался быстрым редактированием, всегда просто «Редактировать» выбирал.
Спасибо, что ответили.
Den 13.04.2010
Большое спасибо за статью, особенно за оформление блока подписки в конце каждого поста) Давно хотел что-то подобное сделать у себя. Интересно было бы услышать от Вас, как осуществить такое же с помощью плагина Subscribe-remind, т.к. в сети по этой теме сухо. А шаблонный вариант не очень смотрится…
Сергей 31.05.2010
Может немного не в тему, сори но почитав понял что хорошо разбираетесь в движке и функционале wordpress . Не могу найти ответа на вопрос. А вопрос такой.Как в опубликованной статье добавить метку тега?
Через редактирование заметки не получается.Тэг вставляется а при публикации статья опять выходит без этого тега?
Через записи.-Метки записи,управление метками,массовое редактирование меток и автоматические метки тоже пробовал добавлять.Результат такой же.Если кто знает как решить эту проблему напишите желательно подробно..