Вывод похожих записей WordPress


Содержание материала:

Вывод Похожих Записей WordPress без Плагина

Здравствуйте! В этой статье я хотел бы рассказать вам как сделать вывод похожих записей в wordpress без плагина. Для чего это нам нужно на сайте? Все очень просто, это задержит ваших посетителей на проекте что повлечет за собой увеличение поведенчиских факторов и вывод ваших статей в топ 10. Этот способ вынуждает нас, немного поковыряться в коде. Давайте приступим.

Похожие записи wordpress с картинками без плагина

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

Вывод похожих материалов в записи без плагина на WordPress

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

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

Сегодня мы немножко поработаем над поведенческими факторами сайта. Что в них входит?

Честно говоря, много чего, в том числе – похожие материалы, которыми мы сегодня с вами и займемся.

Похожие материалы с сортировкой по тегам

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

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

1. Подключитесь к вашему сайту по FTP.

2. В папке вашей темы (адрес /wp-content/themes/название темы) откройте файл, отвечающий за полную версию материала (по умолчанию это файл single.php).

3. В нужное место шаблона вставьте код вывода похожих материалов:

Обратите внимание, что дизайн (вид) ваших похожих материалов вы делаете сами.

Для примера, вместо «// Ваш вид» вы можете вставить код:

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

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

4. Сохраните все изменения и отправьте файл обратно на сайт.

Теперь вы можете посмотреть результат вывода похожих материалов, зайдя в любую из ваших записей.

Похожие материалы с сортировкой по рубрикам (категориям)

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

В таком случае мы повышаем время его пребывания на сайте.

Для реализации делаем все, как в предыдущем примере, меняется лишь используемый скрипт.

1. Подключаемся к сайту по FTP.

2. В папке вашей темы (адрес /wp-content/themes/название темы) открываем файл, отвечающий за полную версию материала (по умолчанию это файл single.php).

3. В нужное место шаблона вставляем код вывода похожих материалов:

Обратите внимание, что дизайн (вид) ваших похожих материалов вы делаете сами.

Для примера, вместо «// Ваш вид» вы можете вставить код:

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

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

4. Сохраняем все изменения и отправляем файл обратно на сайт.

Теперь вы можете посмотреть результат вывода похожих материалов, зайдя в любой из ваших записей.

Вывод похожих записей в WordPress без плагинов!

Здравствуйте, уважаемые друзья и гости блога! Сегодня расскажу Вам как можно сделать вывод похожих записей в WordPress без плагина двумя способами. Это вывод похожих записей списком и вывод похожих записей с миниатюрами. Что очень удобно для вашего сайта, ведь лишние плагины только тормозят работу движка WordPress.

Для чего вообще нужен вывод похожих записей на сайте?

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

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

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

Вывод похожих записей списком без плагина!

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

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

Но чтобы список ваших последних записей был красивым, вам нужно добавить еще стили CSS. Это вот такой кусочек кода:

Его вам нужно внедрить в файл style.css вашей темы оформления сайта, в самый конец.

Вот теперь ваши последние записи будут отображаться на сайте в каждой статье в самом ее конце и привлекать внимание посетителей и поисковых роботов!

Вывод последних записей с миниатюрами без плагина!

Теперь переходим к следующему способу вывода последних записей на сайте уже с миниатюрами или маленькими картинками, если хотите!

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

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

И еще один нюанс!

Обязательно проверьте ваш файл functions.php вашей активной темы оформления на наличие вот такого кода:

Если он там есть, то это хорошо и делать ничего не нужно. Но если его там нет, то обязательно его туда добавьте. Это нужно для того, чтобы ваши миниатюры отображались в похожих записях.

Теперь еще немного и все у нас будет работать как нужно!

Вам нужно добавить в ваш файл style.css , чтобы вывод похожих записей был красивым и привлекал посетителей на ваш сайт.

Вот теперь мы закончили!

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

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

И если Вам не трудно, то прошу Вас комментировать данную статью и написать, что Вы думаете и чтобы Вы хотели еще узнать?!

Выводим похожие записи на сайте WordPress (c миниатюрами) без плагинов для усиления внутренней перелинковки

Здравствуйте, уважаемые читатели блога Goldbusinessnet.com. Я уже немало писал о внутренней перелинковке, неотъемлемой частью которой является присутствие так называемых «похожих записей» на блоге или сайте, которые представляют из себя список ссылок на материалы схожей тематики, который выводится в конце каждой публикации.

Для веб-ресурсов, работающих под управлением Вордпресса (этот материал о движке WP даст вам о нем полное представление), отличным средством для решения этой задачи вполне может быть WordPress Related Posts, который отвечает всем современным требованиям и даже выводит блок ссылок с миниатюрами (небольшими изображениями по теме страницы-акцептора).

Этот плагин не обделен функционалом, его настройки по умолчанию выставлены очень грамотно, что позволяет сразу включить его в работу, лишь чуток подкорректировав стили. Более того, данное расширение регулярно обновляется, что делает честь его разработчикам. Тем не менее, я предлагаю вам альтернативный вариант вывода похожих записей. Почему? Об этом чуть ниже.

Почему важно наличие выбора способа реализации похожих записей

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

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

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

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

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

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

Выбор схемы перелинковки (под НЧ, СЧ или ВЧ) происходит в зависимости от типа веб-ресурса, его тематики и направленности. Но для большинства обычных информационных сайтов и блогов, а также стандартных коммерческих проектов вроде интернет магазина наиболее оптимальным всегда является раскрутка страниц, заточенных под низкочастотные запросы. Это позволяет получить целевую аудиторию (подписчиков и клиентов, а не случайных посетителей).

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

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

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

Похожие записи в WordPress посредством кода, помещенного в нужный шаблон темы

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

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

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

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

В общем, соединяемся с сервером по протоколу ФТП и открываем выше упомянутый single.php. Самое основное, что необходимо сделать далее, это найти подходящее место в шаблоне, чтобы похожие записи выводились там, где вам это необходимо. Но я дам подсказку. Найдите в составе файла функцию вывода контента:

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

