图片

您想了解如何在WordPress中显示全尺寸图像吗？ WordPress会自动缩小大图片，这样您的站点加载速度更快，运行也更顺畅。但是，有时您可能需要以全尺寸显示大图像。 在本教程中，我们将向您展示如何在WordPress站点上显示全尺寸图片。 在屏幕的右侧，找到‘文件URL’字段 您只需删除图像URL末尾的‘-scaled’即可。 完成后，您可以复制图片URL并将图片添加到您的WordPress博客或网站的任何位置。 只需注意，您需要使用链接嵌入图像，而不是从WordPress媒体库中选择它。 要做到这一点，转到你想要使用图片的帖子或页面，然后点击‘+’图标添加一个新的区块。在这里，输入‘Image’，然后在出现的时候选择右边的区块。 完成此操作后，请点击“从URL插入”。 然后，您只需将完整大小的图像URL粘贴到该字段中，然后按键盘上的回车键即可。 当你准备好上线时，只需点击“发布”或“更新”。你现在可以访问这个页面或发表帖子来查看实际使用的全尺寸图片。 要添加更多全尺寸图像，只需按照上述相同过程操作即可。 WordPress现在将不再为任何图片添加‘-Scaled’属性，这样你就可以上传大型媒体文件，WordPress默认情况下会显示它们的完整尺寸。 在这里，只需将鼠标悬停在“添加您的自定义代码”上。 当它出现时，点击“使用截图”。 首先，键入自定义代码片段的标题。这可以是帮助您识别WordPress仪表板中的代码片段的任何东西。 之后，打开“代码类型”下拉菜单并选择“PHP Snippet”。 在代码编辑器中，添加以下代码片段： 之后，你就可以滚动到屏幕顶部，点击“非活动”切换，使其变为“活动”。 最后，点击“保存代码片断”以激活PHP代码片断。 现在，如果你上传一张大图片，WordPress将使用原始尺寸，而不是调整图片大小。通过这种方式，您将始终可以访问全尺寸图像。 请注意，在使用此方法之前，您需要关闭伸缩功能。这意味着您需要使用上述方法之一禁用WordPress图像阈值。如果你不这样做，那么你的Lightbox会显示你的大图的缩小版。 一旦禁用了图像缩放，就可以创建图库了。我们推荐使用Envira Gallery插件，因为它是市场上最好的WordPress图片库插件，可以让您创建漂亮而醒目的灯箱。 您需要做的第一件事是安装Envira Gallery插件。有关更多详细信息，请参阅我们关于如何安装WordPress插件的分步指南。 安装并激活插件后，请参阅我们关于在WordPress中创建图片库的分步指南。 无论你用什么方法添加大尺寸的图片，都必须针对网络进行优化，这样你的网站才不会变慢。 我们希望这篇文章能帮助你学习如何在WordPress中显示全尺寸图片。你还可以阅读我们的指南，了解最好的拖放页面生成器插件，以及如何在WordPress中创建自定义Instagram照片源。 中国和中国都是如此。

适当地在WordPress博客文章中贴入合适的图片，对网站有很大的好处。 这并非我本人信口开河，网上有多项研究证实了这一点。 带有图片的博客文章比无图的博客文章更能吸引访客流量及参与分享。 但这里也会同时产生另外一个站长头疼的问题……更多图像意味着这些图像消耗的Web服务器带宽更多，消耗更多带宽意味着网站速度变慢及服务器成本更高。 所以我们今天要做的就是在博客使用图片及图片尽可能占用更少的带宽之间找到一个平衡点！ 以下教程将会详细介绍如何优化WordPress博客图片大小： 1. 使用WordPress图像自动优化插件 如果您的网站上有大量图片，那么逐个优化它们的可能性不大，工作量太大了。 对于博客来说尤其如此，大部分站长还是业务搞网站。 为此，您最好使用专业的WordPress图像优化插件。 这个插件名为Short Pixel。 ShortPixel插件直接安装到您的WordPress仪表板中。 在那里，您可以轻松管理图像压缩进程。 图像会自动优化并保存。 您可以配置ShortPixel插件来压缩过去上传的图像并优化您的网站历史记录。 注：Short Pixel免费用户可以每个月免费压缩100个图片，这对于一般的站长来说是足够用的。 2.优化您的网站设计图片/主题图片 如果你当前的网站设计本身在每个页面使用了大量需要加载的图片。 比如你的网站标志，背景，页脚和侧边栏图形等等。 这些图片一般不会特别的多，你可以使用专门的图像压缩工具优化。即使从每个图片压缩后也就是减少几千字节，但当你的网站访问量足够多时，日积月累下来数目也是非常吓人的。 我们建议你使用类似PunyPNG等工具来优化这些图像。 PunyPNG的神奇之处在于压缩图片体积但不降低图片质量。 PunyPNG完成图像压缩后，你只需将图像上传回您的网站覆盖原图像即可。 3.请勿使用分辨率过高的图像 例如，如果页面版块宽度是660px，那么没有理由上传大于此宽度的图像。 尽管WordPress已准备好处理任何大小的图像，但巨大的图像会占用大量带宽。 例如，一张2500px图片甚至可占用1 MB的磁盘空间。 相同的图像，但像素只有660px的图片则可能只有100 KB大小。 解决方案是始终调整您要在博客文章中使用的每个图像的大小。 这在WordPress中很容易做到。 以下是如何优化WordPress中的任何图像： 上传图片后，点击“编辑图像”链接： Then, set the new dimensions, and click “Scale”: 然后将其正常插入文章即可。当然更高效的做法是，你在本地就完成了所有准备好的图片的尺寸裁剪工作。 4. 必要的图像SEO优化 对于WordPress图像SEO优化，任何图像都有三个重要参数： 文件名， “alt”标签， “标题”标签。 您使用的每个文件都应具有描述性文件名。 这样，它可以协助Google爬虫阅读图像内容。 例如，如果我想使用这样的图片： […]

