Как да добавите WordPress Свързани Постове Без Приставки

Едно от големите предимства на използването на WordPress са плъгините. WordPress плъгините покриват почти всичко, което можете да си представите - от разширяване на блога до CMS, до добавяне на елегантни функции и оптимизиране на блога ви за търсачките - възможностите са безкрайни (и нека не забравяме всички различни теми там).

Но като използвате твърде много приставки, рискувате да запушите блога си в WordPress и в най-лошия случай можете да го „счупите“. Има много примери за приставки, които не са съвместими помежду си, както и приставки, които забавят блога ви.

Някои от най-популярните категории плъгини на WordPress са базирани на добавяне “Подобни публикации” в блог. Тъй като WordPress няма нищо стандартно за това, всеки трябва да използва някакъв плъгин за показване на свързани публикации на техния сайт.

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

Но първо, защо да избягваме плъгини?

Има редица причини, поради които винаги трябва да се опитвате да използвате WordPress 'вграден код и услуги, а не плъгин. Основното предимство е, че не е нужно да разчитате на трета страна (разработчикът на приставки), за да функционира вашият блог. Има много случаи на отхвърляне от страна на разработчиците на популярни приставки, оставяйки безброй собственици на сайтове с остарял и потенциално уязвим софтуер.

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

Първи стъпки: свързани публикации с миниатюри

Тази функция "свързани с публикации", както и повечето други, е предназначена да бъде поставена на главната страница на статията (single.php), но можете да я използвате почти навсякъде, стига да я държите в рамките на WordPress. За да получим съответните публикации, ще използваме маркерите за публикации, които се дават на отделни статии.

Thumbnails

WordPress вече разполага с вградена миниатюрна система, която ще ни трябва тук. За да го активирате, добавете този код към файла functions.php във вашата папка с теми (в повечето случаи той вече е там).

 add_theme_support ('post-thumbnails');

Можете също да зададете ширина и височина на миниатюрите, като добавите друг ред към кода:

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

Важно: Когато добавяте изображения към публикации, за да създадете миниатюра, трябва да изберете в панела за качване на изображения “Използвайте като изобразено изображение”. Това ще създаде миниизображение за публикацията.

Кодът

  Подобни публикации
 ДОКУМЕНТ ЗА САМОЛИЧНОСТ); 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 = нов wp_query ($ args); докато ($ my_query-> have_posts ()) $ my_query-> the_post (); ?>

Част от кода the_post_thumbnail (масив (150 100) задава размера на миниатюрата, която ще се показва в този случай с ширина 150 пиксела, височина 100 пиксела.

CSS

Тук имаме два класа Divs, “.Подобни публикации”, който е общия контейнер div, и “.relatedthumb” което е индивидуалната миниатюра и връзка в рамките на .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 марж: 0 0 3px 0; padding: 0; .relatedthumb a цвят: # 333; текст-декорация: няма; езика: блок; пълнеж: 4px; ширина: 150px; .relatedthumb a: hover background-color: #ddd; цвят: # 000;

CSS по-горе ще направи миниатюрите на публикацията с ширина 150 пиксела, което означава, че ще са ни необходими 4 миниатюри, за да запълни 640px ширината на публикацията (включително полето между тях). Можете да коригирате това, както желаете; ако искате 5 миниатюри, ще ви е необходима ширина с приблизително 125 пиксела.

Важно: Уверете се, че сте задали ширината на миниатюрите, генерирани в настройките на WordPress, за да съответстват на тези, които сте задали в CSS. Освен това трябва да съответства на размера, посочен в кода на php: the_post_thumbnail (масив (150 100).

пример

Свързаните публикации трябва да изглеждат по този начин, както се използва от блога за игри DigitalBattle (който използва точната техника, описана в тази статия):

Подобни техники

Това не е единственият начин да направите свързани публикации без плъгини - има много техники и ръководства, които ви показват как да добавяте свързани публикации без приставки, ето няколко от тях:

Свързани постове с миниатюри в WordPress без плъгин (TechWalz)
Как да: свързани публикации с миниатюри в WordPress без плъгини (WPBeginner)
Как да добавям свързани статии с миниизображение без приставка (WPCode)

Заключения

Можем да направим много с вградените функции, които WordPress предлага, и в много случаи не е нужно да прибягваме до плъгини на трети страни, за да свършим работата си. Следващия път, когато имате нужда от плъгин за вашия блог на WordPress, вижте дали можете да постигнете същата функция без приставката. Копайте, потърсете алтернатива в мрежата. Ще се изненадате колко е възможно с помощта на WordPress.