Похожие записи с картинками на WordPress

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

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

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

Похожие записи с картинками на WordPress

Как поставить картинки к похожим записям?

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

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

Похожие записи с картинками на WordPress

Рядом с этой строчкой, должна находиться ещё одна:

Похожие записи с картинками на WordPress

Здесь вы можете задать размеры миниатюр. Обратите внимание, если при добавлении изображений в статью вы не обозначали «Использовать как миниатюру», она не будет отображаться. Если вы проверили наличие необходимых строчек, а также устанавливали использование миниатюр, то можете приступать к добавлению основного кода:

Похожие записи с картинками на WordPress

Этот код необходимо установить в single.php. Обратите внимание, что в строчке между 25 и 26 установлен код, отвечающий за размеры миниатюр.

После добавления этого кода, вам потребуется модифицировать CSS файл, отвечающий за оформление блока с похожими записями. Если его общий размер будет 640 пикселей, то можете воспользоваться следующим кодом:

Похожие записи с картинками на WordPress

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

Что должно получиться?

Если вы всё сделали правильно, то под каждой статьей вашего сайта должен появиться новый блок:

Похожие записи с картинками на WordPress

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

Вам также будет интересно:
Обратная связь для WordPress
Плагин кэширования страниц на WordPress
Сайт для заработка, какой он?

Оцените статью
Workion.ru
Добавить комментарий

Яндекс.Метрика