相信我们，独立站尤其是新建的站点，应该知道如何去讨好搜索引擎，也只有这样才可以获得更好的展现位置。 而，如何让搜索引擎觉得你的站点更友好，其中一个办法就是让你的网站图片更加小以提升网站性能。 如果是单纯的简单粗暴地不考虑质量地压缩图像，只会适得其反，因为这样可能会使访问者讨厌您的网站。 我们要做的是，在不损害或者极小程度地图像质量下压缩图像。 有一些技巧可以让你减少图像的文件大小，并保证质量，让用户无感知你对图片压缩过。 因此，让我们来看看如何格式化图像而不会让它们变得难看，以及如何针对网页和性能优化图像。 大图像会降低您的网页速度，从而导致用户体验不佳。 优化图像，可以使用插件或脚本减小文件大小以加快页面的加载时间。 有损和无损压缩是常用的两种方法。 格式化图像的好处 如何针对Web和性能优化图像 使用WordPress图像优化插件 优化图像案例研究 将SVG与其他图像一起使用 使用图像时的最佳做法 格式化图像的好处 首先，为什么需要格式化图像？ 有什么好处？ 优化图像以提高性能有很多好处。 根据HTTP Archive，截至2018年11月，图像平均占网页总体积的21％。 因此，在优化您的WordPress网站时，图像是您应该首先开始的第一个地方！ 它比优化脚本和字体更重要。 图像优化工作流程是最容易实现的工作之一，但许多网站所有者忽略了这一点。 每页平均字节数（KB） 以下是主要优点。 它将提高您的页面加载速度（请参阅下面的案例研究，了解它对您的速度有多大影响）。如果您的页面需要很长时间来加载，访客可能不愿意等待并跳出。有关优化页面加载时间的详细信息，请参阅《如何做到Google PageSpeed Insights测试满分/100分》。 使用WordPress搜索引擎优化插件，帮助你提高了网站的SEO。您的网站在搜索引擎结果中的排名会更高。大文件会降低您的网站速度，搜索引擎讨厌网站速度慢（爬虫在爬取页面内容过程中，如果服务器响应过慢，爬虫可能就会离开或者降低网站的爬取频率）。搜索引擎也可能更快地抓取您的图片并将其编入索引，以便进行图片搜索。想知道您的流量中有多少来自图片搜索？您可以使用Google Analytics或者百度统计细分来检查图片搜索流量。 创建备份会更快。 较小的图像文件大小使用较少的带宽。 服务器上需要的存储空间更少（这取决于您优化的缩略图数量） 如何针对Web和性能优化图像 格式化图像的主要目标是在最小文件体积和可接受质量之间找到平衡点。 优化图像的方法不止一种。 最流行的方法之一是在上传到WordPress之前简单地压缩它们。 通常，这可以在Adobe Photoshop或Affinity Photo等工具中完成。 其中一些任务也可以使用插件执行，我们将在下面详细介绍。 要考虑的两个主要问题是您使用的文件格式和压缩类型。 通过选择正确的文件格式和压缩类型组合，您可以将图像大小减少多达5倍。 您将不得不尝试使用每种图像或文件格式来查看最佳效果。 选择正确的图像格式 在开始修改图像之前，请确保选择了最佳文件类型。 您可以使用几种类型的文件： PNG – 生成更高质量的图像，但文件也会比较大。无损图像格式，虽然它也可能是有损的。 JPEG – 使用有损和无损优化。 您可以调整质量级别，以实现质量和文件大小的良好平衡。 […]

