php - 特色图像问题

  显示原文与译文双语对照的内容
0 0

featured图像的容器宽度和高度没有显示。 这是我如何显示特色图像


<div id="featuredimage"><?php the_post_thumbnail();?></div>

这是'featuredimage'的CSS'


#featuredimage {
height:200px;
background-color:#000;
margin-left: -40px;
 margin-right: -40px;
 margin-top: -20px;
}

.featuredimage img {
height:200px;
width:600px;
}

这是PHP函数中的代码


<?php
add_theme_support( 'post-thumbnails' );
?>

怎么了你可以在这里看到最后的结果 ? 正如你可以能注意到的,特色图像采用任何尺寸,但是我希望它是。

时间: 原作者:

0 0

你尝试使用标识而不是类,e.g.


#featuredimage img {
 height:200px;
 width:600px;
}

然而,你要重复使用 ID,你要重复使用 ID


<div id="featuredimage">

在页面上多次使用。 应该是唯一的( 请参见 http://www.w3.org/TR/WCAG20-TECHS/H93.html ),因此考虑将它从一个ID改为一个类;


.featuredimage {
 height:200px;
 background-color:#000;
 margin-left: -40px;
 margin-right: -40px;
 margin-top: -20px;
}

.featuredimage img {
 height:200px;
 width:600px;
}

<div class="featuredimage">...</div>

原作者:
0 0

在你的活动页面中,你正在设置HTML中的宽度和高度,然后尝试使它成为CSS中的background-image 。 而不是这样做,只需让图像包含在父 div 中。 你的CSS变成:


.featuredimage/* Use a class here so you can use it more than once */
 height:200px;
 background-color:#000;
 margin-left: -40px;
 margin-right: -40px;
 margin-top: -20px;
}

.featuredimage img {
 height:auto;
 width:100%;
}

请确保删除 background-size 声明,因为它们与这里方法( 源代码中的第 140行) 是不必要的。

原作者:
0 0

你还可以获取带有


<?php $feat_image = wp_get_attachment_url( get_post_thumbnail_id($post->ID) );?>
<img src="<?=$feat_image?>" height="100" width="100">

0 0

如果 the_featured_image() 出现了 <img width=...,那么你可以用一些不会破坏横横比的东西来替代它:


<div style="background-image:url(http://MY_IMAGE_URL.png);
 width: 100%; height: 100%;"
 class="attachment-post-thumbnail wp-post-image"></div>

原作者:
...