2010-08-19 73 views
0

我剛開始創建我的第一個WP主題做HTML/CSS後。迄今爲止都很好!事實上幾乎完成了。但有一個問題:WordPress的帖子圖像定製

我希望每個帖子圖片都有圍繞它們的環繞聲。我可以將它包含在圖像中,但我寧願在發佈圖像時將它放在環繞內。

我想過在每個帖子上偏移BG圖像,讓每個帖子的第一個img坐在那個區域。這裏的任何人都知道更好的方法來做到這一點?

謝謝

回答

0

使用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/

如果您不是過度擔心完整的跨瀏覽器兼容性,可能會有用。

0

都好,在此期間,我發現WP3具有特色圖片您可以通過現在的functions.php添加:

add_theme_support('post-thumbnails'); 

然後你只需使用:

<?php the_post_thumbnail();?> 

把它拉入帖子。這是很好的,因爲你可以設計風格,並且只有這樣(不使用影響所有圖像的圖像選擇器,或使用JQ選擇第一個圖像),這看起來是一個完美的解決方案!

感謝