根据HTTP Archive，截至2018年12月，图像占桌面和移动设备平均网站页面权重的40%以上。那是巨大的！当谈到新的移动优先索引和性能时，图像优化对于WordPress网站的加载速度起着至关重要的作用。图像压缩是您可以实施的最简单的优化之一，反过来也会产生最大的影响。从本质上讲，这需要通过使用两种流行的压缩形式来减小图像的文件大小：有损和无损。WEBP支持两种压缩方式！ 今天我们将深入研究有损和无损这两种类型的图像压缩，并讨论我们建议您使用哪一种。这可能因您经营的业务类型而异。 有损压缩 无损压缩 哪种压缩方法更好？ 如何在 WordPress 中使用有损压缩 有损压缩 第一种压缩形式是有损的。有损压缩涉及消除图像中的一些数据。因此，这意味着您可能会看到性能下降（质量下降或某些人称之为像素化）。所以你必须小心你减少了多少图像。不仅是因为质量，还因为你无法逆转这个过程。当然，有损压缩的一大好处以及为什么它是最流行的压缩方法之一是您可以将文件大小减少很多。 JPEG和GIF都是有损图像格式。 JPEG非常适合需要快速加载时间的站点，因为您可以调整质量级别以获得质量和文件大小的良好平衡。 WordPress自动压缩图像 您知道WordPress在您将JPEG上传到媒体库时会自动压缩它们吗？默认情况下，WordPress会自动将图像压缩至原始大小的90%。但是，从WordPress 4.5开始，他们将这一比例提高到82%，以进一步全面提高性能。如果您想知道为什么您的图像在新安装的WordPress上看起来有点像素化，这就是原因。 虽然自动压缩很棒，但我们通常看到82%远不足以真正影响您网站的性能。因此，如果需要，您可以通过将以下过滤器添加到主题functions.php文件来禁用此选项。请记住，在编辑您的网站之前，请务必先进行备份。 add_filter( ‘jpeg_quality’, create_function( ”, ‘return 100;’ ) ); 如果你想提高WordPress的自动压缩率，你可以添加过滤器并降低原始文件的百分比，例如下例中的70%。 add_filter( ‘jpeg_quality’, create_function( ”, ‘return 70;’ ) ); 请记住，这些不会影响已上传的图像。您需要使用像Regenerate Thumbnails这样的插件才能将其应用到您现有的媒体库中。或者更好的是，我们只是建议您不要理会您的主题，只需使用图像优化 WordPress 插件（我们将在下面进一步介绍）或在上传图像之前进一步压缩图像。 使用Save for Web（软件）压缩图像 您可以使用Adob​​e Photoshop、Affinity Photo、Affinity Designer或其他图像编辑器等工具来调整图像的质量设置（如下所示）。在大多数工具中，它位于“保存到网络”或“导出设置”下。 更改照片质量 如果我们对有损压缩率进行一些比较，我们可以看到 50% 看起来不错。33% 的一些背景细节开始变得有点模糊（但会很不明显），而5%显然是不可接受的。这只是为什么WordPress中的自动82%还不够的一个例子。您可以而且应该以更高的速率压缩以进一步减小文件大小。 original.JPG 2.82 MB（2,000 像素 x […]