Именно под ней (ну или под «php the_content», если она имеется) надо поместить функцию, которая будет инициировать вывод похожих записей. Темы у всех разные, потому более точно место вставки каждый должен установить самостоятельно. Однако, на основании данных рекомендаций, думаю, это будет несложно сделать даже начинающим.

Хочу напомнить, что файлы темы Вордпресс вы можете найти на сервере своего хостинга по адресу «ваш_сайт» — «wp-content» — «themes» — «Название темы». Функция, которая последует ниже, будет представлена в двух вариациях.

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

Комментарии (в коде выделены зеленым цветом) помогут разобраться, для каких целей предназначен тот или иной фрагмент функции. Но несколько слов все-равно сказать стоит:

1. «’orderby’=>rand,» — определяет случайный выбор постов по имеющимся у них меткам. Если вы желаете, чтобы ссылки выводились на статьи по дате их публикации, начиная с самых новых, то просто удалите эту строчку из кода.

Топ-пост этого месяца:  Возврат длины строки в TypeScript с помощью свойства String Length пример кода

2. «’caller_get_posts’=>1,» — допустим, у вас стоит ограничение (см. следующее условие showposts) на вывод похожих материалов в блоке, но по имеющимся меткам возможно лишь отображение 3 или 4 из них. Данный запрет не разрешает повторение одинаковых ссылок (будет отображаться не 5, а столько, сколько разных гиперссылок есть в наличии).

3. «’showposts’=>5» — здесь все просто: число (в данном случае 5) ограничивает количество имеющихся в блоке линков. Вы можете поставить свое.

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

Также нелишним будет оформить заголовок со своим классом (в коде он в самом верху):

А далее нужно прописать подходящие стили для « ». Конечно, у всех темы различаются, но я все-таки предложу свой минимум правил CSS. В конце концов, у вас будет базис, который легче просто отредактировать или добавить новые свойства:

Эти стили можно вставить в любое место файла style.css своей темы. Ну а для редактирования предложенных правил CSS вы можете привлечь инструменты разработчика, которые есть в любом популярном браузере (их активация обычно производится нажатием кнопки F12 на клавиатуре). Эти средства, позволяющие мгновенно просматривать результаты изменений online, являются аналогом плагина Firebug для Firefox, о котором здесь можете почитать подробнее.

Второй вариант функции обеспечивает вывод похожих материалов по категориям (возможно, он тоже кому-нибудь понадобится):

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

Добавляем миниатюры к похожим материалам Вордпресс

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

Чтобы проверить, включены ли в вашей теме миниатюры, в админ-панель WordPress перейдите на страницу любой записи, где справа должен располагаться вот такой блок («Установить изображение записи»), помогающий задать уменьшенную картинку для статьи:

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

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

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

Настроить это дело можно посредством админ-панели WordPress в разделе «Настройки» — «Медиафайлы». По умолчанию размер миниатюр составляет 150×150 пикселов (если исходные изображения прямоугольные, то есть с разной шириной и высотой, то они будут обрезаться с сохранением пропорций). Но можете указать свои параметры в зависимости от ваших предпочтений (я, например, оставил дефолтный вариант).

Составляем схему расположения миниатюр (thumbnails)

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

Сначала необходимо узнать ширину области контента страниц с записями, на которых, собственно, и будут присутствовать блоки ссылок на похожие посты. Самый незамысловатый способ это узнать — воспользоваться простой линейкой, которую можно скачать для Хрома (тут), Мозилы (тут) и Оперы (тут) в зависимости от того, каким из этих браузеров вы пользуетесь.

Чтобы измерения оказались наиболее точными, желательно выбрать какой-нибудь блочный элемент на любой уже существующей странице записей, поскольку он занимает всю доступную рабочую область по ширине. Например, у меня это «Оглавление», заключенное в контейнер div, которое располагается в начале почти каждой статьи.


Если подобного элемента не оказалось, то можно прибегнуть и к помощи блочного тега hr, который является средством отображения горизонтальной линии. Чтобы измерения оказались корректными, уберите все возможные отступы, которые могут быть прописаны в файле стилей (margin:0;), сделайте эту линию потолще (height:6px;) и поярче (background-color:red) для удобства. В целях экономии времени все эти свойства подключите с помощью атрибута style:

И вставьте указанную выше строчку прямо в HTML редакторе Вордпресс, где пишите статьи (в любом месте кода уже опубликованного или свежеиспеченного поста, после окончания измерения ее можно благополучно удалить). После того, как вы поместите этот код и сохраните изменения, в браузере можно измерить полученную линию:

Итак, вся доступная область для размещения блока ссылок на похожие записи в нашем примере равна 730 px (пикселов). Как известно, ширина картинки будет 150 px. Таким образом, можно разместить 3 или 4 ячейки с миниатюрами последовательно в ряд.

Сначала разберем вариант с тремя ячейками, который реализовал я сам. В этом случае «чистое» пространство, занимаемое миниатюрами, будет 450 (150×3) px. Оставшееся по ширине место (280 px) отводим под внутренние и внешние отступы плюс учтем толщину рамки для каждой из ячеек. По задумке ячеек три, стороны рамок с одной и другой стороны (всего 6). Значит, для всех отступов останется 274 (280 — 6) px.

Число отступов также можно легко вычислить. Поскольку я желаю, чтобы блок похожих записей прижимался бы как к левому, так и правому краю, отступы будут лишь внутри ячейки (для миниатюры справа и слева — всего 6), а также между ними (2 промежутка на три ячейки).

Следовательно, всего 8 отступов, которые для простоты можно сделать равными. Тогда величину каждого из них можно легко вычислить (274/8 = 34,25 px). Здесь можно взять целое число и пренебречь десятичной дробью, поскольку визуально это не будет заметно. Впрочем, все выше представленные рассуждения для наглядности я оформил в виде простешей схемы, после чего, думаю, вопросов не возникнет даже у дошкольника:

Устанавливаем код похожих записей с картинками

