img.responsive class in wordpress not working

幫助我自動調整圖像大小，以減小瀏覽器的大小。img.responsive class in wordpress not working

我已經添加了一個wordpress博客到我手工編碼的網站。它位於目錄/博客 http://photographyattic.com/blog/ 我包含wordpress代碼片段以在我的/index.php頁面上添加帖子。該網站是使用Bootstrap 3製作的。其中wordpress文章所在頁面的頂部是使用引導程序網格 container row col-md-2（左圖），col-md-7（wordpress內容）和col- md-3（右圖）

我已經嘗試了幾個論壇建議的修補程序，以便在瀏覽器窗口調整大小時縮小圖像比例。但是，正如你所看到的，它仍然是770像素的寬度，並且在瀏覽器窗口縮小的情況下會在col-md-3下進行。我原以爲img-responsive類會添加到wordpress媒體表單中，可以解決這個問題，但事實並非如此。我能夠調整圖像大小的唯一方法是將絕對位置添加到新的img類中，然後圖像重疊文本，但會根據需要調整大小。

有什麼建議嗎？

來源

2014-02-27 Peter23

你可以張貼一些代碼的個人而言，我總是設置的IMG寬度爲100％和高度自動把它正確縮放然後使用div來控制寬度。 – Travis

您的圖片尺寸（和其他元素）在HTML中被聲明爲內聯樣式。你應該刪除這些。事實上，整個頁面在重新調整大小時表現很奇怪。 –

感謝特拉維斯..我有img寬度爲100％和高度自動，但它沒有調整大小，它看起來像保利已釘牢它。我剛剛從wordpress編輯頁面中刪除了寬度和高度，並根據需要調整圖像大小。這是否意味着我每次上傳圖片時都必須編輯Wordpress代碼以刪除自動添加的尺寸？ – Peter23

據我所見，圖像根據屏幕大小進行響應。服裝寬度和高度屬性可能會導致問題。如果您想避免插入圖像功能自動添加寬度和高度屬性，請添加以下內容碼到您的functions.php

add_filter('post_thumbnail_html', 'remove_width_attribute', 10); 
add_filter('image_send_to_editor', 'remove_width_attribute', 10); 

function remove_width_attribute($html) { 
    $html = preg_replace('/(width|height)="\d*"\s/', "", $html); 
    return $html; 
}

更新： 在上線135的WP-settings.php這個文件，你會看到這兩條線：

require (ABSPATH . WPINC . '/functions.php'); 
require (ABSPATH . WPINC . '/plugin.php');

只需要顛倒它們列出的順序，因爲add_filter（）函數不在functions.php文件中;它在plugin.php文件，以便......他們現在應該是這樣的：

require (ABSPATH . WPINC . '/plugin.php'); 
require (ABSPATH . WPINC . '/functions.php');

來源

2014-02-27 18:49:45 Coderapper

感謝您的回覆。我見過一些添加函數的選項，但是當我嘗試它們時，他們總是給出「致命錯誤：調用未定義的函數add_filter（）」我錯過了哪些額外的代碼？ – Peter23

你能給我完整的錯誤信息嗎？ – Coderapper

致命錯誤：調用未定義的函數add_filter（）在/xxx/xxx/xxx/blog/wp-includes/functions.php在線4195 – Peter23

img.responsive class in wordpress not working

回答

相關問題