如果您的WordPress网站严重依赖视觉内容，您可能需要为其添加懒加载功能。此WordPress功能有助于提高网站的页面速度和性能，使其对您的SEO工作至关重要。 根据HTTP Archive，网页平均体积为3719 kB，其中图像和视频占总体积的近78％。 这对于网站访问者的浏览器下载和渲染来说是很多字节，并且未来的趋势网页越来越大及使用更多的图像或者视频内容。 在共享媒体和将媒体文件整合到网站设计中时，WordPress正在引领潮流。 使用WordPress，可以轻松地将图像和视频集成到文章，页面甚至主题的背景中。 但是，过多的媒体资源使得网页加载变得非常缓慢，因为用户在查看网页之前必须等待下载大文件（包括最初未显示的文件）。 这是为什么我们要对WordPress做图片或者视频懒加载（延迟加载）的原因。 什么是懒加载以及它如何工作？ WordPress懒加载的优缺点 为什么要做图像懒加载？ 如何为您的WordPress添加懒加载 懒加载对SEO的影响 WordPress延迟加载技巧 什么是懒加载以及它如何工作？ 延迟加载（又称懒加载）是一种加载可见内容的优化技术，即延迟下载和呈现在首屏下方需要显示的内容。延迟加载不是一次加载所有图像，而是仅下载用户屏幕上可见的图像。它用占位符图像或空白区域替换所有其他图像。当用户向下滚动时，您的网站会加载在浏览器查看区域中可见的图像。 这也是谷歌极力推广的网页优化策略“缩减首屏内容的大小”，如果您的WordPress文章和页面包含大量嵌入式视频和高分辨率图像，这是一种应该考虑的技术。 延迟加载的工作方式如下： 浏览器在不下载图像和预加载视频下构建网页DOM而。 JavaScript用于确定要下载哪些图像以及根据页面加载时最初可见的内容预加载哪些视频。这些图像和视频会根据需要下载和预加载。 下载和呈现其他视频会延迟，直到网站访问者向下滚动页面并且其他内容进入视图。 最终结果是，在实际需要之前，不会下载图像和加载视频。这可以为包含大量高分辨率图像和嵌入视频的网站实现显着的性能提升。 延迟加载对您的WordPress网站非常有利。 它减少了初始网页加载时间，因此用户会更快地看到您的网站 它通过仅提供可查看的图像来节省带宽，并可节省托管成本 WordPress 5.5的发布添加了延迟加载作为默认功能。 但是，如果您想自定义图像延迟加载和背景图像延迟加载的方式，则需要使用WordPress插件。 注意：虽然延迟加载有助于提高网站加载速度，但在上传到WordPress之前，您应该始终针对网络优化图像以获得最佳性能。 WordPress懒加载的优缺点 如果您仍然想知道是否应该在WordPress中实现图像延迟加载，以下是该功能的优缺点： 优点： 减少带宽使用，降低托管成本。 提高网站速度，使访问者的浏览体验更好。 提升移动体验。 优化最大内容绘制分数 改进SEO工作，提高您网站的搜索排名。 缺点： 导致内容缓冲，影响加载速度。 减慢快速滚动。 为什么要做图像懒加载？ 延迟加载您的WordPress图片可以加快您的网站速度并提供更好的用户体验。 没有人喜欢慢速网站。事实上，一项性能研究发现，页面加载时间延迟一秒会导致转化次数减少7%，页面浏览量减少11%，客户满意度降低16%。 任何搜索引擎也不喜欢加载缓慢的网站。这就是速度越快的网站在搜索结果中排名越高的原因。 与其他网络元素相比，图像在您的网站上加载所需的时间最长。如果您在文章中添加大量图片，那么每张图片都会增加您的页面加载时间。 处理这种情况的一种方法是使用CDN服务，例如又拍云CDN。CDN将让用户从离他们最近的Web服务器下载图像并降低网站加载速度。 但是，您的图像仍将被加载并影响整体页面加载时间。为了解决这个问题，您可以通过在您的网站上实现延迟加载来延迟图像加载。 如何为您的WordPress添加懒加载 与许多其他网站性能问题一样，WordPress延迟加载也是可以通过插件来解决。 实际上，WordPress插件库有许多插件可用于懒加载图像和视频。 这样的插件林林总总，我们从中挑了五个可以显着提高网站性能的插件。 如果您已准备好实施懒加载，可以考虑这五个插件。 图像和视频真的会让网站变慢吗？ 首先，在将任何图像上传到WordPress之前，请确保已经执行了优化（关于图片体积优化，可以参考文章《如何做到Google […]