Итак, схема составлена, теперь осталось реализовать ее на практике силами функции, размещенной в файле single.php, и свойств CSS, которые необходимо будет поместить в файл style.css вашей темы WP. Весь блок похожих записей я решил выводить при помощи HTML списка ul, который обернул дивом, обладающим соответствующим классом ( ).

Миниатюры и ссылки, размещенные в ячейках, окаймленных рамками, я также поместил в контейнеры div с классами «cat_thumb» и «cat_link» соответственно, которым прописал необходимые CSS свойства (подробности чуть ниже).

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

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

Если у вас пока немного статей, то лучше ограничиться этой цифрой, поскольку в этом случае похожие записи расположатся в один ряд. А вот ежели ячеек будет 4 или 5 (на большее, возможно, на блоге просто не хватит соответствующих материалов по конкретной теме), то это будет смотреться не совсем привлекательно, так как второй ряд заполнен не будет.

Впоследствии, с увеличением количества публикаций вы можете изменить это число на 6, если будете уверены, что статей по каждой теме будет достаточно для заполнения двух рядов. Думаю, понятно, что в любом случае параметр «’showposts’» должен быть кратным трем (3, 6, 9).

Частицу кода, выводящего непосредственно ячейки с миниатюрами, разберем подробнее:

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

Вывод миниатюр будет осуществляться с помощью функции thumbnail (причем значение «’thumbnail’» означает, что будут отображаться самые маленькие картинки):

Изображения я поместил в контейнер с классом «cat_thumb», которому также будут присвоены нужные стили, как и «cat_link» для заголовков:

В связи с этим необходимо пояснить вот такой отрывок:

В обычном случае здесь должна бы находиться стандартная функция отображения заголовка публикации:

Но дело в том, что заглавия статей у меня бывают длинными, поэтому им может не хватить места в ячейке, а это нанесет ущерб привлекательности похожих записей. Для этого я привлек функцию «trim_title_chars», которая помогает обрезать текст заголовков до нужного числа символов (в нашем примере это 60, вы же можете поставить любое другое число, которое вам подходит). А можете использовать стандартный вариант «the_title()», если названия ваших постов короткие.

CSS свойства для оформления внешнего вида списка ссылок с миниатюрами

Ну а теперь сразу предоставляю список стилей, которые будут применены к каждому из тех элементов, которые входят в состав основного контейнера с « » (напоминаю, что их вы должны поместить в style.css):

Поясню некоторые моменты, касающиеся оформления похожих записей. Для основного блока прописано правило overflow:auto, которое вкупе со свойством CSS «float:left» (для контекстного селектора «.rel-posts li») позволяет обеспечить корректное отображение как всего блока с миниатюрами, так и его отдельных элементов. Кроме того, «float left» превращает вертикальный список в горизонтальный, чего мы, собственно, и добивались.

Еще один важный момент для понимания ситуации. Помните, выше мы составляли предварительную схему с вычислением отступов? Так вот, их значения указаны в виде параметров свойства CSS «margin». Для всей ячейки, определяемой элементами списка, а точнее, тегом li, они выглядят так:

Здесь надо понимать, что указанный отступ справа (34px) будет применен ко всем ячейкам, поэтому при отображении всего блока в браузере зазоры будут не только между ними внутри контейнера, но также между последней ячейкой и правой границей области контента:

Тогда при величине зазоров 34px места для последней ячейки не останется, и она опустится во второй ряд, заняв крайнюю левую позицию, поскольку для каждого элемента li будет действовать правило «float:left». Мы же при расчете отступов ориентировались на то, что последняя ячейка должна прижиматься к правому краю. Как же этого добиться?

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

Псевдокласс как раз помогает ликвидировать промежуток между последней ячейкой и правой границей области контента:

Параметр (3n+3) селектора «:nth-child» означает, что прописанные для него CSS свойства будут применены к каждому элементу, порядковый номер которого совпадает с числом, получаемым по этой формуле при замене переменной n целыми числами:

Получается, что для каждой третьей ячейки в нашем примере будет действовать правило «margin-right:0;», что позволит выводить несколько их рядов в списке похожих материалов.

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

Если вы перейдете по предоставленной ссылке, то узнаете все подробности создания адаптивных элементов. С этой целью в файле style.css создаются специальные секции с точками излома под различные размеры экранов, которые устанавливаются посредством директив @media.

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

Блок похожих записей, например, тоже будет деформироваться, и при достижении минимальной ширины области контента третьи ячейки из каждого ряда займут крайнее левое положение в следующем ряду. Таким образом, третья ячейка в первом ряду переместится в крайнее левое положение во втором. А, поскольку псевдокласс прописан именно для нее (с нулевым отступом), то она слипнется со своей соседкой справа.

Чтобы этого избежать, необходимо свойство «:nth-child (3n+3)» поместить в секцию, предусмотренную для самых больших экранов (такое место можно поискать в вашем файле style.css). У меня это экраны с минимальной шириной 1250 пикселов:

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

Тогда псевдокласс «:nth-child» можно просто не использовать. Но ведь нужно стремиться к совершенству. даже в мелочах. Хотя, каждый решает для себя сам.

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

Как вы помните, у меня на блоге ширина свободной области составляет 730 пикселов. Значит, вполне реально разместить таким же образом и 4 миниатюры стандартного размера 150×150 в ряд (150×4 = 600px). Для этого достаточно внести лишь некоторые изменения в уже существующий комплект правил CSS:

Не забудьте расположить псевдокласс «:nth-child(4n+4)» в нужном месте файла стилей. А также необходимо иметь ввиду, что сокращение величины отступов для картинок (.cat_thumb) приводит к тому, что появляется погрешность, поскольку текст заголовков с линками (.cat_link) сжимается с учетом корректного отображения слов.

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

Да, чуть не забыл. Напоминаю, что в целях использования 4 картинок с ссылками на тематические публикации необходимо поменять в коде, который вы помещаете в single.php, значение «’showposts’» c 3 на 4, ну или на 8, если желаете выводить ячейки в два ряда. Визуальное отображение уже готового варианта тоже лишним не будет:

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

