在当今这个看脸的世界，一张精美的图片往往能瞬间抓住眼球，提升用户体验。而WordPress作为全球最受欢迎的博客平台，其强大的功能也让我们可以轻松调用文章中的图片。今天，就让我来为大家详细讲解一下如何在WordPress中调用文章图片，让你的网站美美哒！
一、图片上传与格式选择
1. 上传图片：我们需要将图片上传到WordPress后台。登录WordPress后台，点击“媒体”菜单，选择“添加新媒体”，然后点击“选择文件”按钮，选择你想要上传的图片。
2. 格式选择：在图片上传过程中，需要注意图片的格式。一般来说，JPEG格式适用于大多数场景，因为它具有较好的压缩率，同时保持了较高的图片质量。PNG格式则适合透明背景的图片，但文件体积较大。
| 图片格式 | 优点 | 缺点 |
|---|---|---|
| JPEG | 压缩率较高，文件体积小 | 不支持透明背景 |
| PNG | 支持透明背景，文件体积适中 | 压缩率较低，文件体积较大 |
二、调用文章图片的方法
1. 直接插入图片：在编辑文章时，点击“插入媒体”按钮，选择已上传的图片，然后点击“插入到文章中”。这样，图片就会直接插入到文章的指定位置。
2. 使用短代码插入图片：WordPress提供了丰富的短代码，其中就包括插入图片的短代码。在文章编辑器中，输入以下短代码：
“`html
[img src=”
wordpress主题,修改头部代码加入JS
第一步：新建header.php
在做主题文件夹wp-content\themes\goodblog下面新建一个头部文件header.php，然后将index.php中的头部代码提取(剪切)出来，写入这个文件：
第二步：修改index.php
保存好头部文件，在index.php的前面加上代码：
get_header()函数会自动载入主题文件夹中的header.php文件，所以头部文件的文件名命名为header.php然后使用get_deader()函数即可；
现在头部文件已经制作好了，接下来的工作就是编辑头部文件header.php将里面的静态html代码换成动态的php代码。
第三步：修改title
需要更改信息，一般我们将title信息改成这样的：文章页面标题|网站名称，当然用户也可以根据自己的seo只是更改，比如有的人在标题中加入网站描述。将header.php中的<title>index</title>改成下面的代码：
上面的代码通过判断将首页、文章页、分类页、404页面的<title>信息设置成不一样的形式，这样是很有必要的。
几个判断函数的解释如下：
第四步：修改css文件的路径
在header.php文件中找到下面代码：
这个样式表的路径./style.css是网站根目录。
如果用户不想让别人轻易看出用户网站是使用 wordprss程序，那么可以改变图片、样式表等文件的路径，比如本工作室，将图片、样式表都移到了网站根目录，在网页代码中就不会出现 wordprss站才有的wp-content/themes之类的路径。好了，将上面的代码改成：
bloginfo('stylesheet_url')会自动输出网站主题文件夹下style.css文件的绝对网址，如
说到这里，顺便修改一下图片路径，在index.php里有张图片路径需要修改，不过现在可改可不改，后期会自动调用文章图片；
用文本编辑器打开index.php给这些图片加上正确的URL，搜索代码，将所有的：src=”images/，批量替换成src=”<?php bloginfo('template_url');?>/images/。现在再刷新你的主页，看文章的缩略图是否可以正常显示。
第五步：关于wp_head()
wp_head函数对于要使用插件的主题来说比较重要，一般如果插件需要加载css文件和js文件，都是通过wp_head()函数输出的。在header.php文件的</head>前面添加：
在去看自己的网站，查看网页源代码，会发现<head></head>标签中多了如下代码：
wordpress略缩图图片变形怎么办
首先看你主题的缩略图是怎么写的。
1、如果你的是截取文章第一张图，那么只要的文章的图片的尺寸不与缩略图的比例相近，那调用出来的肯定是变形的了。
2、如果缩略图采用的文章特色图，也会出现你所说的变形，除非比例很相近。
如在functions.php文件中采用的这种形式，add_image_size('thumbnail',195,195);
3、如果缩略图采用的文章特色图，但使用的add_image_size('thumbnail',195,195,true);
这种就相对不会变形，但是是硬裁切。如图片尺寸比例不对，（很高的情况），它可能把顶部和底部部分给裁切掉了，比如人物图片把头部或脚给裁切掉。
针对以上3种，第一种调用的图由于是原图，所以图片大小很大，影响网页加载，和空间的流量；第二三种的缩略图大小相对减少，节省空间流量和相对加快页面加载速度。
第二种相对第三种，图片比例掌握不好，还是会看到变形。而第三种个人比较倾向，只要你比例不是太离谱，基本不会变形，只是会裁切掉一些地方。【如缩略图是宽尺寸的，你就别用窄高尺寸的了】
综合以上，找到你的functions.php文件，查找文件中的add_image_size特色图尺寸代码，在尺寸后方加true。如
add_image_size(‘thumbnail’, 195, 195, true);
以上只是参考，你可以找找官网资料。
链接：
codex.wordpress.org/Function_Reference/add_image_size
如何开启WordPress缩略图
一、开启缩略功能
在主题的functions.php中，添加一段代码，代码如下：
add_theme_support('post-thumbnails');
如果你仅想让文章信息开启缩略图功能，则使用以下代码：
add_theme_support('post-thumbnails', array('post'));
如果你仅想让页面信息开启缩略图功能，则使用以下代码：
add_theme_support('post-thumbnails', array('page'));
二、设置缩略图大小
三、编辑文章，上传缩略图
上传的图片将保持在/wp-content/uploads
四、调用缩略图
判断一篇文章是否存在缩略图，如果有，则显示缩略图，否则显示默认缩略图。
<?php if( has_post_thumbnail()):?>
<?php the_post_thumbnail('thumbnail');?>
<?php else:?>
//显示默认图片
<?php endif;?>
the_post_thumbnail可以是字符串或数组
a.字符串参数时：thumbnail(小尺寸)、medium(中等尺寸)、large(大尺寸)、full(完整尺寸)
<?php the_post_thumbnail('thumbnail');?>
b.数组参数
//尺寸60×60
<?php the_post_thumbnail( array(60,60));?>
c.默认尺寸：
<?php the_post_thumbnail();?>
五、add_image_size
如果大中小满足不了你的尺寸可使用
add_image_size('newchicun',148,100,$crop);
使用时：
<?php the_post_thumbnail('newchicun');?>