高质量的图像可以为您的网站创造奇迹。如果使用得当，图像可以使您的内容更具吸引力且更易于消化。更重要的是，与缺乏视觉效果的博客文章相比，带有图片的博客文章在搜索引擎中的排名往往更高。因此，了解如何在您的网站上充分使用图像至关重要。 在将照片添加到页面和文章时，WordPress具有出色的灵活性。您可以按照自己的意愿格式化图像并在内容中排列它们。您还可以使用照片画廊、标题和背景图像等功能使您的网站更具视觉吸引力。 如果您想了解有关在WordPress网站上使用图片的更多信息，那么您来对地方了。在这篇文章中，我们将陈述16个WordPress网站常见图像问题。 1.如何在WordPress中上传图片 要在WordPress文章或页面中上传图片，只需单击带有加号的黑色按钮（在本文中，我们将其称为“添加区块” 按钮）。这将要求您选择一个区块以插入到您的内容中。 选择图片按钮，将出现一个区块。 接下来，单击“上传” 按钮并选择要添加的图像。选择打开， 然后你就完成了！ 2. 如何将图像左对齐或右对齐 当您选择图像时，其上方会出现一个工具栏。单击对齐按钮并选择Align left 或Align right。 如您所见，此工具栏还为您提供了其他选项。这包括替换图像并添加链接。 3. 如何在图片下方添加说明文字 要添加标题，只需单击您的图片，您就会看到在下方写下内容的选项。 请注意，您还将获得一些标题样式选项。您可以通过单击标题工具栏中的第三个按钮链接到另一个页面。 4. 如何添加WP画廊 如果要按列和行显示图像，可以单击“添加区块” 按钮并从选项中选择“画廊”。接下来，单击画廊区块中的上传，然后选择要添加的图像并选择打开。 上传图片后，您就可以四处移动它们。为此，您可以单击图像并使用箭头按钮。您还将看到一个选项，可为您的图像和画廊编写标题。 5. 如何创建响应式图片库 默认的WordPress画廊非常基础。如果您使用您的网站来展示您的摄影作品，您可能需要考虑添加一个插件，让您可以构建和自定义您自己的图片库。 对于漂亮的响应式画廊，我们建议使用Envira Gallery插件（更多画廊插件）。安装并激活插件后，导航到Envira Gallery>Add New。在那里您可以创建您的第一个画廊，然后您可以通过选择Envira Gallery区块将其插入到您的文章中。 您可以先将一些照片上传到您的图库，然后单击“Config” 以选择列数、设置延迟加载延迟并使用其他可用功能。 记得给你的画廊命名。这样，您将能够在将它们添加到您的文章时更轻松地找到它们。 6. 如何为文章设置特色图片 WordPress支持为文章选择特色图片。当此图片出现在您的博客供稿中时，该图片将归于您的文章。如果没有特色图片，您的文章将缺少缩略图。文章缩略图是显示在您博客主页上的缩小尺寸图片，可帮助用户对相关内容进行分类和识别。 要设置特色图片，请前往右侧的侧边栏，选择“发布” 选项卡，然后导航到“特色图片” 部分。 接下来，单击设置特色图片并上传您的图片文件。或者，您可以通过单击媒体库选项卡来选择已上传到您网站的图像。 7. 如何在文章和页面中添加封面图片 如果您正在撰写一篇长篇文章，您可能需要在不同部分之间添加一张宽大的封面图片，以便您的内容更易于理解。要添加封面图片，首先单击“添加区块” 按钮并在搜索栏中键入“封面”。 选择封面按钮后，该区块将出现。单击上传 以从您的计算机添加图像，或选择媒体库 以选择您已上传到站点的图像。 如果您想对封面图片进行一些更改，可以使用文章中工具部分中的选项。 8. 如何防止特色图像出现两次 一些WordPress主题会在已发布文章的顶部显示特色图片。使用内容编辑器时，此图片在您的文章中将不可见。 因此，您可能认为除了将其设置为特色图片（如第 6 步所示）之外，还必须将其插入到您的内容中。如果你这样做，你会在你的实时文章中获得两次相同的图像。 要解决多张图片的问题，只需从文章编辑器中删除图片即可。然后您就可以使用您在“设置特色图片” 框中选择的图片。 9. 如何裁剪图像 […]

标题是出现在图像下方的一小段文字，通常用于为其提供额外的上下文或提供来源归属。虽然图片说明可能看起来很小，但与内容中的常规文本相比，它们可能需要读者更多的关注。一些专家，例如Copyblogger的专家，甚至建议在重要图像下方使用2-3个句子标题。 出于这个原因，关注WordPress网站上的说明文字是有意义的（您会注意到，除了我们的特色图片之外，我们还在此处的所有内容中使用了标题）。为了帮助您开始为自己的图像使用说明文字，我们将深入研究如何添加WordPress图像说明文字。 我们将介绍几个不同的应用程序，但您始终可以单击以下链接之一直接跳转到特定部分： 添加WordPress图片说明文字 编辑现有图像的说明文字 为WordPress Gallery中的图像添加说明文字 更改WordPress说明文字的外观 在WordPress特色图片上显示说明文字 如何添加WordPress图片说明 在本节中，我们将介绍如何添加您在单个文字或页面中使用的WordPress图片说明。首先，创建一个新的文章/页面或编辑要添加标题的内容。 然后，单击WordPress编辑器中的添加媒体按钮上传或插入图像： 如何在WordPress编辑器中添加新图像 找到现有图像或上传要为其添加标题的图像后，单击图像预览缩略图以选择图像。 然后，在“附件详细信息”部分下查找“说明文字”框。在框中输入所需的标题，然后单击插入文章： 选择特定图像以为其添加说明文字 就是这样！您应该会在WordPress编辑器中的图像下方看到您的说明文字，并且您还会看到它出现在前端： 图像说明文字在WordPress编辑器中的外观示例 WordPress支持开箱即用的图像说明文字。但是，您的标题在前端的外观将取决于您使用的特定WordPress主题。如果您的标题丢失或样式不符合您的要求，我们建议您联系WordPress主题的开发人员进行更改。大多数情况下，它只是需要的一个小的CSS 调整。 我们还将深入探讨下面的WordPress插件，它可以帮助您对如何在WordPress网站上设置标题的样式进行一些额外的控制。 如何编辑现有图像的说明文字 在上一节中，我们向您展示了如何为插入到WordPress内容中的新图像添加说明文字。但是，如果您需要编辑现有图像的标题或为已插入内容的图像添加标题，该怎么办？ 要做到这一点： 单击要编辑或添加标题的现有图像 单击铅笔图标以编辑图像 如何编辑WordPress图像 在说明文字框中输入描述图片的文字 点击更新 在哪里添加新说明文字 如果您需要编辑图像的说明文字，您也可以像编辑任何其他文本一样在WordPress编辑器中新增图像说明文字的文本： 直接在WordPress编辑器中编辑现有的WordPress图片说明文字 同样 – 最后一种方法仅适用于您正在修改图像的说明文字。 如何为WordPress相册图像添加说明文字 您可以使用类似的方法为您在常规WordPress画廊中使用的图像添加说明文字。 首先，创建一个新画廊： 单击添加媒体 选择创建图库 选择您的图片 单击创建新画廊 如何在WordPress中创建新的图片库 然后，您可以使用每个图像下方的框来编辑每个图像的标题： 编辑WordPress相册图像的说明文字 如何更改WordPress图像说明文字的外观 默认情况下，您选择的WordPress主题控制您网站上的图像说明文字的外观。因此，如果您想直接更改此默认功能在主题中的外观，则需要使用自定义CSS。 你可以使用名为Image Caption Hover的免费插件实现，该插件可让您通过200多种不同的CSS3悬停效果显示图像标题。 此插件不允许您更改图像说明文字的静态显示。但是，如果您愿意仅在用户将鼠标悬停在您的一张图片上时才显示图片说明，那么这是一个免费选项，可以为您提供大量控制权。 要使用插件为图像添加说明文字，您首先需要使用插件的标题构建器来选择悬停效果并输入说明文字的详细信息。然后，您可以使用提供的简码在WordPress网站上的任何位置插入图像和说明文字： Image Caption Hover插件界面 […]

