Как да добавите изображения Thumbnails на подобни постове в WordPress
В: Вашият сайт е много полезен за мен. Може ли да ми кажете как да вграждам тези свързани публикации като в сайта си в моята? Опитах много алтернативи, може ли да ми кажете как добавяте подобни публикации с миниатюри?
Ако често сърфирате в мрежата, ще забележите, че много блогове показват миниизображения на изображения за секцията "Подобни публикации", точно както направихме в Make Tech Easier. В WordPress има няколко начина, по които може да се направи това. Нека да го проверим.
Използване на плъгин
Най-лесният начин за внедряване на миниизображението на изображението (без кодиране) е чрез приставка. LinkWithin е един такъв инструмент, който можете да използвате. Предимството на LinkWithin е, че не заема сървърното пространство и честотната лента (за съхраняване на миниатюрите) и има малко конфигурации (или нула), които трябва да бъдат направени.
Отидете на LinkWithin. Попълнете подробностите на първата страница.
Кликнете върху Получаване на притурка . След това ще бъдете насочени към страница, в която можете да изтеглите приставката.
Инсталирайте и активирайте приставката. Появата ви, свързана с миниатюри, веднага ще се покаже в блога ви.
Доколкото може да се получи, има някои недостатъци и ограничения при използването на LinkWithin.
- има ограничен контрол за крайния потребител: не можете да конфигурирате коя миниатюра на изображението да се показва за всяка публикация.
- не можете да коригирате размера и стила на приспособлението.
- не можете да зададете позицията за показване на приспособлението. По подразбиране е да се появи веднага след като съдържанието на публикациите завърши, но има времена, в които първо искате да вмъкнете информация за автора или реклами преди съответната публикация. в този случай това не е полезно.
Хакерски файл с WP тема
Най-добрият начин да персонализирате напълно потребителското преживяване е да отидете в файла с теми и да направите някои хакерски действия. Това ще изисква известно кодиране.
Първо, използвайки инструкцията тук, активирайте функцията за миниизображение на публикацията (приложима само за WP 2.9 и по-горе).
След това инсталирайте и активирайте още плъгин за други свързани постове. Това, което обичам, е възможността да използваш шаблонна система, за да оформяш свързаното съдържание на пощата.
В папката с приставки на YARPP отидете в папката yarpp-templates и копирайте файла "yarpp-template-thumbnail.php" в папката с теми.
След това в страницата с опции на WordPress YARPP:
- премахнете отметката от " Автоматично показвани свързани публикации? "
- изберете броя на свързаните публикации, които искате да се показват
- изберете yarpp-template-thumbnail.php от падащия списък за шаблони.
Отворете "yarpp-template-thumbnail.php" в текстов редактор. Заменете кода със следното.
Свързани снимки
have_posts ()):?>
- have_posts ()): $ related_query-> the_post (); ?>
Няма свързани снимки.
Това, което прави този код, е да провери дали има набор от миниатюри за всяка свързана публикация. Ако отговорът е "да", той ще покаже миниизображението и писмото.
След това в папката си с тема, отворете файла " single.php " и добавете следния ред в частта, в която искате да покажете съответната публикация:
И накрая, трябва да направим някакъв стил. Копирайте и поставете следния код за стайлинг в файла си style.css .
.related_posts ul {ширина: 100%; списък стил: няма; марж: 0; подложка: 0; } .related_posts li {дисплей: инлайн; плаваш: ляв; марж: 0; подложка ляв: 0; вата-надясно: 10px; ширина: 140px; / * променете тази стойност по ваш шаблон * /} .related_permalink {width: 140px; / * променете тази стойност според Вашия шаблон * / text-align: left; шрифта: 0.85em; подложка-отгоре: 5px; } .related_thumbnail {width: 140px; / * променете тази стойност според размера на миниатюрата * / height: 80px; препълване: скрит; текст-приравни: център; }Това е.
Кредит на изображението: wuzhao.album