Wordpress вставка в запись страницы. Куда правильно вставить код в файл WordPress? Вставляем тег "Далее"

- 5.0 out of 5 based on 2 votes

В прошлой статье мы рассмотрели, для нашего блога на WordPress, а здесь рассмотрим, как добавляются посты (заметки) в WordPress.

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

Что касается страниц, то это обычные статические страницы, при помощи которых можно создать например страницу об авторе или о блоге.

Для того чтобы создать пост, пройдите в административной панели WordPress в пункт: «Записи» >> «Добавить новую» .

В результате загрузится текстовый редактор, при помощи инструментов которого вы сможете форматировать текст, подобно тому, как вы это делаете в редакторе MS Word.

1. В поле «Введите заголовок» , укажите название поста.

2. При помощи панели «Загрузить/вставить» , вы сможете загрузить и вставить в ваш пост необходимые изображения и медиа файлы.

3. При помощи вкладок «Визуально» и «HTML» , вы можете переходить к редактированию HTML кода или оставаться работать в визуальной среде.

4. При помощи инструменов панели вы сможете форматировать текст. Нажав на соответствующую иконку, вы откроете дополнительную панель с очень полезными инструментами.

Вначале добавляйте заголовок поста, после того как вы укажете заголовок и установите курсор в текстовое поле редактора, под заголовком автоматически сгенерируется постоянная ссылка, которая будет использоваться для этого поста. Постоянные ссылки мы настраивали в уроке: « ».

Вставляем текст.

Если вы подготавливаете свои тексты в редакторе MS Word, то не копируйте их сразу в окно редактора, используйте инструмент «Вставить из Word».

Для этого скопируйте текст в Word"е, затем перейдите в редактор WordPress и нажмите на иконку «Вставить из Word», после этого вставьте текст в открывшееся окно и нажмите на кнопку «Вставить».

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

Вставляем изображение в текст.

Для того чтобы в текст вставить изображение, установите курсор в то место в тексте, куда необходимо вставить изображение и нажмите на конку «Вставить изображение»:

В результате загрузится окно, в котором будет три вкладки. При помощи вкладки «С компьютера» можно загрузить и вставить какое либо изображение, находящееся на вашем компьютере. При помощи вкладки «С сайта» вы можете указать путь к изображению, которое уже находится, на каком либо сайте и при помощи вкладки «Библиотека файлов» можно вставить любое изображение из медиа библиотеки. В медиа библиотеке хранятся все файлы, которые вы загружали ранее.

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

Поле «Заголовок» является обязательным к заполнению. Остальные поля «Текст», «Подпись» и «Описание» можете заполнять по желанию.

В поле «Ссылка» можно задать ссылку, которая будет идти по изображению. По умолчанию ссылка идет на изображение, если нажать на кнопку «Ссылка на запись», то ссылка с картинки будет идти на сам пост, если нажать на кнопку «Нет», то ссылки не будет.

В пункте «Выравнивание» , можно задать расположение изображения на странице.

В пункте «Размер» , можно задать размер изображения.

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

Вставляем тег "Далее".

Выбираем формат записи.

Начиная с WordPress версии 3. X были введены форматы постов. При помощи форматов, вы можете выбрать определенный вид отображения поста. Эта функция дает возможность разработчикам шаблонов, создавать различные типы записей в зависимости от потребностей. В шаблоне установленном в WordPrees по умолчанию, используется три формата отображения поста:

Форматы постов можно выбрать в панели справа от редактора. Форматы постов доступны только в темах для WordPress версии 3. X. Всего поддерживается 10 форматов постов, их наличие зависит от используемой вами темы. При использовании того или иного формата, тегу задается соответствующий класс, при помощи которого данному формату поста можно задать определенное оформление, при помощи CSS.

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

Вывести посты на странице в WordPress — это значит создать шаблон страницы (page template) и забацать туда цикл, .

Для чего нужно такое вытворять? Рассмотрим несколько вариантов:

