帮助 Wordpress 网站自定义“特色图片大小”和“非特色”

Question

我正在一个小型 Wordpress '杂志' 类型的网站上完成自定义。我遇到了几个问题，我需要一些帮助，因为我是 PHP 新手。

我有一个“首屏、主要特色区域，包含 3 张图片”，其中包含一些帖子标题的摘录。 在首屏下，我在“帖子标题”下显示了带有图像的“非精选”

我需要显示大约 270 宽、250 高的“精选图片”。 使用非特色，大约 260 宽度和 230 高度。 “特色”相关区域内的网站结构包含，

<div class="post">
   <div class="p-feat-post">
       <div class="p-feat-post-img">

我已经尝试在所有这些类中更改“特色”区域的图像高度，但不能正常工作，在某些情况下，似乎拉伸了 img 但仍然没有显示任何高度调整（几乎因为它被下面的“post title-area-box”挡住了（那为什么“a img”会起作用？）

唯一有效的改变是在“a img”标签中定义一个高度；

a img {

}

但这也改变了非特色的高度。我试过了

.p-feat-post-img, a img {

}

谁能帮助我指定仅指定“特色区域”图像的代码？感谢您的帮助！

Answer 1

对于非特色图片：

    a img {
       width: 150px; //You can modify accordingly
       height: 150px; //You can modify accordingly 
    }  

对于特色图片

    .p-feat-post-img, a img {
       width: 350px; //You can modify accordingly
       height: 350px; //You can modify accordingly 

    }

Answer 2

确保您的图像已更改为适合所需的 div 高度和宽度。不过这看起来很简单：

.p-feat-post-img { background:url(/filepath_to_image/name_of_image.png) no-repeat; width:270px; height:250px;}