Фев

Записи и посты 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 … 4 5 6 7 Далее →

Антон 27.08.2015
А как сделать автоматическое приведение всех записей к одному шрифту? Гостевые посты пишутся разными шрифтами и в блоге выглядит такой разброс некрасиво.
Tod 28.08.2015
Антон, теоретически самый простой вариант — попросить авторов гостевых постов не использовать дополнительной форматирование. Если это не помогает, то нужно смотреть в сторону плагинов разграничения прав доступа, возможно, в каком-то из них есть опция отключения визуального текстового редактора.
Такой задачи, у меня в принципе, по работе не было, поэтому сложно подсказать. Есть один сайт, где пользователи могут писать и публиковать свои заметки, но там включена модерация поэтому без проверки статьи онлайн не выходят. Вариант хороши при нескольких постах в неделю, при большом числе публикаций — это, конечно, не вариант.
Илья 25.10.2015
Добрый вечер!
А для чего делается вывод следующего/предыдущего поста на странице поста? Только для внутренней ссылки на пост или еще для чего-то?
Tod 26.10.2015
Илья, для пользователей это возможность быстро перейти на следующую статью, для поисковиков — перелинковка. По сути, чем-то напоминает функциональность блока похожий статей.
Сергей 14.11.2015
Каким способом можно оформить блок ссылок, как на этом сайте proroofer.ru? Спасибо.
Tod 15.11.2015
Сергей, судя по коду это Share42. Когда-то писал про них небольшой обзор тут.
Сергей 15.11.2015
http://joxi.ru/12M75M7IvL57rJ Спасибо за оперативный ответ. Однако, мне кажется, это что-то другое. Выше ссылка на картинку.
Спасибо еще раз и извините за назойливость.
Tod 15.11.2015
Сергей, я думал речь идет о соц.кнопках) Погуглите плагины вставки Shortcode — там есть разные варианты, просто меняете потом стиль CSS оформления блока. Напишу об этом следующий пост в блог.
Сергей 15.11.2015
Спасибо! Поищу.
Вова 24.10.2016
Подскажите! В каком файле код страницы, отображающей все Записи в хронологическом порядке? single,php — это вроде код для отдельно взятой записи?
Хочу удалить или переделать часть кода, чтоб не отображалась дата и автор записи на этой общей странице. Если кто-то уже делал на Fashionista — подскажите как и что лучше удалить, спасибо!
Tod 24.10.2016
Вова, это могут быть файлы home.php И index.php для главной, архивы — archive.php, category.php, tag.php и некоторые другие.
Светлана 06.12.2016
А как выделить код, как у вас в статье? Подскажите пожалуйста!
Tod 06.12.2016
Светлана, для этого нужны плагины подсветки синтаксиса например я использую WP-Syntax.
Марат 09.04.2017
А как сделать чтобы изменить внешний вид всех анонсов?
Tod 10.04.2017
Марат, нужно найти файл шаблона, который отвечает за отображение анонсов. Для рубрик это может быть archive.php, category.php либо index.php. В «новых» шаблона структура чуть более сложная и формат анонса часто выносится в отдельный файл, например /template-parts/content.php. В любом случае потребуется «изучать» макет.
Илья 13.11.2017
Здравствуйте! А не подскажете как убрать из шаблона записи стандартные кнопки Share, см. скрин — https://prnt.sc/h9wjzu
Заранее спасибо за ответ!
Tod 13.11.2017
Илья, тут 2 варианта — либо эти опции выключаются в настройках темы, либо нужна правка файлов шаблона. Если вообще не ориентируетесь в структуре темы, то можете скачать все ее файлы на компьютер и с помощью программы WinGrep найти соответствующий участок кода для редактирования.
Илья 13.11.2017
Спасибо! В настройках точно нет этой волшебной кнопки, на форуме темы обсуждают что угодно, только не это :)
Дело в том что контейнер с комментариями я уже убрал — он был в файлах php, а вот этот Share — нашёл упоминание о нём только в файлах CSS (4 файла). Полностью всё удалил и как итог поменялись цвета в шапке, логотип съехал под левый сайдбар так что стал виден наполовину только, а злополучная кнопка не исчезла, а оказалась под постом — перед формой комментирования. Пришлось вернуть всё обратно…
Не знаю что делать с ними уже)
Tod 14.11.2017
Илья, может это плагин? попробуйте прогу, что я говорил WinGrep — найдите кусок HTML кода (например название class) и ищите по всем файлам шаблона. Оно где-то прописано полюбому))
Илья 30.11.2017
Спасибо, я уже разобрался) Вычленить из темы так и не удалось, но получилось скрыть эти не нужные элементы — в настройках темы в разделе дополнительные стили прописал обоим элементам display:none!important
Может у кого то ещё такая надобность будет — так сразу скажу что лучше так сделать, а не мучаться)
Александр 01.12.2017
Здравствуйте. Подскажите, почему у меня все заметки опубликованы одним временем, хотя по факту время создания и публикации везде разное. Скрин https://yadi.sk/i/V0OMe-l43QEQQq
Tod 01.12.2017
Илья, увы, иногда без display:none никак не обойтись.
Александр, посмотрите код шаблона, где выводятся даты, скорее всего там какая-то ошибка. Возможно функция даты находится вне цикла loop. Если сложно разобраться в коде, то можно найти файл темы, где данная информация отображается правильно, например, страница архивов, и скопировать код решения в нужное место.
Андрей 02.12.2017
Здравствуйте))) Подскажите пожалуйста, как правильно публиковать новости отдельно от главной стринице и добавить раздел новости в главное менню сайта???
Tod 06.12.2017
Андрей, если я правильно понял ситуацию, то вам нужно: 1) в Настройках — Чтение выбрать статическую главную страницу (предварительно создав ее). 2) создать категорию «Новости», куда постить все заметки новостей. В таком случае на главной будет открываться отдельная запись, а все новости доступны по соответствующей ссылке. В тех же настройках можно, в принципе, выбрать и конкретную страницу записей/постов, но тогда для нее в шаблоне нужно организовать вывод соотв.заметок.
MrVector 27.01.2018
Здравствуйте. С удовольствием читаю ваш блог и познаю вордпресс. Возник еще один вопрос. Сделал у себя на сайте форум supermicrostock.ru/forum/ Он создан через страницу с шорткодом. Так вот вопрос: можно ли на странице с форумом отключить виджеты? Чтобы он один был, а вокруг ничего?
Tod 27.01.2018
MrVector, по теме есть 2 поста: про создание разных шаблонов для постов блога и отдельные шаблоны страниц если шорткод вставляется в «Страницы» (page). Но, конечно, сейчас перечитываю и там много сумбура в тексте) Суть вкратце в следующем — создаете копию файла шаблона single.php или page.php (в шаблоне могут быть слегка видоизмененные название), и там добавляете название шаблона + убираете вывод сайдбара. Далее в админке просто подключаете это новый шаблон для страницы/поста.
Noro 27.02.2018
Здравствуйте ! Возник такой вопрос, вот когда публикуешь статью на сайте, при редактировании материала, чтобы постоянно не писать в самом тексте «Автор/Источник: Петя Иванов / Сайт.ру», как можно добавить дополнительное поле под текстовым редактором?
Tod 27.02.2018
Noro, есть разные методы: можно выводить через функцию get_the_author, с помощью плагинов и т.п. В будущем напишу об этом пост, а пока могу посоветовать погуглить по ключу show post author wordpress или же почитать тут.
Noro 27.02.2018
Через плагин знаю, что можно, просто думал, может можно без плагина обойтись?
Мне не надо указывать автора поста, т.е. не нужно указывать того, кто публикует…
Мне это надо для того, чтобы при использовании материалов из других сайтов, скажем скопировал статью в редактор, а внизу было поле — «Источник», если оно заполнено, то внизу статьи — активная гиперссылка на источник…
Tod 28.02.2018
Noro, в таком случае вам нужны произвольные поля (custom fields). Если разбираться в кодах вручную неохота, то смотрите плагины произвольных полей. После добавления настраиваете вывод их в шаблоне.