【问题标题】:Wordpress <img> Size Attributes don't match actual image sizesWordpress <image> 大小属性与实际图像大小不匹配
【发布时间】:2013-04-10 23:41:49
【问题描述】:

我正在开发一个图片较多的 wordpress 项目。我使用以下代码为中型和大型图像尺寸设置图像宽度和高度,并将两者都设置为硬裁剪模式。这些值与设置>媒体的当前值相同:(代码基于this documentation

update_option('medium_size_w', 335);
update_option('medium_size_h', 400);
update_option('medium_crop', 1);

update_option('large_size_w', 690);
update_option('large_size_h', 400);
update_option('large_crop', 1);

当我使用带有中等大小选项的后期插入媒体按钮上传和插入图像时,一切正常。但是,当我上传并插入大图像时,我得到以下标记:

<a href="http://saltdesignpdx.com/wp-content/uploads/2013/04/TCK7765.jpg">
<img src="http://saltdesignpdx.com/wp-content/uploads/2013/04/TCK7765-690x400.jpg" 
alt="_TCK7765" width="540" height="313" class="alignnone size-large wp-image-53" />
</a>

注意该标记的width="540" height="313" 部分。应该是width="690" height="400"

有谁知道这里发生了什么,或者我可以采取一些步骤来诊断它吗?

编辑:我刚刚尝试将主题切换为 21,上传一张新图片,然后将其插入帖子中。结果是这样的:

<a href="http://saltdesignpdx.com/wp-content/uploads/2013/04/IMG_0729.jpg">
<img src="http://saltdesignpdx.com/wp-content/uploads/2013/04/IMG_0729-690x400.jpg" 
alt="IMG_0729" width="584" height="338" class="alignnone size-large wp-image-57" />
</a>

很奇怪。更改主题更改了 img 标签中指定的尺寸,但它们仍然与图像的实际尺寸不匹配。

【问题讨论】:

  • size-largelarge_size_w 以及其他 large 提及有什么共同点吗?
  • 是的 - 这是您在 Wordpress 中更改默认图像大小属性的方式(只是用 add_image_size 覆盖它们是不合理的)。见codex.wordpress.org/Function_Reference/…
  • class 本身是如何发挥作用的?是否与large_size_w 等相关?
  • 所有的课程都是 Wordpress 媒体管理器插入来帮助主题开发者的东西。
  • 您是否浏览过您的实际文件以查看与width="540" height="313" 匹配的内容?

标签: php wordpress


【解决方案1】:

问题是content_width。感谢 Fred 提出也搜索 540 的建议。
在设置 content_width 以匹配我的实际最大内容宽度后,wordpress 在&lt;img&gt; 标签中提供的大小属性现在是正确的。

【讨论】:

    猜你喜欢
    • 2015-04-21
    • 1970-01-01
    • 1970-01-01
    • 2019-04-23
    • 1970-01-01
    • 2022-11-09
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多