在母版统一高度插入图像

时间:2015-02-24 作者:Jon

我正在试图找到一种方法,将媒体库中的图像以统一的高度插入到post editor中。。。但是通过选择一个选项。例如,我在某个地方设置了“300”这样的高度(如在媒体窗口中),单击并插入到可视化编辑器中的每个图像的HTML高度都为300。有人知道这是否可行吗?

我的网站最大的问题是我经常不得不发布突发新闻。速度就是一切。当前Wordpress设置的最大问题之一是,我必须为插入的每个图像单击所需的缩略图大小。真正酷的是,如果你每次打开媒体窗口时都能设置一个你想要的“主控高度”,它适用于在该点之后插入的每个图像。这就是我现在想知道的。

我想的一个解决方案是,我可以在所有图像周围包装一个短代码,并通过CSS更改其高度(例如,短代码是一个带名称的div,我将CSS设置为将该div中的所有图像更改为我想要的高度。使用此选项,我还必须从插入的代码中删除HTML宽度/高度,否则CSS将被覆盖)。但这种方法的问题是,我无法说出在我拥有的空间中可以容纳多少图像,因为短代码不会更新视觉编辑器中的图像尺寸。我的视觉编辑器经过了精确的调整,以匹配新闻故事的布局,这样当我点击Publish时,我看到的就是发布的内容——图像大小、换行符等等。

我想到的另一个解决方案是为我可以使用的每个高度添加不同的缩略图大小。但由于我的图像高度变化范围很大,而且我的精确度也很高,这将导致为每个图像生成大量缩略图。更不用说我必须单击媒体窗口中的每个缩略图,单击下拉列表,选择我想要的高度,然后对每个图像重复它。这是一个真正的问题,当一个新闻故事发生时,我必须插入20张图片。

我可以做的另一件事是以中等高度插入所有图像,以获得可能插入的最大缩略图,并将此高度作为唯一选项,这样我就不必单击每个图像的高度。唯一的问题是,一旦它们在编辑器中缩小,我就无法轻松地调整它们的大小。在一个理想的世界里,如果你可以突出显示所有的图像并将它们拖到相同的高度,就像你可以用一幅图像那样,那将是非常酷的。但目前这还不是一个功能。

因此,基本上,我想看看每次打开窗口,然后单击并插入每个图像时,是否可以设置主HTML高度。如果我再次打开窗口,我可以将高度更改为其他值,它将应用于我插入的下一组图像。有没有人知道我如何做到这一点,或者是否有什么东西可以实现我想要的?或者用另一种方式来思考这个问题?我已经在google上搜索了几个小时,但我看到的唯一一件事是更改缩略图大小,这对我来说是行不通的,因为我的网站的性质和速度都很快。

1 个回复
SO网友:Ciprian

有多种解决方案:

使用CSS发布图像:

.post img { height: 300px; width: auto; }

Settings -> Media 或者使用第三方插件生成它们。另一种方法是自己编写代码:

function custom_image_sizes() { add_theme_support(\'post-thumbnails\'); add_image_size(\'breaking-news\', 9999, 300, true); } function add_custom_sizes( $imageSizes ) { $my_sizes = array( \'breaking-news\' => \'My breaking news image\' ); return array_merge( $imageSizes, $my_sizes ); } add_action(\'after_setup_theme\', \'custom_image_sizes\'); add_filter( \'image_size_names_choose\', \'add_custom_sizes\' );

结束

相关推荐

Shortcodes: Pros and Cons

我们即将开始以插件的形式为特定的客户端工作开发一个相对简单的新小部件,但希望创建一些在未来项目中可用的小部件。该插件允许用户突出显示他们正在编辑的页面中的一行或多行文本,并选择这些文本作为建议内容显示在页面上,以便通过社交网络(如Facebook)共享。以下是实现这一目标的几种可能方法:方法一-短代码添加一个快捷码,用户可以将其希望用于建议共享内容的文本环绕起来。Pros: 短代码是WordPress的内置功能,即使插件被禁用,它们也不会破坏内容</现有内容将始终与共享片段相匹配,因为它们需要存在于