向图像添加自定义版本

时间:2020-01-13 作者:user3505886

我在网络上搜寻插件和文章来帮助我解决一些看起来很基本的问题,但找不到任何东西。

我想找到一种方法来创建自定义版本,尤其是基于每个图像的图像大小。

我知道我可以注册一个特定大小的图像,WP会为上传的每个图像创建它。

但我想要的是能够从媒体库UI创建现有图像的缩放版本。

例如,假设我上传图像A。WP默认创建一个600px宽的版本,我在整个网站中使用它的大小。

但是我在一篇文章中有一个调用操作框,我想在其中显示图像,但宽度为175px。

所以,我想创建一个175px宽的图像版本,以及一个2x350px宽的视网膜。

当我将图像添加到框中时,我希望WP输出一个srcset,其中包括这两个附加大小,以便浏览器可以选择它认为最适合这种情况的图像。

我不想指定那些175px和350px作为所有图像的附加图像大小,因为我不需要它们中的大多数。

这对我来说似乎是一个非常常见的用例,但尽管如此,我还是找不到任何东西。

也许我用错了关键词,我希望这里的人能给我指出正确的方向。

1 个回复
SO网友:demopix

所以你可以用两种不同的方法1。直接在模板零件/内容单上修改。php
2。您可以使用

add_action(pre_get_post,func_with_your_staff ) 
在这里面

    function func_with_your_staff( $query ) {
        global $wp ; 
     if ( $query->is_single() && empty($query->post_type) $query->set(\'post_type\', \'wherever_is_type\'); // perhaps you have a custom_post_type 
    ?> and then you can add your extra staff <img src"" class="big-img"> <?
} 
您可以使用jQuery(myImg)。css(\'width\',\'600px\')

相关推荐

Convert emoji to images

我有一个私有插件,可以导出所有没有“主题化”的帖子,所以输出的只是内容的html(帖子主题为H1,日期/时间为H2)。如果帖子包含表情符号,它会正确显示在主题页面上。但是如果我将HTML输出保存到一个文件中,表情符号会显示为&eth;&#159;&#153;&#129; 这些是UniCode字符(我想),我需要生成的HTML页面将表情符号显示为图形图像。创建HTML输出的代码使用标准WP\\u查询对象,然后在have\\u posts循环中输出内容:$thest