Як додати WordPress Пов'язані повідомлення без плагінів

Одним з великих переваг використання WordPress є плагіни. Плагіни WordPress охоплюють майже все, що ви можете собі уявити, від розширення вашого блогу до CMS, до додавання чудових можливостей та оптимізації вашого блогу для пошукових систем - можливості нескінченні (і не забувайте про всі різні теми там).

Але, використовуючи занадто багато плагінів, ви ризикуєте заблокувати ваш блог WordPress, і в найгіршому випадку, ви можете "зламати" його. Існує багато випадків, коли плагіни не сумісні один з одним, а також плагіни, які сповільнюють роботу вашого блогу.

Деякі з найбільш популярних категорій плагінів WordPress базуються на додаванні “Схожі повідомлення” до блогу. Оскільки WordPress не має нічого стандартного для цього, кожен повинен використовувати якийсь плагін для відображення відповідних повідомлень на їхньому сайті.

Ця стаття навчить вас, як додати відповідні повідомлення з мініатюрами до вашого блогу без будь-яких плагінів, зберігаючи все простим, легким і доступним. Давайте розпочнемо!

Але по-перше, навіщо уникати плагінів?

Існує ряд причин, чому ви завжди повинні намагатися використовувати WordPress, побудований в коді та службах, а не плагін. Основною перевагою є те, що вам не доведеться покладатися на третю сторону (розробник плагінів) для роботи свого блогу. Існує багато випадків, коли розробники відмовляються від популярних плагінів, залишаючи безліч власників сайтів застарілими та потенційно вразливими програмами.

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

Початок роботи: відповідні публікації з мініатюрами

Ця функція "пов'язаних повідомлень", як і більшість інших, призначена для розміщення на головній сторінці статті (single.php), але ви можете використовувати її практично в будь-якому місці, якщо ви зберігаєте її в циклі WordPress. Щоб отримати відповідні публікації, ми використовуватимемо теги до публікацій, які надаються окремим статтям.

Ескізи

Тепер WordPress має вбудовану систему мініатюр, яку нам знадобиться тут. Щоб увімкнути його, додайте цей код до файлу functions.php у папці теми (у більшості випадків це вже є).

 add_theme_support ('post-thumbnails'); 

Ви також можете встановити ширину та висоту мініатюр, додавши до коду ще один рядок:

 add_theme_support ('post-thumbnails'); set_post_thumbnail_size (100, 50, true); 

Важливо: При додаванні зображень до повідомлень, щоб створити мініатюру, на панелі завантаження зображень виберіть “Використовуйте як зображення”. Це створить мініатюру для публікації.

Код

 
 
Схожі повідомлення
 ID); if ($ tags) $ tag_ids = масив (); foreach ($ теги як $ individual_tag) $ tag_ids [] = $ individual_tag-> term_id; $ args = array ('tag__in' => $ tag_ids, 'post__not_in' => масив ($ post-> ID), 'posts_per_page' => 4, // Кількість відповідних повідомлень для відображення. 'caller_get_posts' => 1) ; $ my_query = new wp_query ($ args); в той час як ($ my_query-> have_posts ()) $ my_query-> the_post (); ?> 
 
   
  
 

Шматок коду the_post_thumbnail (масив (150,100) встановлює розмір мініатюри, що відображатиметься в даному випадку шириною 150px, висотою 100px.

CSS

Тут є два класи divs, “.Схожі повідомлення”, який є загальним контейнером div, і “.спорідненихпункту” яка є окремим ескізом та посиланням у межах .relatedposts. Будемо вважати, що ширина посади стандартна 640px. CSS:

 .relatedposts width: 640px; маржа: 0 0 20px 0; поплавок: лівий; розмір шрифту: 12px; .relatedposts h3 розмір шрифту: 20px; маржа: 0 0 5px 0;  .relatedthumb margin: 0 1px 0 1px; поплавок: лівий;  .relatedthumb img margin: 0 0 3px 0; padding: 0; .relatedthumb a color: # 333; текст-прикраса: немає; дисплей: блок; заповнення: 4px; ширина: 150px; .relatedthumb a: hover background-color: #ddd; колір: # 000; 

Наведений вище CSS надасть мініатюри публікації шириною 150px, що означає, що нам потрібно 4 мініатюри для заповнення 640px ширини повідомлення (включаючи маржу між ними). Ви можете налаштувати це, як ви бажаєте; якщо потрібно 5 мініатюр, вам знадобиться ширина шрифту приблизно 125px.

Важливо: Переконайтеся, що встановлено ширину мініатюр, створених у налаштуваннях WordPress, щоб відповідати параметрам, встановленим у CSS. Крім того, він повинен відповідати розміру, вказаному в коді php: the_post_thumbnail (масив (150,100).

Приклад

Відповідні публікації повинні виглядати приблизно так, як це використовує ігровий блог DigitalBattle (який використовує точну техніку, описану в цій статті):

Подібні методи

Це не єдиний спосіб зробити відповідні посади без плагінів - є багато методик і посібників, які показують вам, як додати відповідні повідомлення без плагінів, ось деякі з них:

]
• Схожі повідомлення w / мініатюри в WordPress без плагіна (TechWalz)
• Як: пов'язані повідомлення з мініатюрами в WordPress без плагінів (WPBeginner)
• Як додати пов'язані повідомлення з ескізом без плагіна (WPCode)

Висновки

Ми можемо зробити багато чого з вбудованими функціями, які пропонує WordPress, і в багатьох випадках нам не потрібно вдаватися до сторонніх плагінів для виконання роботи. Наступного разу, коли вам потрібен плагін для вашого блогу WordPress, переконайтеся, що ви можете досягти тієї ж функції без плагіна. Копайтеся, шукайте альтернативу в Інтернеті. Ви будете здивовані, скільки можливо з WordPress з коробки.