圖像大小調整（WordPress主題）

PHP的CSS編輯我需要用下面的主題你的幫助。圖像大小調整（WordPress主題）

http://www.korevolution.com/risorse-gratuite/free-wp-theme/koresponsive/

我想改變圖像的索引頁面的大小，也象每一職位的大小。

我發現的functions.php和stylesheet.css中下面的代碼，胸圍只是編輯它不是足夠。

Functions.php code 

add_theme_support('automatic-feed-links'); 
add_theme_support('post-formats', array('aside', 'link', 'gallery', 'status', 'quote', 'image')); 
if (function_exists('add_theme_support')) { 
add_theme_support('post-thumbnails'); 
set_post_thumbnail_size(314, 200, true); 
add_image_size('related', 50, 50, true); 
add_image_size('home_img', 314, 200, true); 
add_image_size('single_img', 600, 300, true); 
add_image_size('page_img', 920, 350, true); 
add_image_size('slider_img', 600, 280, true); 

Stylesheet.css code 

.img-home, .feat-thumb a 
max-width: 314px; 
max-height: 200px; 
display: inline-block; 

.img-single, .feat-thumb-s a 
max-width: 600px; 
max-height: 300px; 
display: inline-block;

任何想法？

來源

2013-10-01 Thomas

僅供參考，只記得所有上傳的圖片應用了舊的大小設置，因此更改大小與'add_image_size（）'只會影響新的圖像。如果你想保持一致性，你將不得不刪除舊圖像，並重新加載它們。 – gwillie

更改CSS應該這樣做......當我的.feat-thumb a的max-width屬性的值更改爲在Chrome小我把它調整預期。您可能無法正確編輯它（例如，你可能沒有設置以節省通過WordPress管理面板模板所做出的編輯服務器端的文件權限 - 嘗試FTP代替），或者你可能會看到一個緩存的樣式表，並需要明確瀏覽器的緩存來加載更新的樣式表。

在functions.php爲home_img和single_img的add_image_size()引用時的圖像首先上傳只使用，所以所以爲了更新先前上傳的圖片，你需要使用一個插件，它是不溯及既往 - 我喜歡這一個：AJAX Thumbnail Rebuild

但是，在響應式主題中，圖像通常設置爲width: 100%或max-width: 100%（在本例中爲後者），並取決於其父容器的大小或某些情況下更遠的祖先容器，這就是爲什麼您是更新用於.feat-thumb a的CSS值，即包裹img錨固元件，而不是img直接，因此在很多情況下，剛剛更新add_image_size()不會沒有CSS調整不夠以及（真的，更改爲add_image_size()呼叫也沒有什麼關係，因爲無論實際大小的響應式設計的圖像將一般不會超過他們的小容器的寬度是100％）。

如果您確定正在應用/加載CSS更新（例如，您可以在瀏覽器中從服務器檢查它並且它不是文件權限或緩存問題），您可以嘗試將!important添加到樣式的末尾（草率）或複製，並將它們在樣式表的粘貼端和另一元件添加到選擇器鏈以確保它們是更高的特異性（例如body .feat-thumb a而非.feat-thumb a）的。不過，我懷疑你有其他問題，因爲正如我所說，當我在Chrome中直接修改CSS時，我可以在前端看到結果。

來源

2013-10-01 22:05:00 Ennui

現在感謝它的工作。我不得不編輯php和css，然後我使用插件，這使得事情變得更容易。 – Thomas

你可以通過WordPress的圖像編輯器&設置改變圖像的大小。一旦你這樣做，你的CSS應該工作

轉到您的WordPress內側庫（your_website.com/wp-admin/upload.php）編輯您上傳的圖片文件

在這裏您可以找到WordPress image settings help

來源

2013-10-01 21:46:55 SunnyD

圖像大小調整（WordPress主題）

回答

相關問題