我想爲我的WordPress網站設置功能圖片。但是,即使所有圖像具有相同的寬度。它們的高度各不相同,導致3個物品網格在其下面的3個物品不平直,因爲前3個物品的高度不同。有什麼我可以寫在functions.php,可以幫助這個嗎?非常感謝。無論原始圖片的大小如何設置爲發佈的WordPress功能圖像是相同的大小?
0
A
回答
0
您可以使用精選(縮略圖)圖像作爲背景圖像。例如,
<style>
.post-thumbnail-img {
background-size:cover;
background-repeat: no-repeat;
background-position: center center;
height: 300px;
width:100%;}
</style>
<div class="post-thumbnail-img" style="background-image: url('<? echo the_post_thumbnail_url();?>')">
</div>
0
您可以使用WordPress CROP
函數設置縮略圖圖像。
add_theme_support('post-thumbnails');
set_post_thumbnail_size(150, 150);
+0
謝謝!我只是將其添加到functions.php? – user3821656
+0
我將此添加到了functions.php中,但功能圖像根本沒有改變。 – user3821656
+0
您應該使用Regenerate Thumbnails插件將所有上傳的圖像重新生成爲新的縮略圖大小。 –
相關問題
- 1. 如何使相同大小的圖片在,但圖像大小不同勢
- 2. 如何將QLabel的大小設置爲像素圖中圖像的大小?
- 3. 如何將畫布的大小設置爲其背景圖片?
- 4. jquery:設置圖像寬度但不大於原始大小?
- 5. 如何設置圖像的大小?
- 6. 將圖片大小縮小到WordPress的縮略圖大小
- 7. WordPress的不同的圖像大小
- 8. WordPress的圖像大小
- 9. 如何設置WordPress RSS feed的圖像大小像素?
- 10. UIScrollView,如何設置圖像大小的大小?
- 11. 調整圖片框中的圖片大小,直到它是原始圖片的大小
- 12. 如何顯示大於原始大小的彩色圖像?
- 13. 爲什麼圖像大於設置的大小沒有縮小
- 14. 如何讓Wordpress將所有發佈的圖像大小重置爲最大設置寬度?
- 15. 調整圖像大小固定的規模和保持原始圖像大小
- 16. 如何設置圖像的頂部和底部爲Android相同的大小?
- 17. 相對於頁面大小設置圖像大小
- 18. 獲取圖像大小並相應地設置div大小
- 19. 從當前的大小,而不是從原始大小的圖像
- 20. 如何將原始圖像的大小調整爲Java中常見的圖像大小?
- 21. 不同iOS相機的圖像大小?
- 22. OpenCV cvMatchTemplate相同的圖像大小
- 23. 在Excel VBA中相對於填充圖片的原始大小更改評論大小
- 24. Wordpress調整圖像大小時如何縮小文件大小?
- 25. Android中不同佈局大小的最佳圖像大小
- 26. 爲什麼不同大小的圖像在numpy中的大小相同?
- 27. 搖擺:調整圖像大小,但保持相同的大小
- 28. 設置圖像大小限制和調整圖像的大小如果需要
- 29. 無論位圖的大小如何使我的ImageView成爲固定大小
- 30. 如何最大化圖像大小作爲JPanel的大小
你到目前爲止嘗試過什麼?另外,請包含您用來顯示精選圖片的代碼。根據所使用的功能,您可以選擇顯示大小。 – FluffyKitten