Как вывести похожие записи в Worpdress внутри статьи. Или автоматическая внутренняя перелинковка нового поколения. Обзор плагина Inline Related Posts

Здравствуйте друзья. В этой статье я расскажу вам как вывести похожие записи в WordPress внутри статьи, с помощью одного интересного и не самого известного плагина Inline Related Posts.

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

Сразу же хочу вам признаться, данная статья является в каком-то смысле рерайтом

Источником информации, о которой сейчас пойдёт речь, является статья Михаила Шакина, автора популярного блога shakin.ru

Дело в том, что по рекомендации Михаила, я воспользовался плагином Inline Related Posts, для реализации вывода похожих записей в WordPress внутри статей и я настолько им впечатлился, что не выдержал и решил поделиться этой информацией со своими читателями. Так что решать только вам, читать мою статью или его

Надеюсь Миша не будет на меня зол, ведь всё-таки я даю ссылку на источник, значит закон не нарушаю, не так ли?

Ну всё, ближе к делу!

Похожие записи в WordPress

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

Я реализую данную функцию с помощью плагина wordpress related posts. Так это выглядит у меня:

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

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

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

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

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

Получается что, благодаря вывода похожих записей мы убиваем сразу двух зайцев:

  1. Реализуем внутреннюю перелинковку.
  2. Увеличиваем глубину просмотра сайта и тем самым повышаем поведенческие факторы.

Недостаток вывода похожих статей в конце постов

Несмотря на невероятное количество преимуществ при выводе похожих статей в конце постов, всё-же существует один небольшой недостаток и он:

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

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

Топ-пост этого месяца:  Как в цикле получить сразу два поста за одну итерацию

Поэтому, по мнению Шакина (и я с ним полностью согласен), очень важно выводить ссылки на похожие статьи в самом тексте.

Похожие записи в WordPress внутри статьи

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

Также существуют плагины WordPress, которые способны делать автоматическую внутреннюю перелинковку по ключевым словам, но мне такие плагины никогда не нравились! Объясняю почему:

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

Плагин Inline Related Posts, о котором сейчас пойдёт речь, выводит не просто ссылки на похожие записи в Worpdpress внутри статьи, а он заключает их в красивый блок и имеет немалое количество настроек, благодаря которым вебмастер имеет возможность решать:

  • Дизайн блока (фон, цвет и т.д.)
  • Вывод похожих статей по рубрикам или тегам.
  • Заголовок перед ссылкой на статью.
  • Будет ли закрыты ссылки от индексации (nofollow).
  • Количество ссылок на похожие записи в каждой статье.
  • Возможность отключить вывод блока в конкретных статьях.
  • Возможность самостоятельно выбрать конкретное место в статье для вывода блока.
  • Возможность выводить блок как в статьях, так и в любых страницах сайта.
  • И ещё многое другое…

После всех настроек плагина, вот как выглядит блок с ссылкой на похожую запись внутри моих статей, оцените:

Ну как вам? Мне очень нравится! А сейчас давайте посмотрим на все настройки плагина Inline Related Posts.

Обзор и настройки плагина Inline Related Posts

Для начала скачиваем плагин отсюда , или находим его через админку блога.

Далее, заходим в «Настройки» ⇒ «Inline Related Posts» и попадаем на эту страницу.

И сейчас мы рассмотрим каждый пункт настроек этого замечательного плагина. Поехали…

Style Settings — настройки стилей

  • Первым делом, вам нужно поставить галочку в чекбоксе «Active» тем самым вы активируете работу плагина.
  • Related text or Call-To-Action — здесь вы должны придумать заголовок, который будет отображаться перед ссылкой на похожую статью. Для примера, мой заголовок такой « Кстати, почитайте эту статью тоже: »
  • Theme — шаблон дизайна блока с ссылками. Здесь вы можете выбрать готовый шаблон блока с ссылкой на похожие записи, но большая часть шаблонов относится к платному аккаунту. Поэтому, если вы не хотите платить, то выбирайте бесплатный шаблон, который называется «Minimalist» или «Shock»

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

