排行榜 统计
  • 文章总数:1135 篇
  • 评论总数:5 条
  • 分类总数:8 个
  • 最后更新:5天前

wordpress 文章列表页的图片的尺寸始终显示固定的尺寸

本文阅读 3 分钟
首页 资讯 正文

在WordPress文章列表页中,如果你希望文章的图片始终显示固定的尺寸,你可以使用WordPress的缩略图功能来实现。

以下是一个示例代码,可以用于在文章列表页中显示固定尺寸的缩略图:

<?php
// 在主题的functions.php文件中添加以下代码

// 添加自定义的缩略图尺寸
add_action('after_setup_theme', 'custom_image_sizes');
function custom_image_sizes() {
    add_image_size('custom-thumb', 300, 200, true); // 自定义缩略图尺寸(宽度:300,高度:200,裁剪:是)
}

// 使用自定义缩略图尺寸作为文章列表页的缩略图
add_filter('post_thumbnail_html', 'custom_thumbnail_size');
function custom_thumbnail_size($html) {
    if (is_admin()) {
        return $html;
    }
    return preg_replace('/(width|height)=\"\d*\"\s/', '', $html); // 移除原始缩略图尺寸
}
?>

在上述代码中,我们首先使用add_image_size()函数添加一个名为custom-thumb的自定义缩略图尺寸。你可以根据需要修改尺寸大小和裁剪选项。

然后,我们使用post_thumbnail_html过滤器来替换文章列表页中的原始缩略图尺寸。通过移除widthheight属性,我们可以让WordPress使用自定义缩略图尺size作为文章列表页的缩略图尺寸。

将以上代码添加到你的主题的 functions.php 文件中保存后,WordPress将会自动生成并使用固定尺寸的缩略图作为文章列表页的缩略图。

在文章列表页模板文件中,使用以下代码显示缩略图:

<?php if (has_post_thumbnail()) { ?>
    <a href="<?php the_permalink(); ?>"><?php the_post_thumbnail('custom-thumb'); ?></a>
<?php } ?>

在上述代码中,我们首先检查文章是否具有缩略图。然后,使用the_post_thumbnail()函数将文章的缩略图输出到列表页中,指定使用名为custom-thumb的自定义缩略图尺寸。
本文来自投稿,不代表本站立场,如若转载,请注明出处:https://typecho.firshare.cn/archives/3040.html
免责声明:文章内容不代表本站立场,本站不对其内容的真实性、完整性、准确性给予任何担保、暗示和承诺,仅供读者参考,文章版权归原作者所有。避免网络欺诈,本站不倡导任何交易行为。如您私自与本站转载自公开互联网中的资讯内容中提及到的个人或平台产生交易,则需自行承担后果。本站在注明来源的前提下推荐原文至此,仅作为优良公众、公开信息分享阅读,不进行商业发布、发表及从事营利性活动。如本文内容影响到您的合法权益(内容、图片等),请及时联系本站,我们会及时删除处理。
-- 展开阅读全文 --
WordPress主题中添加自定义Owl Carousel轮播
« 上一篇 03-02
wordpress获取文章自定义字段
下一篇 » 03-04