在当今这个视觉为王的时代，网站的美观和吸引力对于吸引访客至关重要。WordPress，作为全球最受欢迎的博客和内容管理系统，提供了强大的功能和灵活性，让我们可以轻松地调用和展示图片。本文将深入探讨WordPress调用图片的技巧、方法和最佳实践，帮助你打造一个视觉上令人印象深刻的网站。
WordPress 调用图片的基础
在WordPress中调用图片主要有两种方式：直接插入图片和通过短代码插入图片。
1. 直接插入图片
直接插入图片是最简单的方法，只需在编辑器中点击“插入媒体”按钮，然后选择图片即可。
- 优点：简单快捷，适合快速插入图片。
- 缺点：无法对图片进行精细调整。
2. 通过短代码插入图片
通过短代码插入图片可以更灵活地控制图片的显示效果，例如图片大小、样式等。
- 优点：灵活性强，可以自定义图片样式。
- 缺点：需要了解一些短代码语法。
WordPress 调用图片的技巧
1. 使用图片尺寸
WordPress允许你上传不同尺寸的图片，以便在网站中灵活使用。以下是一些常用的图片尺寸：
| 尺寸 | 描述 |
|---|---|
| thumbnail | 150×150像素的小缩略图 |
| medium | 300×300像素的中等尺寸 |
| large | 1024×1024像素的大尺寸 |
| full | 原始图片尺寸 |
最佳实践：根据图片用途选择合适的尺寸，避免上传过大或过小的图片。
2. 使用图片格式
常见的图片格式有JPEG、PNG和GIF。每种格式都有其优缺点：
| 格式 | 优点 | 缺点 |
|---|---|---|
| JPEG | 压缩效果好，适合照片 | 不支持透明背景 |
| PNG | 支持透明背景，无损压缩 | 文件较大 |
| GIF | 支持动画，无损压缩 | 颜色限制为256色 |
最佳实践：根据图片内容和用途选择合适的格式。
3. 使用图片优化工具
图片优化工具可以帮助你减小图片文件大小，提高网站加载速度。以下是一些常用的图片优化工具：
| 工具名称 | 优点 | 缺点 |
|---|---|---|
| TinyPNG | 在线工具，免费 | 优化效果有限 |
| ImageOptim | 在线工具，免费 | 优化效果有限 |
| Smush | 在线工具，免费 | 优化效果有限 |
| EWWWImageOptimizer | 插件，免费 | 优化效果较好，但可能影响网站性能 |
最佳实践：使用图片优化工具减小图片文件大小，提高网站加载速度。
WordPress 调用图片的方法
1. 使用“插入媒体”按钮
在编辑器中点击“插入媒体”按钮，然后选择图片即可。
2. 使用短代码
以下是一些常用的短代码：
– [img src=”
WordPress网站引用外部的%20图片全部不显示了
一些网站可能因为安全或者流量控制的原因，屏蔽了外部图片的调用。当你尝试在WordPress站点中引用这些被屏蔽的图片时，可能会发现图片无法正常加载显示。
在互联网中，随意使用他人网站的图片，虽然可以丰富内容，但这也意味着对方网站的服务器需要额外承担图片加载的压力。尤其是在高峰期，这种额外的压力可能会导致加载速度变慢，甚至影响网站的正常运行。
出于对服务器资源的尊重以及提升用户体验的角度考虑，建议今后在发布内容时，尽可能地将图片上传至本地服务器。这样不仅能避免给其他网站服务器带来负担，还能确保你的网站在任何情况下都能正常加载图片，为用户提供更好的访问体验。
本地上传图片的优势还包括更加灵活的管理方式，比如可以随时进行图片的更新和优化，而无需依赖于外部服务器。同时，本地存储也有助于保护图片版权，避免未授权使用带来的法律风险。
当然，对于一些常用的高质量图片资源，可以考虑使用图片托管服务，如图床等，既能减轻本地服务器的负担，又便于管理和分享。但是，这些托管服务的图片仍然需要慎重选择，确保它们不会被屏蔽或者存在其他潜在风险。
总之，为了网站的稳定性和用户体验，上传图片至本地是一个值得推荐的做法。这样不仅可以减少对外部资源的依赖，还能有效提升网站性能和安全性。
将全景图插入到wordpress制作的网页中
方法一、将网页上传到网站目录下再通过链接来调用这个独立的页面。将连接添加至菜单(再将菜单放在网站导航上)，或者放在侧栏的小工具，就可以在网站页面进行访问了。
注意事项：
1.要保证下载下来的网页可以打开，注意有无图片调用的文件夹，保证上传文件的完整性。
2.网页的编码(wordpress一般为UTF-8,国内网站多为GBK)是否和网站相同，如果不同就需要转码。用网页编辑小工具就可以进行转码(只需要另存的时候选择对应的编码就行了)，这里推荐EditPlus。
3.在用EditPlus打开另存换编码的过程中，希望大家研究一下代码，更改该一下标题和一些文字信息，让它更符合自己的网站。
方面二、将网页上传到网站目录下，在wordpress文章页面编辑时通过代码(如下文红色代码)来调用这个独立的页面。
<divclass=”title”><h1>电声设计(标题)</h1> </div><divid=”ff_content”class=”newstext”><iframeid=”content01″src=”/文件夹名称/文件名.html”name=”content01″width=”100%”height=”560(调用页面的高度)”frameborder=”0″scrolling=”no”></iframe></div>
注意事项：
1.height=”560(调用页面的高度)”这个需要反复调试，最终确认合适的高度。
2.scrolling=”no”表示不自适应（固定值），可以选”yes”一直自适应，”auto”自动自适应（建议）其实，这种方法还可以用来调用别人的网页，将src=”你要调用的页面网址”。
如何开启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');?>
