沒有css風格的特定圖像

Question

是我安裝了一個wordpress插件來爲圖像添加框架和陰影，但有一個特定的圖像我不想應用陰影和框架，但隨着插件去框架和影子。我怎麼能避免這種情況？感謝

插件：

插件名稱：WP圖片邊框 說明：WP圖片邊框可以很容易地從你的博客文章圖片添加或刪除圖像的邊界。 版本：1.4.6 作者：本·西布利 作者URI：http://profiles.wordpress.org/bensibley 授權：在GPLv2

Answer 1

在插件.php文件：

更換

echo '<style type="text/css" media="screen">.wib-img img { 
    border-style: ' . $options["bs_wib_border_style"] . ' !important; 
    border-width: ' . $options["bs_wib_border_width"] . 'px !important; 
    border-radius: ' . $options["bs_wib_border_radius"] . 'px !important; 
    border-color: ' . $options["bs_wib_border_color"] . ' !important; 
    -moz-box-shadow: ' . $options["bs_wib_box_shadow_horizontal"] . 'px ' . $options["bs_wib_box_shadow_vertical"] . 'px ' . $options["bs_wib_box_shadow_blur"] . 'px ' . $options["bs_wib_box_shadow_spread"] . 'px ' . $options["bs_wib_box_shadow_color"] . ' !important; 
    -webkit-box-shadow: ' . $options["bs_wib_box_shadow_horizontal"] . 'px ' . $options["bs_wib_box_shadow_vertical"] . 'px ' . $options["bs_wib_box_shadow_blur"] . 'px ' . $options["bs_wib_box_shadow_spread"] . 'px ' . $options["bs_wib_box_shadow_color"] . ' !important; 
    box-shadow: ' . $options["bs_wib_box_shadow_horizontal"] . 'px ' . $options["bs_wib_box_shadow_vertical"] . 'px ' . $options["bs_wib_box_shadow_blur"] . 'px ' . $options["bs_wib_box_shadow_spread"] . 'px ' . $options["bs_wib_box_shadow_color"] . ' !important; 
    } </style>'; 

隨着

echo '<style type="text/css" media="screen">.wib-img img { 
    border-style: ' . $options["bs_wib_border_style"] . '; 
    border-width: ' . $options["bs_wib_border_width"] . 'px; 
    border-radius: ' . $options["bs_wib_border_radius"] . 'px; 
    border-color: ' . $options["bs_wib_border_color"] . '; 
    -moz-box-shadow: ' . $options["bs_wib_box_shadow_horizontal"] . 'px ' . $options["bs_wib_box_shadow_vertical"] . 'px ' . $options["bs_wib_box_shadow_blur"] . 'px ' . $options["bs_wib_box_shadow_spread"] . 'px ' . $options["bs_wib_box_shadow_color"] . '; 
    -webkit-box-shadow: ' . $options["bs_wib_box_shadow_horizontal"] . 'px ' . $options["bs_wib_box_shadow_vertical"] . 'px ' . $options["bs_wib_box_shadow_blur"] . 'px ' . $options["bs_wib_box_shadow_spread"] . 'px ' . $options["bs_wib_box_shadow_color"] . '; 
    box-shadow: ' . $options["bs_wib_box_shadow_horizontal"] . 'px ' . $options["bs_wib_box_shadow_vertical"] . 'px ' . $options["bs_wib_box_shadow_blur"] . 'px ' . $options["bs_wib_box_shadow_spread"] . 'px ' . $options["bs_wib_box_shadow_color"] . '; 
    } </style>'; 

這裏我們刪除插件中的!important位。

在你.CSS文件，添加：

img.no-border { border:0 none !important; } 

在您的文章

然後，你可以有

<img class="alignnone size-medium wp-image-6 no-border" alt="" src="your-image-here.jpg" width="300" height="225" /> 
<img class="alignnone size-medium wp-image-9" alt="" src="your-image-here.jpg" width="300" height="225" /> 

注意：請確保您添加no-border到img - 在你不不想出現邊框。

第一張圖片將使用插件的邊框，第二張圖片將沒有邊框。