Изображение перед WordPress Related Posts

Рубрика: Все о Wordpress | Комментариев нет

В своей практике я постоянно использую плагин похожих записей под названием «Wordpress Related Posts». Это очень удобное решение для отображения на сайте подобных статей.

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

Если вы также пользуетесь плагином WordPress Related Posts, тогда читайте далее.

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

Для этого необходимо было залезть в исходные файлы выше названного плагина и кое-что там дописать.

Сначала посмотрим на скриншот до того, как будут внесены изменения:

Изображение перед WordPress Related Posts (1) — Рис. 1

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

Чтобы начать работу, давайте перейдем в редактирование плагинов (Плагины → Редактор). Затем, в правом верхнем углу необходимо выбрать из выпадающего списка плагин «Wordpress Related Posts».

После этого с правой стороны появится перечень файлов, из которых он состоит.

Далее, при помощи Ctrl+F или же просто глаз ищем вкладку «wordpress-23-related-posts-plugin/init.php» и нажимаем на нее. Теперь в центральном окошке отображается содержимое выбранного файла.

Снова обращаемся к поиску, и ищем без кавычек строку «related_post_title». Она будет помещена в треугольные скобки <>. Так вот сразу перед открывающейся скобочкой пишем:

&lt;div id="arnament"&gt;&lt;img class=" aligncenter" style="border: 1px solid #ffffff;" src="http://ваш-сайт/путь-к-изображению" alt="" /&gt;&lt;/div&gt;

Теперь в конце текста вы увидите замечательный орнамент, который придаст оригинальности вашему сайту: