当前位置:首页>WordPress教程>WordPress基础>如何在WordPress网站合理地使用GIF动画图片

如何在WordPress网站合理地使用GIF动画图片

如何在WordPress网站合理地使用GIF动画图片

在WordPresss博客文章中使用多媒体(如图片、视频或者音频)可以带来更多的分享,更多的反向链接,更多的转化以及其他网站希望实现的目标。

引人关注的文章内容,更容易激励网站访客分享或点赞文章。如今的用户变得越来越挑剔。人们的注意力范围也变得窄小,仅凭文本很难抓住并保持用户的关注。

这就是为什么网站应该适当地使用图片,视频和。今天,我们将讨论在WordPress中使用的好处,以及如何上传管理Gif动画图片。

  • 使用GIF动画的优势
  • 如何正确地使用Gif图片
  • 如何上传管理GIF动画图片

使用GIF动画的优势

使用GIF动态图片有不少优势。它们是在页面上的移动元素,与单独的静态图像或文本相比,更能吸引访问者的注意力。

GIF动画相对于视频而言。它们加载速度更快,占用更少的带宽,并且可以循环播放以获得(连续)关注。

如果你经常访问Facebook,你应该知道在滚动新闻源时Facebook视频是如何自动开始播放的吗?这不是一种有效的,引人注目的技术吗?GIF动画的工作方式几乎与这相同。

使用GIF还可降低页面,并提高将访客转化为订户或客户的机会。像这样的更喜欢使用大量多媒体内容(如图像和视频以及文字)的网站和。只是不要忘记在alt标签中使用相关的关键字!(使用Smart SEO Tool插件可以为图片自动添加ALT和Title)

那么这样说,GIF动画图片是否就完美无缺。并非如此,关于图片格式的优缺点,你可以阅读深入探讨15种主流图片格式及其优缺点进一步了解。

如何正确地使用Gif图片

当您想到GIF时,会想到什么?可能是您最近看到的那些有趣的梗或,对吧?

如何在WordPress网站合理地使用GIF动画图片

尽管这些很有趣,但这并不是在网站或博客上使用GIF的唯一原因。

  • 如果您正在撰写有关应用程序,软件或在线工具的使用说明时,则GIF图片就非常有用。您可以使用Gif动画图片来解释操作流程或相关提示。
  • GIF动画图片还可以帮助您创建目标网页的杀手级内容。例如,转到百度文库页面,然后查看如何使用GIF来解释功能。
  • GIF将帮助您在目标受众中激发正确的情感。通过在GIF的帮助下突出显示易用性,可以获得更好的转换。

下面是一个简单的例子。

这是一个社交媒体管理工具。GIF动画用于说明借助此工具查找和安排引人入胜的内容有多么容易。

如何在WordPress网站合理地使用GIF动画图片

  • 说到目标网页或转化…,您还可以将GIF动画用作号召性用语。
  • 您可以使用GIF在WordPress电子商务商店中展示产品。就像您在珠宝店中看到的那些旋转展示架一样。
  • 在社交媒体网站上分享帖子时,您也可以使用相同的GIF。它将增加您获得点赞和分享的机会。

使用GIF增强写作的实例

写作与其他格式有很大不同。一方面,注意力持续时间往往更短。为了解决这个问题,您需要确保您的写作尽可能吸引人。这就是 GIF 等媒体元素的用武之地。

1. 在教程中说明复杂的说明

我们发布了大量关于WordPress和的教程。编写教程最困难的部分之一是确保为每个人提供正确的指导。

视觉辅助工具在此过程中发挥着重要作用。没有任何媒体元素,教程可能很难遵循。另一方面,你不想用几十张截图来做最简单的解释,因为它可以“稀释”你的写作。

当涉及到GIF时,它们非常适合展示仅靠文本难以理解的说明。虽然屏幕截图可能会引起一些混淆,但GIF会准确地向您显示您需要执行的操作:

如何在WordPress网站合理地使用GIF动画图片

由于文件大小,在“选择”情况下使用它们也是有益的。它们往往比“常规”图像格式(例如JPEG和PNG)重得多。我们稍后会更多地讨论这个方面。

2. 在行动中展示完成的设计

屏幕截图通常“足够好”以显示完成的设计。根据您正在从事的工作,您可以根据需要使用尽可能多或尽可能少的产品,并且他们可以让其他人对成品的外观有一个很好的了解。

但是,这并不适合所有用例,尤其是动态Web项目。可用性在用户对网站或应用程序的感受中也扮演着重要的角色。在许多情况下,很难通过静止图像传达这些设计的直观性。

另一方面,GIF可让您分享短暂的互动爆发。您可以向团队成员展示特定元素的工作方式、测试人员如何与他们交互等:

如何在WordPress网站合理地使用GIF动画图片

这种详细程度使您能够将可用性问题归零。如果您正在编写教程,您还可以使用它来展示正在运行的成品。

3. 增加您在社交媒体上的参与度

