Как да добавяте текст върху миниатюрни изображения в WordPress
Наскоро се заинтересувах как хората използват изображения на своите WordPress сайтове. Винаги има потребители, които искат да направят нещо, като използват снимки и как се показват. Разглеждам много форуми, търсейки дискусии за това как да показвам изображения в WordPress и ги използвам по нови начини.
Текстът върху изображението се подобрява потребителско възприятие. Този текст може да се използва за обяснения на картината, за да стане по-информативен. Сайтове за вестници и списания добавят към изображения заглавия и описания, за да направите сайтовете си по-интерактивни и интересни.
Проблемът е, че докато изтеглянето на текст в WordPress не е толкова трудно, персонализирането му да се показва върху изображение с помощта на CSS може да бъде доста трудно за някои потребители. В тази статия ще се опитаме да експериментираме с изображения на WordPress, като поставим върху тях различни видове текст.
Добавете името на категорията към изображенията
Някои собственици на сайтове на WordPress искат да се показват заглавие, в който е публикуван записът, над миниатюрни самият запис. Това е добре за тези сайтове, в които публикацията може да принадлежи само към една категория.
Първо ще се опитаме да "извадим" име на рубриката и го покажете заедно с миниатюрата на публикацията, след което ще я оформим CSS в нашата таблица със стилове:
Сега ще добавим стил с CSS така че текстът да се появи отгоре на изображението:
В горния пример предположихме, че размерът на миниатюрата на публикацията е: 180 х 180 пиксела. Променете ширината, за да се побере миниатюрата на публикацията ви. Ако не знаете размера на миниатюрата на публикацията си, можете да я видите в конзолата: Опции → Медия.