• представьте, что вам нужно вывести на одной странице записи сразу из нескольких категорий
• а ещё таким образом можно обобщить на одной странице несколько таксономий, несколько меток и прочее

Вообще можно скомбинировать любые условия, используя статью. Параметры, которые описаны для WP_Query также подойдут и для query_posts.

Теперь я думаю порядок действий вам понятен? Создаете шаблон страницы, пихаете наверх query_posts, потом цикл, потом постраничную навигацию…

Кстати о ней. Просто так она не будет работать. Как это исправить?

Пожалуй стоит описать порядок действий более подробно.

1. Создать шаблон страницы.
2. Использовать с необходимым набором аргументов, при этом не забыв включить в него номер текущей страницы.
3. Добавить цикл.
4. Добавить функцию постраничной навигации, например wp_pagenavi().

А теперь полностью готовый код:

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

Плагин постраничной навигации WP-PageNavi

В предыдущем примере я использовал функцию wp_pagenavi() . Она отвечает за постраничную навигацию и является составляющей частью плагина WP-PageNavi (русское название: Список страниц ).

Наверное ты тоже любишь короткие, но четкие заметки? Я очень люблю, поэтому тебе понравится эта запись.

Допустим, ты заканчиваешь новый супер-подробный пост на тему вертикального выращивания помидоров в домашних условиях. Объем написанного текста, ну, где-то 5000 символов. Не слабо да?

Ты уже с ужасом представляешь, сколько бедному читателю придется крутить колесико мыши и сбиваться со строк.

Есть до ужаса простое решение! Раздели свою запись на несколько страниц (ну, например, штук на 5). Для этого даже не нужно устанавливать никаких плагинов и ковыряться в коде. Разработчики Вордпресса уже сделали все.

Как разделить запись в wordpress на страницы?

Используй тэг в тех местах своей длинной записи, в которых ты хочешь сделать разделения на страницы. Например, если вставить в середине записи один такой тэг, то запись будет разделена на две страницы ровно посередине.

Вот как примерно это будет выглядеть (только у тебя будет "Страницы" вместо "Pages"):

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

Разделение на страницы создает новые страницы с уникальным контентом, думаю, что если ты будешь делить таким образом длинные записи на страницы по 1000-1500 символов, то это будет даже хорошо в глазах поисковых пауков.

Оформление ссылок на страницы поста

Вот, что можно с ними сделать, например:

Для этого тебе уже нужно чуть-чуть напрячься и проследовать небольшой инструкции 😛

1. Зайти в админку - Внешний вид - Редактор - справа найти название "Функции темы" (functions.php) и кликнуть по нему.

2. В самый его конец перед тэгом ?> (это закрывающий тэг PHP) вставить следующий код:

