我正在尝试优化使用”
特色图片”
的网站。当我转向某些分析工具时, 他们说我正在加载比缩略图所需的图像大得多的图像。
这是因为WordPress对全尺寸图片和缩略图都使用相同的URL。结果是WordPress将两次下载大图片, 然后将其缩小以适合缩略图。
有没有办法解决？例如, 是否有某种方法可以为指向较小图像文件的缩略图输入不同的URL？
谢谢
#1首先, 它与WordPress无关, 而与你使用的主题有关。默认情况下, WordPress功能如下：
<
?php
if ( has_post_thumbnail() ) {
the_post_thumbnail("full")
}
?>
将返回如下内容：
<
img width="1500" height="1276" src="http://www.srcmini.com/path" class="post-img-full wp-post-image" srcset="path 1500w, path-300x255.jpg 300w, path-768x653.jpg 768w, path-1024x871.jpg 1024w, path-1080x919.jpg 1080w" sizes="(max-width: 1500px) 100vw, 1500px">
这是非常正确和现代的。你会看到, 它不仅对每个缩略图使用不同的路径, 而且图像的改变取决于屏幕宽度。这里的” 路径” 应该是真实的路径
#2首先在functions.php中为特色图片添加新大小
if ( function_exists( 'add_image_size' ) ) {
add_image_size( 'special', 250, 150, true );
}
【WordPress-特色图片】通话第二阶段精选图片
<
?php $img = wp_get_attachment_url( get_post_thumbnail_id($post->
ID), 'special' );
?>
<
img src="http://www.srcmini.com/<
?php echo $img ?>" />
推荐阅读
- WordPress的文件functions.php没有加载style.css
- 更新wordpress和插件后WordPress错误
- wordpress增强媒体库查询的图像未与polylang一起出现
- WordPress的脱机编辑主题
- 手心输入法恢复默认设置办法
- QQ拼音即时翻译技巧设置图文步骤
- QQ全拼输入法怎样隐藏状态栏
- 手机百度输入法设置全键盘办法_百度输入法
- QQ全拼输入法截图图文详细教程