Картинки-превьюшки для записей в блоге
Опубликовано в July 22, 2008
Filed Under Wordpress, Браузеры | Leave a Comment
Расскажу вам о том, как с помощью произвольных полей (custom fields) сделать в своем wordpress-блоге превьюшки, или как их еще называют, тумбы (thumbs) для постов.
- На страничке написания сообщения (wp-admin/post.php) внизу ищем “Произвольные поля”
- Добавляем новое поле с ключем, например “post_pic”, а в поле “Значение” вбиваем адрес к изображению-thumb’у, например “pics/first-thumb.jpg”
- Открываем шаблон главной страницы (как правило, index.php или home.php)
- Ищем место, куда вставить наше изображение. Я его поместил непосредственно перед телом сообщения, выровняв затем с помощью css по левой стороне. Вставляем в нужное место следующий код
Где с помощью функции get_post_meta($post->ID, post_pic) получаем значение поля с ключем post_pic. Т.к. значение в нашем случае – это адрес к изображению, то для того чтобы вывести изображение, вставляем тэг img, где в src прописываем этот самый путь. Тэг img помечаем каким-нибудь классом post-pic, чтобы потом через css придать нужный вид.
Если же вы не укажете в custom field значение для соответсвующего ключа, то у вас отобразится обычный пост без всяких thumb’ов.
В результате получим вот такое короткое описание для поста на странице с последними сообщениями.
Комментарии
Leave a Reply