Я переведу вам на русский все разделы, а вы экспериментируйте сами.

  • Initial opacity % — непрозрачность блока в процентах.
  • CSS margin-top — отступ сверху.
  • CSS margin-bottom — отступ снизу.
  • Related Text Color — цвет для текста заголовка.
  • Post Title Color — цвет для текста ссылки на похожую статью.
  • Box Background Color — цвет фона для блока.
  • Border Color — цвет рамки блока.
  • Display border shadow — тень границы блока.
  • Display «Powered by» text(and show us some love — если в этом чекбоксе вы поставите галочку, то внутри блока добавится ещё одна ссылка на разработчиков плагина.

Plugin Settings — дополнительные настройки плагина Inline Related Posts

Insert in already existing posts? — добавлять ссылки на похожие записи в уже опубликованных статьях.

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

  • How many boxes per single post? — количество выводимых ссылок в каждой статье.
  • Only posts of last N. days(set zero for no limits) интересная функция, благодаря которой вы можете выводить ссылки только за указанное число дней (укажите ноль, если ограничение по времени не нужно). Сейчас объясню, что это значит.

Дело в том, что старые записи скорей всего уже устарели и не являются актуальными, поэтому нет смысла выводить на них внутренние ссылки. Но я всё-таки установил цифру 0, так как считаю, что все мои статьи актуальны

  • Interval between the boxes(minimum N° words) Количество слов между выводимыми ссылками (минимальное количество слов). В этом разделе я установил цифру 350. То есть, через каждые 350 слов будет выводится блок с ссылкой на похожую запись.
  • Insert a box at the end of the post? (if needed) — выводить ссылку в конце каждой статьи. Я не поставил галочку, так как у меня итак выводятся похожие записи в конце каждой статьи с помощью плагина wordpress related posts.
  • Use on page — выводить ссылки на всех страницах блога.
  • Use on post — выводить ссылки только в статьях.

Engine Settings — дополнительные параметры плагина Inline Related Posts

  • Search similar posts — по каким критериям выводить ссылки на похожие записи. Здесь вы можете выводить посты из той же категории или из тех же тегов или и то и другое вместе.
  • Link «rel» attribute — закрывать ссылки на похожие записи в атрибут nofollow или же открыть в dofollow. По мнению Михаила Шакина, стоит закрыть ссылки от индексации в nofollow, так как они выводятся динамически и постоянно меняются. Но я склоняюсь к иному мнению. Мне кажется, что несмотря на динамичность ссылок, не стоит закрывать внутренние ссылки от индексации. Кстати, буду рад услышать ваше мнение по этому поводу. В любом случае, на данный момент все мои внутренние ссылки открыты в dofollow.
  • Link «target» attribute — открывать ли ссылки в той же вкладке браузера, или в новой. Если выберете атрибут «target» то ссылки откроются в новой вкладке.
  • Integrate in«post» — если поставить галочку в этом чекбоксе, то у вас появится возможность отключать ссылки данного плагина в некоторых постах. То есть, при написании статьи через редактор, в правой нижней колонке появится опция не выводить ссылки этого плагина. Вот как это выглядит:


  • Integrate in«page» — здесь тоже самое, только выводить эту опцию в страницах блога.

Как самостоятельно решить в какой статье и в каком именно месте появится ссылка на похожую запись

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

При написании поста, в линейке редактора появится новый ярлык от плагина Inline Related Posts.

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

Подведу итог

На мой взгляд, плагин Inline Related Posts, достоин внимания. Он отлично реализует качественную внутреннюю перелинковку на блогах WordPress.

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

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

На этом я с вами прощаюсь и до новых встреч. Пока, пока.

Как вывести похожие записи с картинками в конце статьи на блоге WordPress

Здравствуйте, уважаемые читатели! Сегодня я Вам покажу, как просто вывести похожие записи с миниатюрами (картинками) без плагина и с ним. Если Вы панически боитесь редактировать файлы шаблона, такой способ реализации вывода постов по теме, как плагин, Вам поможет. Хотя мне не совсем нравится оформления блока похожих записей, которая есть у плагина. Когда вывод задается кодом, можно настроить их дизайн на свой вкус.

Пример блока похожих записей Вы можете посмотреть на моем блоге. Сразу под статьей под блоком поделиться в социальных сетях выводятся 4 картинки со ссылками на другие статьи из этой категории.

Зачем нужны похожие записи с картинками в конце статьи

Для начинающих блоггеров я поясню, зачем нужно после статьи выводить ссылки на посты по теме. Наличие блока с анонсами других статей положительно сказывается на таких поведенческих факторах, как глубина просмотра и время нахождения на сайте. Все происходит примерно так: посетитель прочел Вашу статью, на которую он попал из поисковой системы, в которой он искал ответ на свой вопрос. Далее он увидел в конце статьи блок с анонсами других статей. Заголовок или картинка-миниатюра поста его заинтересовала и он перешел на другую страничку Вашего сайта. В статистике Вы увидите, что пользователь, пришедший на сайт по определенному ключевому слову, провел на сайте сколько-то времени и сделал столько-то переходов. Таким образом, похожие записи с миниатюрами в wordpress помогают пользователям просматривать тематические материалы, находить в них ответы на другие вопросы и улучшать поведенческие факторы сайта.

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

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

В Вашем шаблоне должны быть включены миниатюры. Ну и соответственно картинки миниатюр должны быть загружены ко всем записям на сайте. Если картинок не будет, то будут отображаться пустые квадратики. Я на своем блоге для каждого поста загружаю картинку-миниатюру размером 200*200. Стараюсь загружать квадратные изображения по размеру варьирующиеся в пределах 20 пикселей от значения 200*200. В противном случае, большая картинка будет не красиво обрезаться.

На странице добавления записи в правой колонке должен быть вот такой блок:

Еще один важный момент. Отключите обрезание картинок-миниатюр до указанного в настройках движка размеров. Посмотрите на следующей картинке, куда зайти в админке, чтобы сделать это:

Как сделать похожие записи с миниатюрами без плагина

Теперь приступим непосредственно к добавлению кодов вывода похожих записей в файлы. Первый код вывода похожих записей мы добавим в файл single.php. Если Вы ранее не производили никаких манипуляций с этим файлом (не добавляли кнопок соцсетей, рекламных кодов), в этом случае найдите в файле single.php код . Именно он отвечает за вывод текста поста. Смотрите на картинке, где он находится в моем шаблоне.

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

В этом коде Вы можете поменять количество выводимых в блоке анонсов, напротив этой строки стоит комментарий. Сейчас там стоит значение 6.

Следующий код стилей добавьте в файл style.css, можно в самый конец.

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

Вывод похожих записей с картинками плагином Related Posts Thumbnails

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

Вот ссылка на скачивание плагина Related Posts Thumbnails, который поможет вывести похожие записи с миниатюрами. Или же можете найти плагин по названию и установить непосредственно с админ панели.

В админке, в разделе Параметры, выберите из выпадающего списка Related Posts Thumb и попадете на страницу настройки плагина:

Вывод похожих записей с картинками после статьи можно задать автоматически или же вставить самостоятельно код в нужное место в шаблоне. Задайте на каких страницах будут отображаться похожие записи и какие категории будут включены. Укажите заголовок, поскольку по умолчанию выводится заголовок Related Posts. Выбрите нужное количество выводимых записей. Также, можно задать стили: цвет фона, шрифтов и т.д.

Еще можно задать вывод похожих записей с картинками по категориям, меткам или произвольно:

На этом у меня все. Надеюсь, Вы без проблем сможете вывести похожие записи с картинками после постов с помощью плагина Related Posts Thumbnails.

Вывод списка тематических публикаций плагином WordPress Related Posts

Плагин WordPress Related Posts позволит вывести под статьей блок «Похожие записи».

Установка плагина Related Posts очень простая:

  1. Скачиваем плагин из официального сайта по ссылке http://wordpress.org/plugins/wordpress-23-related-posts-plugin/installation/
  2. Устанавливаем и активируем плагин Related Posts. Как устанавливать плагины написано тут.
  3. Настраиваем плагин. Из меню параметры выбираем Related Posts, и настраиваем количество похожих записей на странице и прочее.
  4. Для отображения блока Похожие записи на страницах статей, размещаем следующий код в шаблон страницы single.php. Код вставляется между кодом текста статьи страницы и кодом комментариев:

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

Похожие записи WordPress выводим без плагинов.

Привет всем вебмастерам, сегодня на WebMasterMaksim.ru вы узнаете как вывести похожие записи в WordPress без плагинов.

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

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

Лучший брокер

Похожие записи WordPress выводим без плагинов

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

Как организовать вывод похожих записей? Есть два варианта, это воспользоваться плагинами или воспользоваться специальным кодом без использования плагинов.

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

Так как любой плагин данного типа при загрузке страниц осуществляет поиск похожих статей по своему определенному алгоритму и на это ему требуется определенное время.

9,1,0,0,0

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

Коды вывода похожих статей в WordPress без применения плагинов.

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

Похожие статьи:

$args=array(
‘category__in’ => $category_ids,
‘post__not_in’ => array($post->ID),
‘showposts’=>5, // Number of related posts that will be shown.
‘caller_get_posts’=>1
);
// Rest is the same as the previous code
$my_query = new wp_query($args);
if( $my_query->have_posts() ) <
echo ‘

      ’;

      while ($my_query->have_posts()) <

      $my_query->the_post();

      ?>

    Похожие статьи:

    Это готовые два кода, которые будут выводить список похожих материалов после каждой статьи, для этого один из них необходимо вставить в файл single.php (одиночная запись).

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

    И изменить число которое вам необходимо. Также вы можете изменить внешний вид блока выводимых вами похожих статей при помощи CSS, в коде уже установлен контейнер sample, теперь вам просто нужно в файле style.css вашей темы прописать необходимые правила.

    18,0,0,0,1

    Yet Another Related Posts Plugin — вывод похожих статей для сайта wordpress

    Ссылка на эту страницу:

    Встроить HTML код видео:

    Плагины WordPress: Yet Another Related Posts Plugin — вывод похожих статей — видео

    Плагины WordPress: Yet Another Related Posts Plugin — вывод похожих статей. Умело используйте YARPP для перелинковки сайта.

    Ссылка на страницу плагина на wordpress.org

    Описание

    Еще один плагин для перелинковки (связывания между собой ссылками) сообщений (записей, постов) — YARPP — Yet Another Related Posts Plugin..

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

    Стандартные функции YARPP Basic

    • Миниатюра или список сопутствующих материалов.
    • Связанные сообщения, страницы и пользовательские типы сообщений.
    • Templating : система шаблонов YARPP дает вам расширенный контроль над тем, как отображаются ваши результаты.
    • Передовой и универсальный алгоритм. Используя настраиваемый алгоритм, учитывающий названия публикаций, контент, теги, категории и пользовательские таксономии, YARPP находит связанный контент со всего вашего сайта. Узнать больше.
    • Связанные записи в каналах: отображение связанных сообщений в RSS-каналах с настраиваемыми параметрами.

    Требования плагина

    Этот плагин требует PHP 5, MySQL 4.1 и WordPress 3.3 или выше. См. FAQ для ответов на общие вопросы.

    От автора видео

    Как вывести список похожих статей на WordPress сайте — настройка плагина Yet Another Related Posts Plugin (YARPP)
    Вконтакте: https://vk.com/shiperty
    Telegram канал: https://t.me/shiperty
    Twitter: https://twitter.com/shiperty
    Instagram: https://www.instagram.com/shiperty/
    _О КАНАЛЕ_
    На этом канале вы найдете видео уроки по созданию сайтов на движке WordPress (установке, настройке, оптимизации, различные хаки и секреты). Уроки по созданию WordPress шаблонов. Уроки по PHP, HTML и CSS. Увидите подробные авторские обзоры плагинов WordPress, инструкции по их установке и настройке. Также обзоры полезных и интересных программ. Понравившихся нам сайтов и многое другое.

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

    Плейлист в формате Youtube

    Серьезный Мега-Топ

    Галерея с описанием от авторов видео

    Перейти на мой веб-сайт чтобы узнать больше:
    http://it-explorer.com/

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

    Как установить wordpress (вордпресс) можно посмотреть в этом видео по этой ссылке — http://youtu.be/5porHVV61js

    Один из способов задержать посетителей или покупателей на нашем сайте — придложить что-нибудь стоящее и интересное. Так вот, очень часто если вы замечали, зачастую после текста со статьями можно встретить дополнительные блоки, которые называют примерно так «похожий контент» или «похожие записи».

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

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

    Больше видео на подобные тематики?
    Подпишись на мой youtube канал https://www.youtube.com/ITexplorercom

    Я на Twitter:
    https://twitter.com/itexplorercom
    Моя Facebook страница:
    http://www.facebook.com/itexplorercom

    WordPress уроки — Добавляем секцию Похожие статьи на сайт Вордпресс

    Перейти на мой веб-сайт чтобы узнать больше:
    http://it-explorer.com/

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

    Как установить wordpress (вордпресс) можно посмотреть в этом видео по этой ссылке — http://youtu.be/5porHVV61js

    Один из способов задержать посетителей или покупателей на нашем сайте — придложить что-нибудь стоящее и интересное. Так вот, очень часто если вы замечали, зачастую после текста со статьями можно встретить дополнительные блоки, которые называют примерно так «похожий контент» или «похожие записи».

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

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

    Больше видео на подобные тематики?
    Подпишись на мой youtube канал https://www.youtube.com/ITexplorercom

    Я на Twitter:
    https://twitter.com/itexplorercom
    Моя Facebook страница:
    http://www.facebook.com/itexplorercom

    Как вывести похожие статьи в WordPress

    wordpress плагин для вывода похожих статей в виде миниатюр

    Похожие записи или объявления на вордпресс


    Плагин похожих записей WordPress

    Вывод похожих статей на сайте WordPress (плагин)

    Вывод статей будем делать, с помощью плагина WordPress Related Posts.

    Курс по заработку на сайтах: https://aleksandrchistov.com/free/

    Мои страницы:
    Вконтакте — https://vk.com/aleksandr_chistov
    Facebook — https://www.facebook.com/AleksChistov
    Instagram: https://www.instagram.com/aleksandr_chistov/

    Похожие записи WordPress без плагина с миниатюрами — Константин Хмелев

    Подробнейшая статья на блоге со всеми кодами:
    http://kostyakhmelev.ru/texnicheskaya-chast/poxozhie-zapisi-wordpress-bez-plagina.html

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

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

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

    Все исходные материалы с кодами вы найдете в статье на блоге, где я также описал весь процесс очень подробно:
    http://kostyakhmelev.ru/texnicheskaya-chast/poxozhie-zapisi-wordpress-bez-plagina.html

    Плагин похожие записи WordPress — Contextual Related Posts установка и настройка

    WordPress — Contextual Related Posts как установить и настроить, плагин вывода похожих записей с миниатюрой(картинками).

    Отличный плагин который выводит похожие записи сразу после поста. В видео расписан краткий курс установки, если у вас остались вопросы по какой либо конкретной функции — задавайте под видео!

    Вывод похожих статей на WordPress сайте — Yet Another Related Posts Plugin

    Как установить и настроить плагин Yet Another Related Posts Plugin (YARPP)

    Плагин yet-another-related-posts-plugin статьи по одной теме

    Configuración de Plugins para WordPress — Yet Another Related Posts Plugin

    Gran artículo que he tenido la oportunidad de escribir en el blog de los chicos de CaminitoAmor.com.

    Te cuento sobre la configuración de plugins para WordPress imprescindibles para tu día a día con tu web.

    En este caso un plugin de WordPress llamado Yet Another Related Posts Plugin, un plugin super práctico que nos genera automáticamente artículos relacionados debajo de nuestros post.

    Fácil de configurar y necesarios para que tus usuarios sigan navegando por tu blog.

    Puedes visitar el artículo completo con más plugins para WordPress aquí: http://bit.ly/2AnKJSX

    ¡Que te sea útil!

    Puedes seguirme en mi web aquí: http://bit.ly/2vBIxa5

    How to Add Related Posts Plugin in WordPress

    How to Add Related Posts Plugin in WordPress by Rajesh Kumar Sumer.

    In this video I am adding plugin in a wordpress website that is made on localhost. With the help of this plugin you can show the related posts / suggested posts on a particular post page.

    It helps you to reduce the bounce rate of your website, and increase page views that strengthen your website rankings.

    How to Display Related Posts on your WordPress Blog

    5 Best Related Posts Plugins for WordPress

    Text version of this tutorial:
    http://www.wpbeginner.com/plugins/5-best-related-posts-plugins-for-wordpress/

    Are users leaving your site after reading the first post? Increasing page views can be difficult and showing related content is an effective way of getting more page views. In this video, we will show you the 5 best related posts plugins.

    If you liked this video, then please Like and consider subscribing to our channel for more WordPress videos.

    Check us out on Facebook:
    https://www.facebook.com/wpbeginner

    Follow us on Twitter:
    http://twitter.com/wpbeginner

    Join our circle on Google+:
    https://plus.google.com/+wpbeginner/

    Checkout our website for more WordPress Tutorials
    http://www.wpbeginner.com/

    Summary of this Tutorial:

    #1 is yet another related posts plugin or YARPP which is one of the more popular plugins to use.

    It has a great built in algorithm for finding related posts for your visitors with a great templating system and the ability to show post thumbnails.

    On the downside it is a bit resource intensive for large sites.

    The next one is contextual related posts which is for text only related posts and works right out of the box.

    However there is no templating system and hosting providers have blocked it as well just because like YARPP it’s resource intensive for large sites.

    The next one is related posts for WordPress plugin which focuses on performance and doesn’t slow your site down, but if you’ve used some of the other plugins, you might be missing some of the extra features they provide.

    #4 is the yuzo related posts

    It’s very easy to use and setup, the downside is it’s not a lightweight plugin even though it is fast.

    #5 is the inline related posts plugin this plugin will show related content inside the article when users are more engaged instead of at the bottom.

    The only con is if you want to display things at the bottom you’ll have to install another plugin to do that which can be resource intensive.

    As you noticed, many of the related posts plugins are resource intensive but you can use the manual related posts plugin.

    If you have time to use it, this lets you manually setup the related posts yourself and is very lightweight.

    Yet Another Related Posts Plugin

    Contextual Related Posts

    Related Posts for WordrPress

    Yuzo Related Posts

    Inline Related Posts

    Manual Related Posts

    Настройка плагина YARPP для вывода похожих статей

    Top 10 Related Post Plugins for WordPress

    The Related posts are the best resource of increasing page views of your blog, decrease bounce rate (number of visitors that immediately leave your blog) and help to keep visitors for longer duration. Thus related posts helps in building more user engagement on your blog. Ultimately you will be selling more products / services through your blog thus increasing your affiliate income, or if you are using Google Adsense or any other publisher network to monetize your blogs, its earning will be increased to many folds. Adding Related Posts on your blog is one of the best SEO practice.

    Related postz are usually found at the bottom on any article, giving several suggestions to blog readerz that they might be interested to read the related topic, this way readers are kept engaged in reading more posts of your blog. There are two types of related posts, one with thumbnails and other without thumbnails, its been observed that related posts with thumbnails are more engaging and successful in generating more page views on the blog. You are free to choose either textual related posts or related posts with thumbnails, but I would recommend the thumbnailed version as it generates more user engagement. http://bit.ly/2sD9vfp
    WordPress Tutorials
    http://bit.ly/2sqLdSX

    Top 5 Pluging of WordPress
    http://bit.ly/2sIPTqm

    How to test a WordPress theme without Changing it for Live Visitors
    http://bit.ly/2ruU2to

    How to setup WordPress in other languages – WordPress in your language
    http://bit.ly/2rEHBPT

    Best method to exclude Specific Categories from navigation in wordpress
    http://bit.ly/2rG4H97
    Best Tools Everyone In The WordPress Should Be Using
    _______________________________________
    WordPress Tutorials
    Blogger Tutorials
    SEO Tutorials
    Make Money Online Tutorials
    | BLOGGING Tutorials | TheVidsDay
    _________________________________________

    LIKE ? SHARE ? SUBSCRIBE
    __________________________________________________________________________
    wordpress sign in
    wordpress download
    wordpress tutorial
    wordpress wiki
    wordpress blog
    how to use wordpress
    wordpress website
    wordpress plugins tutorial
    wordpress plugin development
    plugin download
    wordpress plugins best
    wordpress plugins free
    wordpress plugins 2020
    premium wordpress plugins
    wordpress plugins free download
    related posts widget wordpress
    related posts widget blogger
    best related posts plugin wordpress
    yet another related posts plugin (yarpp)
    yuzo related posts
    inline related posts
    related post plugin wordpress with thumbnail
    wordpress related posts shortcode
    yet another related posts plugin (yarpp)
    best related posts plugin wordpress
    yuzo related posts
    inline related posts
    related post plugin wordpress with thumbnail
    contextual related posts
    wordpress related posts plugin custom post types
    wordpress related posts without plugin

    Плагины WordPress: Yet Another Related Posts Plugin — вывод похожих статей — видео

    WP Magazine

    Про WordPress на русском языке

    Похожие записи в WordPress с помощью плагина YARPP

    Вывод похожих записей в WordPress является хорошим методом удержать посетителей на вашем сайте. Плагинов для реализации схожих записей достаточно много, и одним из самых популярных является плагин Yet Another Related Posts Plugin, или сокращённо YARPP.

    Установка и настройка плагина

    Скачать плагин вы можете бесплатно из официальной директории WordPress.org, или же установить автоматически через панель администрирования WordPress зайдя в раздел Плагины → Добавить новый. После установки и активации плагина, в меню Параметры вы найдёте новый пункт «Связанные посты» для его настройки.

    Настройки плагина YARPP

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

    • Score (по умолчанию) — сортирует по сходству записей
    • Date — сортировка по дате статей
    • Title — сортировка по заголовку статей в алфавитном порядке

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

    Стоит так же отметить раздел с настройками для RSS ленты. Здесь вы можете включить отображение похожих записей в вашей RSS ленте. Это эффективно особенно в том случае, если вы публикуете полные статьи в RSS ленте WordPress, а не только их анонсы.

    После настройки плагина вы можете увидеть его в действии при переходе на любую вашу статью.

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

    Как YARPP влияет на скорость загрузки сайта

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

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

    Режим Custom/PHP

    В настройках плагина YARPP вы можете выбрать между выводом схожих статей списком, или сеткой с миниатюрами. Есть и третий режим для более продвинутых пользователей, который позволяет полностью изменить разметку вывода похожих статей.

    При активации режима Custom, YARPP создаст несколько дополнительных шаблонов для примера в вашей теме. Вы можете использовать их для создания собственного шаблона вывода схожих статей со своей собственной разметкой. Это хорошо сочетается с возможностью выводить схожие статьи в любом месте вашей темы с помощью функции плагина related_posts() .

    YARPP Experiments

    Если вы работаете над сайтом с огромным количеством статей и под высокой нагрузкой, то вам будет интересен плагин YARPP Experiments. Это официальный плагин от разработчика YARPP, который добавляет дополнительные настройки к основному плагину, включая управление кэшированием, снижение скорости расчётов схожести (поможет снизить нагрузку на сервер) и другие.

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

    WordPress похожие записи без плагина

    Один из вариантов как можно вывести в WordPress похожие записи без плагина. Вывод похожих записей осуществляется по меткам.

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

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

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

    Этот код не использует скриптов, по сути это стандартные функции WordPress.

    Итак, чтобы вывести в WordPress похожие записи без плагина нужно создать шорткод, в вашем случае просто скопировать и вставить в файл functions.php этот небольшой код:

    Здесь следует обратить внимание на ‘limit’ => ‘5’, — это значит, что будет осуществлен вывод 5-ти похожих записей. Меняйте цифру ‘5’ на нужную.

    Все, теперь, если вы добавите в окончание поста шорткод

    Это картинка. Шорткод выводит здесь записи 🙂

    должен отобразиться обычный список схожих записей. Естественно, к публикации нужно не забывать ставить метку, выбрать из часто используемых меток. Если добавить к записи новую метку, и шорткод «WordPress похожие записи», то конечно-же подобных записей не будет, пока не будет определена эта-же метка к другой записи. Шорткод сформирован, теперь стили оформления. Я дам свои стили, чтобы не выдумывать. Вот мой код CSS вывода похожих записей, который нужно добавить в файл style.css :

    background: url(«/wordpress-poxozhie-zapisi-bez-plagina/images/jeans_white.png») repeat scroll 0 0 rgba(0, 0, 0, 0); — ставьте свою картинку в качестве фона.

    Правда у вас не отразиться такой элемент оформления перед каждой похожей записью. Это используются иконки Font Awesome, о которых можно прочитать здесь.

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

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

    один раз поставить

    Если в файле single.php такой строчки нет, то стоит поискать ее в файле типа loop-single.php

    Немного подробнее о том, как вставить шорткод в любое место шаблона написано в статье «Добавляем шорткод в любое место шаблона WordPress»

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

    Лучший способ отблагодарить автора

    Похожие по Тегам статьи

    Начиная с версии 3.5 WordPress из редактора удалена функция автоматического добавления атрибута title, что…

    На скриншоте показан вывод количества просмотров WordPress в анонсах статей. На днях столкнулся с…

    Как известно, в WordPress редакторе существует два режима публикации и редактирования постов — Визуальный…

    Топ-пост этого месяца:  Загрузка файлов на wordpress
Добавить комментарий