在您的WordPress网站中包含视觉元素是吸引访问者注意力的好方法。此外，与综合文章搭配时，良好的视觉元素可以显着提升内容的信息价值。 幸运的是，WordPress具有多种功能，可以将视觉效果整合到网站中，例如包括特色图像。 本教程将涵盖您需要了解的有关特色图片的所有信息——它们是什么，为什么要使用它们，以及如何在您的网站上启用它们。我们还将介绍一些插件来优化特色图像。 什么是特色图片？ 为什么使用特色图片？ 在您的WordPress网站上启用特色图片 如何将特色图片添加到文章中 设置WordPress特色图片大小 在WordPress中设置自动特色图像 为您的文章和页面添加缩略图预览编辑列表 什么是Header图片？ 优化您的特色图片 什么是特色图片？ WordPress特色图片，也称为文章缩略图，可以代表您的文章、页面或自定义文章类型。 从您网站的存档或主页查看时，此类图像通常会伴随您的文章。当您的文章在其他平台上共享时，它也将可见。 但是，它们的位置取决于您选择的WordPress主题。一些主题在标题上方或下方显示图像，而其他主题会自动将其放置在文章的右侧或左侧。 特色图像也可能与最近或流行的出版物一起出现在小工具区域上。 为什么使用特色图片？ 精选图片既可以极大地增强您网站的外观，又可以为原本平淡无奇的文章或博客文章提供引人入胜的视觉效果。图像有助于向读者传达想法，帮助他们更好地理解内容。 始终如一地使用特色图片不仅可以帮助您定义网站的视觉风格，而且还可以增加您的访问量——研究表明，包含图片的文章比不包含图片的文章产生的浏览量高出94%。 更重要的是，在图片的标题和替代文本中加入关键字可以提升您的WordPress网站的SEO。 在您的WordPress网站上启用特色图片 通常，大多数 WordPress 主题都支持“设置特色图片”选项。然而，情况并非总是如此。 您可以通过使用主题开发人员方法并将以下代码插入主题的functions.php文件来快速解决此问题。 add_theme_support( ‘post-thumbnails’ ); 完成后，在创建或编辑博客文章时应该可以使用 WordPress 特色图片设置。 请记住，“发布缩略图”功能不会自动让您的主题显示或分配图像。它仅在您网站的文章编辑器中启用该选项。 要显示图像，您需要将下面的代码片段添加到您希望显示视觉效果的模板部分： <?php the_post_thumbnail(); ?> 需要编辑的特定文件将根据您的主题而有所不同。 如果您使用宝塔管理服务器，请按照以下步骤访问您的主题文件。 1. 访问宝塔面板的文件菜单。 2. 进入网站的根目录，/www/wwwroot/www.inpandora.com/wp-content/themes。 3. 此文件夹包含您网站上安装的所有WordPress主题。选择当前活动的主题进行编辑。 4. 选择您的主题的function.php，然后单击菜单栏上的编辑图标。这将打开文本编辑器，您可以在其中插入所需的代码。完成后，单击“保存”按钮以保存更改。 您现在应该可以在WordPress中使用特色图片了。作为上述方法的替代方法，您可以安装可以修复不兼容问题的WordPress插件，例如： Dynamic Featured Image Quick Featured Images Featured […]

