Question

是我安装了一个wordpress插件来为图像添加帧和阴影，但有一个特定的图像，我不想应用阴影和帧，但插件与帧和阴影一起使用。我怎么能避免这个？感谢

插件：

插件名称：WP Image Borders 说明：WP Image Borders可以轻松地在博客文章中添加或删除图片边框。版本：1.4.6 作者：Ben Sibley 作者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 - 您不希望出现边框的地方。

第一张图片将使用插件边框，第二张图片将没有边框。

没有CSS风格的特定图像

1 个答案: