Wordpress post image personnalisation

Question

Je viens de commencer à créer mon premier thème WP après avoir fait le HTML/CSS. Tout va bien jusqu'ici! Presque fait en fait. Un problème cependant:

Je veux que chaque image post ait un entourage autour d'eux. Je pourrais l'inclure dans l'image, mais je préférerais que lorsque je poste une image, elle se trouve à l'intérieur du cadre.

J'ai pensé à compenser une image BG sur chaque poste et à avoir le premier img de chaque poste assis dans cette zone. Quelqu'un ici connaît une meilleure façon de le faire?

Merci

Answer 1

En utilisant CSS2, cela semble être la meilleure idée. Cependant, je ne suis pas sûr si vous devez utiliser un décalage. Il suffit de mettre en place quelque chose comme (en supposant des images sera de taille uniforme):

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

Puis juste avoir le code HTML comme ceci:

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

CSS3, cependant, vous permet d'avoir une image comme une frontière . En suivant ce lien:

Peut être utile si vous n'êtes pas trop préoccupé par la compatibilité complète entre les navigateurs.

Answer 2

Tout bon, en attendant, je trouve WP3 a une image sélectionnée, vous pouvez maintenant ajouter par functions.php:

add_theme_support('post-thumbnails'); 

Ensuite, utilisez simplement:

<?php the_post_thumbnail();?> 

Pour tirer dans le poster. Ce qui est bien parce que vous pouvez ensuite le styler, et seulement cela (sans utiliser un sélecteur d'image qui affecte toutes les images, ou en utilisant JQ pour sélectionner la première image) qui semble être une solution parfaite!

Merci