为了吸引新的访问者到你的网站，你可以考虑定期发表博客文章。然而，如果没有特色图片，你的文章很可能看起来不够吸引人，无法赢得点击率。 幸运的是，你可以很容易地为你的文章创建精心设计的特色图片。一旦你知道如何找到合适的照片，正确的尺寸，并为搜索引擎优化它们，你就可以立即使你的WordPress文章恢复活力。 在这篇文章中，我们将解释什么是特色图片。然后，我们将分享一些关于如何使用它们的技巧。 什么是WordPress特色图片？ 在WordPress中，特色图片是特定帖子、页面或自定义帖子类型的视觉表现。当有人访问你的网站时，这些图片通常会出现在文章的顶部或你的博客feed中： 从本质上讲，特色图片是你文章的默认缩略图。如果有人在社交媒体上分享该文章，该图片将与链接一起出现。 在WordPress中，特色图片的设置是由你的主题决定的。这包括图片的位置和大小。 通常情况下，特色图片会显示在以下位置: 文章或页面的顶部区域 网站上链接到博客文章的页面，如WordPress主页、推荐文章部分或搜索结果 社会媒体链接的缩略图 有时，特色图片可能包括在图片库或滑块中。你也可能看到它们作为背景图片。 使用特色图片的优势 如果你是WordPress的新手，你可能想知道为什么你的网站上的每一篇文章都需要一个特色图片。然而，这可能是给新访客留下良好第一印象的关键。 当用户点击你的文章的链接后，特色图片往往是他们看到的第一件事，这可以吸引他们继续阅读这篇文章： 你可能会在你的主页上有一个你发表的文章的列表。你可以通过包括设计良好的特色图片来激励访问者阅读你的内容。 此外，每篇文章都有一张特色图片，可以帮助你在网站上建立视觉上的一致性： 当你在社交媒体上分享你的文章时，特色图片可以帮助你向浏览他们信息的用户宣传你的内容。一张精心设计的图片可以提高参与度，并为你的网站带来更多的点击量。 WordPress特色图片尺寸大小 正如我们前面提到的，不同的WordPress主题可以有不同的特色图片尺寸。然而，一般的尺寸是1200 x 628像素。 下面是默认的Twenty Twenty-Two主题会是什么样子： 这个尺寸将有效地适用于许多WordPress主题。然而，你的特色图片的大小可能会根据你的个人喜好和你的主题的布局而有所不同。 重要的是要注意，WordPress会把你的图片大小调整到它的默认设置。每当你上传一张图片时，它会创建三个不同的版本： 缩略图: 150 x 150 px 中等尺寸: 300 x 300 px 大尺寸: 1024 x 1024 px 如果你想保持特色图片的原始尺寸，这将是其 “全尺寸”。要编辑任何这些尺寸选项，你可以导航到设置>媒体。 在这里，你可以用新的值更新宽度和高度。一旦你保存了你的改变，上传的图像将调整到这些尺寸。 你还可以添加一个自定义的特色图片尺寸。在你这样做之前，最好是备份你的网站。在这一步之后，你可以在你的 functions.php 文件中添加以下代码： add_image_size( string $name, int $width, int $height, bool|array […]

图片悬停效果可以使网站更具交互性和吸引力。这样可以在访客群中产生更好的第一印象，并增加访客的网站访问时长。 在本教程中，我们详细介绍如何为WordPress网站图片增加悬停效果。 什么是图片悬停效果？ 图片悬停效果即在静态图像上添加交互式元素，例如动画，缩放效果，弹出窗口等。 例如，在图片上实现翻转显示产品价格或作品集链接。 图片悬停还可以一种新颖的方式来显示照片，画廊和缩略图。 交互式图像和悬停元素有利于提升网站多方面： 增加访问者网站访问时长 以更具创意的方式向访客展示内容 让访客知道网站元素是可点击的 如何在WordPress中创建图片悬停效果 将图像悬停效果添加到WordPress网站的最好方法是使用WordPress插件。 使用插件，您无需花费时间进行编辑，格式化和添加CSS即可实现图像悬停效果。 您可以使用各种插件来实现独特的图像悬停效果和动画。 在本教程中，我们介绍实现图片悬停效果的四种不同方法。 添加图像悬停翻转框效果 添加图像缩放和放大效果 添加图像动画效果 添加图像悬停弹出效果 1.添加图像悬停翻转框效果 翻转框是当鼠标悬停在图片上方时翻转的框。 您可以将此动画添加到图像中以显示文本，甚至在悬停时更改图像。   您可以控制图像的翻转方式以及两侧图像的设计。 如果您是摄影师，则可以使用它来展示作品并引导访问作品集。 添加图像翻转框效果的最简单方法是使用WordPress插件。插件可帮助你快速创建和自定义这些效果。 我们建议使用 Flipbox – Awesomes Flip Boxes Image Overlay 插件。这是适用于WordPress的最好的图像悬停翻转特效插件。 使用此插件，可以轻易地将自定义翻转框效果添加到WordPress图像中。 该插件提供有数十种不同的动画效果和预构建的模板。甚至可以控制颜色并添加自己的自定义CSS。 2.添加图像缩放和放大效果 图像缩放效果可帮助访客查看普通尺寸的图像中看不到的细节。 这对于产品教程和提供高细节水平的图像十分有帮助。 您也可以在在线商店上使用它来添加缩放效果，例如亚马逊。 添加图像缩放和放大效果的最简单方法也是使用WordPress插件。 这里推荐使用WP Image Zoom插件。该插件，除了为图像添加缩放和放大效果，还可以选择变焦镜头的形状，变焦级别等等。 3.添加图像动画效果 您也可以将各种附加的悬停效果添加到WordPress图片。 例如，动画图像库，灯箱图像，对比图像，文本叠加等。 要添加此类悬停效果，推荐使用 Image Hover Effects Ultimate 插件。 该插件非常轻量化，不会影响网站性能和加载速度，且易于使用。您可以通过几个步添加独特的图像效果。 安装并启用Image Hover […]

图片悬停效果可以使网站更具交互性和吸引力。这样可以在访客群中产生更好的第一印象，并增加访客的网站访问时长。 在本教程中，我们详细介绍如何为WordPress网站图片增加悬停效果。 什么是图片悬停效果？ 图片悬停效果即在静态图像上添加交互式元素，例如动画，缩放效果，弹出窗口等。 例如，在图片上实现翻转显示产品价格或作品集链接。 图片悬停还可以一种新颖的方式来显示照片，画廊和缩略图。 交互式图像和悬停元素有利于提升网站多方面： 增加访问者网站访问时长 以更具创意的方式向访客展示内容 让访客知道网站元素是可点击的 如何在WordPress中创建图片悬停效果 将图像悬停效果添加到WordPress网站的最好方法是使用WordPress插件。 使用插件，您无需花费时间进行编辑，格式化和添加CSS即可实现图像悬停效果。 您可以使用各种插件来实现独特的图像悬停效果和动画。 在本教程中，我们介绍实现图片悬停效果的四种不同方法。 添加图像悬停翻转框效果 添加图像缩放和放大效果 添加图像动画效果 添加图像悬停弹出效果 1.添加图像悬停翻转框效果 翻转框是当鼠标悬停在图片上方时翻转的框。 您可以将此动画添加到图像中以显示文本，甚至在悬停时更改图像。   您可以控制图像的翻转方式以及两侧图像的设计。 如果您是摄影师，则可以使用它来展示作品并引导访问作品集。 添加图像翻转框效果的最简单方法是使用WordPress插件。插件可帮助你快速创建和自定义这些效果。 我们建议使用 Flipbox – Awesomes Flip Boxes Image Overlay 插件。这是适用于WordPress的最好的图像悬停翻转特效插件。 使用此插件，可以轻易地将自定义翻转框效果添加到WordPress图像中。 该插件提供有数十种不同的动画效果和预构建的模板。甚至可以控制颜色并添加自己的自定义CSS。 2.添加图像缩放和放大效果 图像缩放效果可帮助访客查看普通尺寸的图像中看不到的细节。 这对于产品教程和提供高细节水平的图像十分有帮助。 您也可以在在线商店上使用它来添加缩放效果，例如亚马逊。 添加图像缩放和放大效果的最简单方法也是使用WordPress插件。 这里推荐使用WP Image Zoom插件。该插件，除了为图像添加缩放和放大效果，还可以选择变焦镜头的形状，变焦级别等等。 3.添加图像动画效果 您也可以将各种附加的悬停效果添加到WordPress图片。 例如，动画图像库，灯箱图像，对比图像，文本叠加等。 要添加此类悬停效果，推荐使用 Image Hover Effects Ultimate 插件。 该插件非常轻量化，不会影响网站性能和加载速度，且易于使用。您可以通过几个步添加独特的图像效果。 安装并启用Image Hover […]