# 使用the_post_thumbnail_url()获取特色图片缩略图URL

- Link: https://yjyj.net/learn/wordpress-learn/6188.html
- Published: 2021-04-11T03:31:46+08:00
- Author: 小 虾

⚡ 生猛大蝦编辑部 · 30 秒核心看点

 * 想拿特色图片地址，优先用 get_the_post_thumbnail_url()，最直接省事。
 * 需要不同尺寸时可传 thumbnail、medium、large、full，按模板场景选即可。
 * 如果要兼顾兼容性与灵活性，wp_get_attachment_image_src() 也能取到图片链接。

节省时间, 直接上代码
 `<?php if ( has_post_thumbnail( ) ) { the_post_thumbnail_url('
thumbnail' );} ?>`

    ```
    <?php echo get_the_post_thumbnail('', '', 'style=background:#fff;'); ?>
    <?php echo get_the_post_thumbnail_url(); ?>

    <?php
        $array_image_url = wp_get_attachment_image_src( get_post_thumbnail_id($post->ID), array(100,0));
        echo $array_image_url[0];
    ?>
    ```

调用缩略图
 ` <?php the_post_thumbnail(); ?>` 例如调用 最小缩略图 `<?php the_post_thumbnail('
thumbnail'); ?>` 调用缩略图地址链接 `<?php echo get_the_post_thumbnail_url(); ?>`
参数 Thumbnail (缩略图尺寸) Medium (中等尺寸) Large (大尺寸) Full (原始尺寸)

感谢各位搜到的大佬, 就不一一做好链接了

❓ 延伸问答与排错指南（FAQ）

WordPress 如何获取文章特色图片URL？

最常用的是 get_the_post_thumbnail_url()，它会直接返回当前文章特色图片的地址；如果
只想输出图片本身，可用 the_post_thumbnail()。在模板里先判断 has_post_thumbnail()，
能避免没有特色图时出现空输出。

the_post_thumbnail_url 和 get_the_post_thumbnail_url 有什么区别？

前者是直接输出图片 URL，适合模板里快速显示；后者是返回字符串，便于先赋值再拼接、
判断或二次处理。实际开发中，如果你要继续加工这个地址，优先用 get_the_post_thumbnail_url()。

特色图片尺寸参数怎么选？

常见可选值有 thumbnail、medium、large、full。缩略图列表页一般用 thumbnail，内容页
可按版式选 medium 或 large，若需要原图则用 full。尺寸选对了，页面更轻、加载也更稳。

📚 【[WordPress 学习](https://yjyj.net/category/learn/wordpress-learn)】专栏延伸
阅读与热门精选（[全站文章归档](https://yjyj.net/archive)）：

 * [固定连接设置与去掉分类目录链接中的 category](https://yjyj.net/learn/wordpress-learn/6181.html)
 * [禁用WordPress响应式图片属性srcset和sizes](https://yjyj.net/learn/wordpress-learn/6160.html)
 * [极客族公共加速服务](https://yjyj.net/learn/wordpress-learn/6194.html)
 * [WordPress主题模板文件的引入方法](https://yjyj.net/learn/wordpress-learn/6197.html)
 * 热门必读[升级一下iptables](https://yjyj.net/learn/centos/3208.html)
 * 热门必读[京东云路由器雅典娜 AX6600 折腾记](https://yjyj.net/learn/7810.html)