您可能已经注意到,某些类型的内容往往会在社交媒体上获得更好的参与度。动画或动态内容尤其受到很多关注。

在Twitter和Facebook上使用GIF可以使 您的平均参与率增加一倍或三倍以上 。这里的推理很简单——社交媒体上有很多噪音,动画内容往往在视觉上脱颖而出。

有很多方法可以在社交媒体上使用GIF。但是,社交媒体的两个最佳用例是:

  • 包括展示您提到的产品的短动画。
  • 使用GIF分享您对新闻或评论的反应。

与许多元素一样,您当然可以“过度使用”GIF。你不想成为一个看起来很努力想变得很酷的帐户,或者不了解使用GIF是可以接受的上下文。

在大多数情况下,我们将社交媒体中的GIF与轻浮联系起来,因此您可能希望将它们保存起来以供不太严肃的评论或讨论。

4. 数据动画

为网络写作最难的部分之一是找到使数据具有吸引力的方法。表格在帮助读者对特征和数字进行分类方面大有帮助,但您总是可以更进一步。

例如,信息图表使您能够以一种不仅易于理解而且鼓励分享的方式处理统计数据和数值数据:

如何在WordPress网站合理地使用GIF动画图片

使用GIF,您可以使这些类型的图形更具吸引力。例如,您可以使用动画来展示趋势的进展、数字如何上升和下降等等:

如何在WordPress网站合理地使用GIF动画图片

图片来源:Giphy。

但是,它要求您能够熟练使用图形和屏幕录制或动画软件。稍后我们将详细讨论您可以使用哪些软件选项。

5. 使用GIF动图表达核心观点

也许使用 GIF 的最自然(也是最有趣)的方式就是强调一点。在日常生活中,您可能会习惯以这种方式使用 GIF。例如,当您讲述一个有趣的故事或在社交媒体上发表评论时,正确的 GIF 可以使交付效果更好。

如果您已经使用社交媒体一段时间了,那么您很可能确切地知道如何使用GIF来增强您的交付效果。但是,为听众写作与与朋友交谈不同。

理想情况下,两种类型的写作都应该具有高度的吸引力。但是,在为网站写作时,您可能会更快地过度使用GIF。和朋友在一起,你有更多的余地用动画来聊天,而在更专业的环境中,你的观众可能想要阅读你的想法和观点。

简而言之,要最大限度地发挥GIF的影响,请谨慎使用它们。这样,他们将帮助您更有效地表达您的观点。

如何上传管理GIF动画图片

既然您已经知道并确信这些好处,那么如何将GIF动画添加到WordPress。

有一些专门为GIF开发的插件可以让您快速便捷地上传和嵌入GIF,就像处理图片或视频一样。下面是一些挑选过比较好用的GIF动画图片上传管理WordPress插件:

Giphypress

如何在WordPress网站合理地使用GIF动画图片

安装此插件将在文本编辑器中添加一个“ Giphy”按钮。创建新页面或文章时,请单击此按钮以使用标签查找相关的GIF。找到合适的GIF图片后,单击“Embed into Post”,该GIF将添加到文章中。就那么简单。

WP GIF Player

在单个文章或页面上添加大量GIF有时可能会导致加载时间变慢。WP GIF Player可以帮助您解决此问题。安装后,该插件可确保不会同时加载和播放所有GIF。它将在所有动画上添加一个GIF按钮,以允许访问者随意播放或暂停它们。了解更多关于WordPress图像和视频懒加载。

如何在WordPress网站合理地使用GIF动画图片

AutoSet Featured Image

如果您要使用动画GIF作为,则可尝试使用此插件。GIF必须是文章中的第一张图片,因为此插件会选择第一张图片并将其用作特色图片。

GIF Animation Preview

如何在WordPress网站合理地使用GIF动画图片

此插件支持选择文章中的GIF图片作为预览图像。它可以是媒体库GIF图片,也可以是其他网站的嵌入式GIF,具体取决于您。

Auto AnimateImage

如何在WordPress网站合理地使用GIF动画图片

上载一系列图片,并使用此插件进行组合并将其转换为动画。您可以根据需要设置各种选项,例如动画延迟,快退,暂停或重复计数。

如您所见,将GIF和动画图形添加到WordPress博客确实很容易。您所需要的只是一点专业知识和正确的工具。

当然,您也可以在Giphy等网站上使用默认的嵌入选项。

如何在WordPress网站合理地使用GIF动画图片

via GIPHY

您平时在WordPress中时如何使用GIF?有没有尝试过上述插件中的一个?欢迎留言探讨交流!

原文地址:https://www.wbolt.com/how-to-use-gifs-on-wordpress.html

WordPress基础

如何使用Weglot插件搭建一个多语言WordPress网站

2024-1-21 23:24:17

WordPress基础

WordPress文章和页面之间的主要区别

2024-1-21 23:24:19

个人中心
今日签到
有新私信 私信列表
搜索