Function custom_nextpage_links($defaults) { $args = array("before" => "

4. На той же странице в списке справа выбрать файл style.css, он скорее всего в самом конце списка (а если там есть custom.css , то лучше его).

5. В конец этого файла вставить следующий код:

Page-link { font-size: 22px; text-align: center; margin: 15px 0 25px 0 !important; font-weight: normal !important; } .page-link a { text-decoration: none; }

(Кликни по <2>, чтобы перейти на следующую страницу…)

Желаю, что тебе приходило больше интересных идей. Успехов!

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

Первым делом вам необходимо установить и активировать плагин Insert Pages . После активации просто переходим в раздел Записи » Добавить новую административной панели сайта для того, чтобы увидеть его в действии.

Если вы используете визуальный редактор, то заметите новую кнопку в меню под названием ‘Insert Page’ .

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

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

После выбора записи/страницы кликните на кнопку Insert Page . Плагин добавить шорткод, необходимый для вывода выбранной вами записи/страницы.

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

Параметр page для шорткода принимает слаг страницы или ее ID. Обратите внимание, что slug можно указывать любого типа записи, не обязательно страницы.

Также можно указать ID записи. О том, как узнать ID записи в WordPress мы уже писали ранее.

Добавляем произвольные типы записей в записи блога

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

Плагин Insert Pages позволяет вам добавлять произвольные типы записей на страницы и записи блога. Например, вы можете создать произвольный тип записи для галереи изображений, а затем использовать Insert Pages для добавления этих галерей в ваши записи или страницы.

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

Использование произвольных шаблонов для отображения вставленных страниц

Insert Pages позволяет вам вывести заголовок, ссылку, контент или все поля для вставленных страниц. Однако, некоторым пользователям может понадобиться более тонкая настройка вывода. Этого можно достичь путем использования произвольных шаблонов.

Все, что вам нужно сделать, это создать пустой php файл и загрузить его в папку с вашей темой. Файл можно назвать как угодно. Например, custom-author.php.

Этот произвольный шаблон работает точно также, как и другой файл шаблона контента в вашей теме. Ниже пример файла шаблона, который мы создали для вывода страниц автора.

Можно использовать собственные классы CSS в файле вашего шаблона, а затем применить стили в файле таблицы стилей темы. Мы использовали следующий код для оформления страницы автора.

H3.author-name { font-size:16px; } .author-thumbnail { float:left; padding:10px; } .author-bio { font-style:italic; font-family: Lora, Georgia, Serif; }

Вот так в итоге выглядит финальный вариант:

Надеемся, что эта статья помогла вам добавить контент из одной страницы/записи WordPress в другую.

Данная фича поможет удалить десяток лишних плагинов, которые занимаются вставкой в тело поста каких-либо простых данных с возможностью предварительной обработки. Скажем, вставить в любое место блок adsense. Или обновляющийся в реальном времени курс бакса. Или любое значение, хранящееся в БД WP или сторонней таблицы.

Бывает, надо воткнуть текущую дату прямо в середину текста. То есть, дату не на момент публикации поста, а текущую дату с точки зрения читателя. Или любую другую меняющуюся информацию или кусок JS кода без постобработки его движком. Или что-то, что нужно пересчитывать каждый раз при обновлении страницы, и это что-то должно находиться в теле поста. Или.. Ну, думаю, вы поняли. :)

Мы будем писать плагин! Он очень простой и не требует никаких знаний в создании плагинов для WP. Единственный его недостаток — отсутствие «морды» в админке WP, то есть, поставить такой каким-нибудь заказчикам будет не комильфо. Но для собственных нужд вариант отличный.

В папке /wp-content/plugins/ создаем файл с каким-нить уникальным именем, скажем, «insert-any-data-into-post.php». Вначале прописываем блок комментария, который WP будет впоследствии парсить для описания плагина в своей админке. Можно писать любые данные какие хочется, затем подключаем shortcode и пишем простую функцию. Весь код:

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

А еще можно подавать на вход этой функции различные параметры. Скажем, код ниже расширяет нашу функцию и добавляет возможность отображать не только текущую дату, но и вчерашнюю/завтрашнюю, а также позволяет менять вид даты.

Function give_me_date_handler ($atts) { //из массива атрибутов делаем разрешенные переменные и задаем значения по умолчанию, необязательно но удобно extract(shortcode_atts(array("type" => "yesterday,today,tomorrow", "format" => "short,full"), $atts)); //перебираем какая нам дата нужна switch($type) { case "tomorrow": $time = strtotime("+1 day"); break; case "yesterday": $time = strtotime("-1 day"); break; default: $time = time(); } //перебираем вид даты if ($format == "short") $date = date("d.m.Y", $time); else $date = date("r", $time); return $date; }

Переменные для нашей функции задаются через тэг в посте таким вот образом:

Результат написанного выше тэга: 21.08.2019

Скриншотик из админки редактирования поста:

Через функцию можно тянуть данные с БД и возвращать их, можно просто возвращать JS-код, обернув его в ob_start() и ob_end_clean() для удобства. Можно также создавать несколько шоткодов и соотвественно несколько функций, таким образом вместив в один файл/плагин все необходимые «вкрапления» для использования внутри тела публикации.

Вообщем, полезная штука!