首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >post_thumbnail的力大小

post_thumbnail的力大小
EN

Stack Overflow用户
提问于 2015-12-13 16:46:36
回答 2查看 245关注 0票数 0

我正试图在我的网站上放置固定的图片大小来发布缩略图。(无论原始图像的大小如何,图像都应按恒定大小缩放)。我试试看:

代码语言:javascript
复制
<?php if (has_post_thumbnail())  the_post_thumbnail(array(400, 200)); ?>

但我在我的网站上找到了这个:

代码语言:javascript
复制
<img width="356" height="200" src="http://localhost/mida/wp-content/uploads/2015/07/תמוננ-מ.jpg" class="attachment-400x200 wp-post-image" alt="תמוננ מ">

宽度和高度和我放的不一样。

提前感谢!

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2015-12-13 16:54:55

你为什么不直接使用CSS呢?查找缩略图上使用的lass (使用您的浏览器开发工具),并对该类应用所需的大小:

代码语言:javascript
复制
.the_thumbnail_class img {
     width: 400px;
     height: 200px;
}

(注:那个类名只是猜测)

但是,请记住,没有宽度/高度比为2:1的图像会以这种方式被扭曲,所以最好这样写:

代码语言:javascript
复制
.the_thumbnail_class img {
     height: 200px;
     width: auto;
}

这样,它们都会有相同的高度,宽度会自动增加,保持比例不变。

票数 0
EN

Stack Overflow用户

发布于 2015-12-13 17:31:37

首先在functions.php中设置缩略图详细信息

add_theme_support( 'post-thumbnails' );

添加add_image_size('custom-thumb', 400, 200, true);

然后,在模板代码中,您可以这样调用

echo the_post_thumbnail('custom-thumb');

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/34253587

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档