Wordpress пост настройки изображения

Question

Я только начал создавать свою первую тему WP после выполнения HTML / CSS. Пока все хорошо! Почти сделано на самом деле. Хотя одна проблема:

Я хочу, чтобы вокруг каждого изображения было окружение. Я мог бы включить его в изображение, но я бы предпочел, чтобы при публикации изображения оно находилось внутри окружения.

Я думал о смещении изображения BG на каждом посте и размещении первого img каждого поста в этой области. Кто-нибудь здесь знает лучший способ сделать это?

Спасибо

Answer 1

Все хорошо, тем временем я обнаружил, что WP3 имеет рекомендуемое изображение, которое вы можете добавить сейчас через functions.php:

add_theme_support( 'post-thumbnails' );

Тогда вы просто используете:

<?php the_post_thumbnail();?>

Чтобы вытащитьэто в пост.Это хорошо, потому что вы можете затем стилизовать это, и только это (без использования селектора изображений, который влияет на все изображения, или с помощью JQ для выбора первого изображения), которое кажется идеальным решением!

Спасибо

Answer 2

Использование CSS2, это звучит как лучшая идея. Хотя я не уверен, нужно ли вам использовать смещение. Просто настройте что-то вроде (при условии, что изображения будут одинакового размера):

.imgbackground {
height: 23px;
width: 23px;
padding: 3px;
background: url(image.png);
}

Тогда просто используйте html так:

<div class="imgbackground">
<img src="img.png">
</div>

CSS3, однако, позволяет использовать изображение в качестве рамки. По этой ссылке: http://www.css3.info/preview/border-image/

Может быть полезно, если вас не слишком беспокоит полная кросс-браузерная совместимость.