Записи и посты 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&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('← %link (предыдущая статья)') ?></div> <div style="text-align: right;"><?php next_post_link('(следующая статья) %link →') ?></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 блога – читаем еще одну статью и организовываем подобное у себя на проекте. Используется также для перелинковки и посетителей. В общем, можете внизу блога сами видеть результат.
комментария 184 к статье “Записи и посты wordpress, оформление записи”
Блог Wordpress Inside поможет вам научиться работать в вордпресс, закрепить и расширить имеющиеся знания. Плагины и шаблоны, разные хаки и функции wp, оптимизация и безопасность системы – все это и намного больше вы сможете найти на страницах нашего проекта!
Если хотите быстро и оперативно получать последние новости и статьи, то рекомендуем подписаться на обновления блога:
- Як сховати відсутні товари в Woocommerce шорткодах та схожих товарах
- Сервіс AdMaven + плагін для монетизації трафіка на WordPress сайтах
- Плагіни для створення стрічки новин з біжучим рядком в WordPress
- Як змінити розміщення кнопки оформлення замовлення в WooCommerce
- Плагін WHWS Display In Stock Products First – відображення товарів в наявності першими
- Підписка MonsterONE: чи варто використовувати цей сервіс у 2023 році? (+5 продуктів, які треба скачати в першу чергу)
- Онлайн генератор ссылок на мессенджеры для WordPress и не только
- WooCommerce (46)
- Безопасность (12)
- Видео (6)
- Виджеты (28)
- Возможности (141)
- Вопрос-ответ (6)
- Начинающим (52)
- Новости (46)
- Оптимизация (23)
- Плагины (246)
- Сервисы (87)
- Хаки и секреты (87)
- Шаблоны (45)
- Записи и посты wordpress, оформление записи (5,91 из 7, голосов - 47)
- Проблема с адаптивными изображениями в Gutenberg редакторе WordPress (3,90 из 7, голосов - 48)
- Умный копирайт в footer.php для wordpress (5,63 из 7, голосов - 30)
- Обновление плагинов и тем в WordPress: автоматическое, через FTP, скрытие уведомлений (5,19 из 7, голосов - 31)
- Polylang — плагин для мультиязычных сайтов на нескольких языках в WordPress (4,42 из 7, голосов - 31)
- Плагин TinyMCE Advanced – wordpress текстовый редактор (6,35 из 7, голосов - 20)
- Рубрики и категории wordpress, функция wp_list_categories (6,05 из 7, голосов - 20)
- Дизайн Мания - о веб-дизайне и не только.
- Tod's Blog - все про заработок онлайн.
- Вебдванольные заметки - обзоры веб-сервисов.
- Советы по выбору холодильника LG с технологией No Frost
- Зачем нужны Wi-Fi ретрансляторы и как выбрать подходящую модель
- Введение в онлайн-казино Slotor777: многообразие игр и привлекательные бонусы
- Необходимость использования облачного хранилища в наше время, что важно и как выгодно?
- Спрощення процесу звітності за допомогою програми BAS Бухгалтерія
- Технологія підключення інтернету GPON та її переваги
- За що гравці найбільше цінують Lineage 2
- Для каких проектов нужна аренда виртуального сервера и что такое VPS
За оформление подписки огромное спасибо, искал:)
Спасибо, давно искал такого рода инфу
Simple Tags не самый лучший способ вывода похожих статей (постов). Лидером в этом сегменте является YARPP.
minimus, у YARPP, конечно, больше возможностей по выбор «похожих статей», но там обращений к бд побольше. Хотя, если это не критично, то можно и его использовать. Simple Tags просто одними связными постами не ограничивается.
Simple Tags — тоже не малую нагрузку создает
@Tod
Стоит у меня и то и другое … Simple Tags выдаёт по меткам и рубрикам, YARPP — по релевантности текстов, меткам, рубрикам. А запросов немного — один … Так как релевантность вычисляет БД по техтовому индексу — в этом вся фишка. Правда в официальной редакции русских стоп слов нет (у меня есть ;) ) Имея стоп-слова получается список ДЕЙСТВИТЕЛЬНО похожих статей. А в Simple Tags эта возможность (relative post) добавлена до кучи — в свете основной функциональности (tags) …
minimus, я как-то для одного блога выводил количество запросов к БД, смотрел их число и для Simple Tags и для YARPP. Странно, но это был далеко не 1 запрос, а может быть даже 5-7, у тебя стандартные версии плагинов?
Tod, Вы меня озадачили … Версия стандартная. Специально залез в исходник. Запрос один — в функции yarpp_related. Возможно Вы смотрели выдачу архива — для каждой статьи свой запрос. При инсталляции YARPP запросов действительно несколько и пара из них тяжёлые (формирование текстового индекса и cache). При сохранении статей (новых и изменённых) так же может быть тяжело — перестроение индекса, обновление кэша. А вот при выдаче юзеру, никакой особой нагрузки быть не должно …
Спасибо большое за такое подробное описание. Мне, как новичку, более чем все понятно изложено!
Добрый день, Александр!
Прочитала эту статью с огромным вниманием, но не нашла ответа на свой вопрос.
У меня проблема с размещение фото и текста. Текст и фото — все слилось в одну ужасную КУЧУ!
И чтобы я не делала, разъединить я это не могу! Посмотрите сами- какой ужас: http://www.zdorov-life.ru
Когда я редактирую страницу, я оставляю много свободного пространства. И все выглядит хорошо!
А потом я нажимаю кнопку сохранить, и
весь текст и фото слипаются в одну кучу! Я не знаю — как это исправить!
Надеюсь, на Вашу подсказку!
Вы — ТАКОЙ УМНЫЙ !
С уважением
Зоя Кузнецова
Зоя Кузнецова, я такое видел тоже у себя. На вашем месте я бы установил какой-то продвинутый текстовый редактор по типу TinyMCE Advanced (если его нет) и реализовал бы все через таблицу без границ. Иначе вряд ли получится, потому что отступы не срабатывают, а картинки съезжают от вправо или влево от текста — вот и получается такое.
Спасибо за статью! С созданием записей в wordpress я разобрался еще месяц назад, а вот такую функцию как подписка на обновления блога внизу поста еще не приходилось использовать. У многих ее видел, но как сделать самому не знал, теперь постараюсь применить на практике.
Спасибо большое за информацию, я на своем блоге все никак не могу придти к одному стилю, но после прочтения этого поста вроде наметился путь развития. Спасибо =)
Уважаемый Александр, я делаю самые првые шаги в блогосфере. Выбрал хостинг — Majordomo, в качестве движка выбрал WordPress (версия 2.9.2.), выбрал один из шаблонов и загрузил его на свою страничку. Пока даже не наполняю его, а просто разбираюсь что да как. Никак не могу разобраться с правильным редакированием и размещением материалов. (О большем я пока даже не говорю)Допустим, я хочу чтобы материал был размещён в рубрике «кулинария» и имел ссылку shaposhnikovoleg.ru/kulinariya/сам рецепт. Но не получается. Он имеет ссылку по умолчанию а уж в нужный раздел ставиться совсем не хочет, а висит на главной странице. Если я меняю настройку постоянных ссылок, дописывая слово kulinariya, то страница и раздел не обнаруживается. Словом, где-то что-то я делаю не так. Подскажите как быть в данном случае и какую литературу где найти чтобы в целом пробелы устранить?
Спасибо. какраз искал некотрые из решений для своего нового дизайна блога )
Олег, нужно указать формат ссылок в меню «Настройки» — «Постоянные ссылки», например /%category%/%postname%/
дайте пожалуйста код для цсс, чтобы такая же рамка появилась и скажите куда его в цсс кидать, или все равно?
Тема актуальная. Правда, про предложение подписаться в конце каждого поста — это, мне кажется, лишнее. Я, допустим, подписался на блог. Зачем мне предлагать сделать это еще раз?
Для такой ситуации я использую специальный плагин, который показывает сообщение новеньким пользователям несколько раз (количество показов задается в настройках, место размещения и код тоже), а затем скрывает его. Таким образом, кому надо подписаться — подписываются, а кому это не надо — не подписываются. И те и другие при этом не наблюдают назойливое предложение подписаться изо дня в день. Очень, на мой взгляд, удобно. При этом, кстати, предложение подписаться у меня выглядит намного виднее, но потом пропадает. Это позволяет привлечь больше народу в подписчики.
Антон, озвучили бы плагин:)
А як зробити, щоб текст статті вирівнювався по ширині. Треба якогось коду? Якщо так, то куди його вставити?
Andriy, в текстовом редакторе есть специальная иконка для выравнивания текста по всей ширине — она, кстати, у меня выделена на третьем рисунке. Не уверен есть ли такая возможность в стандартном текстовом редакторе, если нет — нужно ставить плагин TinyMCE Advanced.
Дуже дякую. Поставив плагін і все ОК :-)
Спасибо за статью. Пытался сделать «схожие посты» с помощью функций самого WP (была раньше такая функция), но получалась только фигня:)
У меня проблема помогите решить
Я когда вставляю изображение в текст ,то между ними не остается места,т.е. вплотную друг к другу
Что делать????
Указать отступы в css для тэгов img в записи в стилях темы нужно
А что за плагин у вас стоит? Просто у меня стандартный ВП 2.9.2 и нет стольких функций при изменении статьи, как у вас на самом первом скрине. Особенно заинтересовало там где можно выставить дату публикации статьи.
Заранее спасибо за ответ.
Влад, странно, но по-моему, это именно стандартные функции идут, а не специальный плагин. Может быть Simple Tags помогает, попробуй его установить.
То я просто до этого никогда не пользовался быстрым редактированием, всегда просто «Редактировать» выбирал.
Спасибо, что ответили.
Большое спасибо за статью, особенно за оформление блока подписки в конце каждого поста) Давно хотел что-то подобное сделать у себя. Интересно было бы услышать от Вас, как осуществить такое же с помощью плагина Subscribe-remind, т.к. в сети по этой теме сухо. А шаблонный вариант не очень смотрится…
Может немного не в тему, сори но почитав понял что хорошо разбираетесь в движке и функционале wordpress . Не могу найти ответа на вопрос. А вопрос такой.Как в опубликованной статье добавить метку тега?
Через редактирование заметки не получается.Тэг вставляется а при публикации статья опять выходит без этого тега?
Через записи.-Метки записи,управление метками,массовое редактирование меток и автоматические метки тоже пробовал добавлять.Результат такой же.Если кто знает как решить эту проблему напишите желательно подробно..