jquery - Wordpress 仅在索引页面上调整大小/裁剪特色图片

标签 jquery html css wordpress

是否有任何我可以编写的插件或代码可以输出帖子的特色图像以 700X300 裁剪。我只需要在主索引文件上裁剪图像。在单个帖子中,我想使用完整尺寸的图像。

最佳答案

您可以在 wordpress 主题中打开 functions.php 文件并使用 set_post_thumbnail_size() function像这样。

set_post_thumbnail_size( 700, 300, $crop );  

$crop 为 true 或 false,如果为 false,它将尝试按比例裁剪图像。如果为真,它将裁剪而不用担心比例。

如果您对此不满意,另一种方法是找出图像的类或 ID,然后使用 CSS 设置它们的样式。像这样。

.featured-image {
  max-width: 700px;
  max-height: 300px;
}

使用 max-height 和 max-width 将按比例缩放图像,并使其响应。您甚至可能想混合使用它们。

编辑:如果您打开 index.php 文件并查找函数 the_post_thumbnail()您可以包裹一个 div,或围绕它展开并使用 CSS 为图像设置样式。这是如果您在使用上述方法时遇到问题。

关于jquery - Wordpress 仅在索引页面上调整大小/裁剪特色图片,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21211830/

相关文章:

javascript - CSS 在图像周围添加一个 fat "frame"而不改变图像定位

javascript - 显示 xml 数据的链接

asp.net - 删除/隐藏浏览器地址栏或工具栏网页

javascript - 移动网络应用 : Using same set of images in multiple resolution devices

用于列表框项目的 JavaScript

jquery - 将网络应用程序嵌入 PhoneGap(针对 iPhone)的选项?

html - 删除跨度内的标签文本样式

html - 如何将 div 对齐到 HTML 中另一个 div 的底部?

html - 如何使用默认主题将 Twitter Bootstrap LESS 文件预处理为聚合样式文件?

jquery - HTML 数据表 : Table row is going outside