动画 – 塔克网 – WordPress主题 – 全自动采集发布整站模板

演示翻译-如何在WordPress中显示数字计数动画

2023 年 10 月 24 日

您是否正在寻找一种在您的WordPress站点上显示动画数字计数器的方法？显示数字计数有助于吸引访问者的注意力，并允许您在网站上显示里程碑、满意的客户、成功完成的项目和其他重要统计数据。在本文中，我们将向您展示如何在WordPress中显示数字计数动画。在WordPress中添加和定制数字计数通常需要编辑代码。对于不知道如何编写代码的初学者来说，这可能很棘手。也就是说，让我们看看如何在WordPress中显示一个动画数字计数器。我们将涵盖2个简单的方法使用一个优质的网站建设者和一个免费的插件。您可以单击下面的链接跳转到您的首选部分：方法1：使用SeedFood显示数字计数动画方法2：使用计数器数字显示数字计数动画接下来，您需要前往SeedProd»登录页面从您的WordPress管理面板。 SeedProd允许您创建专业设计的定制登录页面，包括即将到来的页面、维护模式页面、登录页面和404页面。继续点击“添加新登录页”按钮。之后，您可以为您的登录页面选择一个SeedProd模板，并显示动画数字计数器。只需将鼠标悬停在模板上并单击橙色复选按钮即可。现在将打开一个弹出窗口。只需输入页面名称和页面URL即可。之后，点击“保存并开始编辑页面”按钮。这将启动SeedProd拖放构建器。接下来，您可以通过添加不同的块或单击页面上的现有元素来编辑页面模板。要添加动画数字计数，只需将计数器块从左侧菜单拖放到模板上即可。在此之后，您可以选择计数器块以进一步自定义它。例如，可以选择更改计数器中的起始和结束数字、输入数字前缀和后缀以及编辑标题。接下来，您可以切换到左侧计数器区块设置下的“高级”标签。在这里，您将找到更多选项来更改您的计数器区块的样式、颜色、间距、字体等。之后，你可以进入顶部的“页面设置”标签。现在点击“页面状态”切换并将其更改为“发布”。接下来，您可以点击顶部的“保存”按钮，然后退出登录页面构建器。要查看动画数字计数器的运行情况，请访问您的WordPress站点。之后，您可以为您的柜台编号输入标题。在免费版本中，您只能选择普通设计模板。如果您想要更多的模板和定制选项，我们建议使用SeedProd。接下来，您可以添加计数器编号详细信息。可以选择编辑计数器标题、选择图标和输入计数器数值的选项。您可以通过点击底部的“添加新柜台”按钮来添加任意数量的柜台号码。除此之外，您还可以从右侧的面板中获得更多定制选项。例如，该插件允许您更改计数器标题颜色、数字颜色、图标大小、字体大小、字体系列等。进行更改后，滚动回顶部并发布您的计数器。接下来，您可以前往计数器编号»所有计数器从您的WordPress仪表板。继续复制柜台快捷码。它将看起来如下所示：[COUNTER_NUMBER id=41] 之后，你可以把你的动画数字放在你网站上的任何地方，从帖子、页面到侧边栏。只需添加新的帖子或页面，或编辑现有的帖子或页面。进入内容编辑器后，只需点击‘+’符号并添加一个短代码块即可。接下来，您可以将计数器数字快捷代码粘贴到块中。从这里，预览并发布您的页面或帖子，以查看动画数量的运行情况。我们希望本文能帮助您学习如何在WordPress中显示数字计数动画。你还可以看到我们对WordPress安全性的终极指南，以及我们为WordPress挑选的最好的拖放页面构建器。中国和中国都是如此。

如何在WordPress中轻松添加css动画(2种简单方法)

2023 年 10 月 21 日

是否要在WordPress中添加css动画？动画是吸引访问者注意力和突出页面最重要内容的一种很好的方式。他们还可以鼓励客户点击您的行动号召按钮和链接。在本文中，我们将向您展示如何轻松地在WordPress中添加CSS动画。只需点击展开“动画”部分，你就会看到三个不同的选项：动画、计算动画和输入动画。 “动画”是在页面加载时播放一次的简短效果。要将这种入口动画添加到你的WordPress博客中，只需点击“动画”旁边的下拉菜单即可。这将打开一个菜单，您可以在其中选择要使用的动画。 WordPress编辑器将显示动画的预览，因此您可以尝试不同的选项来查看哪种选项看起来最好。默认情况下，入口动画将在页面加载后立即播放，但如果您愿意，也可以添加延迟。如果您在同一页面上使用多个动画，那么您甚至可以使用延迟来错开您的动画，这样它们就不会压倒一切。只需打开“延迟”下拉菜单，然后从列表中选择一个时间即可。你也可以使用“速度”下拉菜单来使动画更快或更慢。当你尝试不同的设置时，你可以通过点击“重放动画”来随时预览动画。该插件还提供了“计算动画”和“输入动画”功能。输入动画允许您为文本添加动画，而计数动画则为数字添加了自动收报机样式的效果。这些动画适用于任何支持文本或数字的块，因此您可以使用它们来制作按钮、图像标题、标题等的动画。要添加这两种效果中的任何一种，请从突出显示要设置动画的文本或数字开始。然后，单击小工具栏中的向下箭头。你现在可以从下拉菜单中选择‘计算动画’或‘输入动画’。如果这些选项呈灰色显示，请确保突出显示了正确的内容。例如，如果只突出显示文本，则无法选择“计算动画”。添加动画后，您可以使用小弹出窗口中的下拉菜单更改速度并添加可选的延迟。例如，在下图中，我们使用的是一秒的延迟。当你准备好让css动画上线时，点击“发布”或“更新”按钮。现在，如果你访问你的WordPress网站，你会看到动画的实况。您甚至可以只需单击几下即可制作整个部分和列的动画。通过这种方式，您可以在几分钟内创建引人入胜的动画页面。如果您正在使用动画来获得更多的转化和销售，那么SeedProd将与WooCommerce集成，并支持许多您可能已经在用来推广您的网站的顶级电子邮件营销服务。如何设置SeedProd页面生成器您需要做的第一件事是安装并激活SeedProd。有关更多详细信息，请参阅我们关于如何安装WordPress插件的分步指南。激活后，您需要输入许可证密钥。您可以在SeedProd网站上的您的帐户下找到这些信息。添加许可证密钥后，只需点击“验证密钥”。创建自定义页面设计要开始，请转到SeedProd»登录页面点击“添加新登录页面”。在下一个屏幕上，您将被要求选择一个模板。 SeedProd附带了180多个漂亮的模板，这些模板被组织成不同的类别，如404页模板和定制的WooCommerce感谢页面。在本指南中，我们将向您展示如何使用动画文本和入口动画创建一个Sales页面，但无论您创建哪种页面，步骤都是相似的。只需点击任意选项卡，即可查看该类别中的不同模板。当您找到要使用的模板时，只需将鼠标悬停在其上，然后单击复选标记图标。我们在所有图片中都使用‘Zen Sales Page’模板，但您可以使用任何模板。接下来，您需要为页面指定一个标题。 SeedProd将根据页面标题自动创建一个URL，但您可以将其更改为您想要的任何内容。例如，向URL添加相关关键字通常可以提高您的WordPress SEO，并帮助页面显示在相关搜索结果中。要了解更多，请参阅我们关于如何为您的WordPress博客进行关键字研究的指南。如果您对标题和URL感到满意，请点击“保存并开始编辑页面”。这将加载SeedProd拖放页面编辑器。在右边，你会看到页面设计的实时预览，左边有一些设置。 SeedProd提供了许多可以添加到您的设计中的块，包括允许您添加社交分享按钮、视频、联系人表单等的块。欲了解更多信息，请参阅我们关于如何在WordPress中创建自定义页面的指南。如何将动画文本添加到WordPress 要向页面添加一些动画文本，请找到动画标题块并将其拖到页面设计上。有两种方法可以让你的标题生动起来。首先，高亮显示的样式为文本添加了形状动画，如圆形或带下划线的Z字形。您可以使用此动画将注意力吸引到标题中的特定单词或短语上。这可以通过突出最重要的内容使你的标题更容易阅读和理解。这也是吸引人们注意行动号召的一种很好的方式。突出显示的样式也有几个删除线形状。您可以使用删除线来创建有趣和醒目的效果，或者它可以简单地为您的设计增加一些乐趣。要创建突出显示的动画，只需打开“样式”下拉菜单并选择“突出显示”即可。接下来，打开‘Shape’下拉菜单并选择一个形状。当你点击一个形状时，SeedProd会显示该动画的预览，这样你就可以尝试不同的形状来看看你最喜欢哪一个。 SeedProd还有一种“旋转”动画风格，可以为文本添加过渡效果。通常，当页面加载时，动态文本是访问者首先看到的，所以这是突出显示最重要的文本的好方法。要创建过渡动画，只需打开“Style”下拉菜单，然后点击“旋转”即可。 […]

如何在WordPress中添加动画GIF(正确方式)

2023 年 10 月 17 日

您想将动画GIF添加到您的WordPress博客文章中吗？ GIF可以帮助吸引访问者的注意力，并增加你的博客文章的参与度。然而，当你在WordPress中添加动画GIF时，它可能会失去动画，显示为普通的静态图像。在本文中，我们将向您展示如何在WordPress中正确添加动画GIF。然而，当为动画GIF创建新的图像大小时，WordPress最终只保存GIF的第一帧。因此，当你在你的帖子或页面上添加任何这些生成的图像大小时，它们都将是静态图像，并导致WordPress GIF无法工作。话虽如此，让我们来看看如何在WordPress中恰当地添加动画GIF而不丢失动画效果。接下来，您将找到多种方法来上传您的动画GIF在图像块。要开始，只需点击“上传”按钮，并从您的计算机上选择您的动画GIF。或者你也可以点击“媒体库”按钮，选择一个已经上传到你的媒体库的GIF文件。还有一个选项可以通过点击“从URL插入”按钮来输入指向GIF的链接，但我们不建议使用此选项，因为它不会将图片上传到您的网站。上传GIF后，WordPress会将其插入到您的内容中。添加GIF后，您需要从右侧菜单中的“图像大小”下选择“全尺寸”选项。全尺寸图片是您上传到WordPress的原始动画GIF。选择此选项将防止您的WordPress GIF显示为静态图像，而不是播放动画。您将能够在内容编辑器中立即看到动画。继续发布或更新您的博客帖子，以查看动画GIF的运行情况。在WordPress中使用动画GIF的额外提示动画GIF图像的文件大小通常比其他图像文件大。这是因为它们包含几个压缩图像，用作创建动画的帧。在WordPress页面上使用较大的GIF或添加过多的GIF图片会降低网站的速度。有关如何提高WordPress速度和性能的更多详细信息，请参阅我们的终极指南。如果你使用Giphy来寻找动画GIF，那么你可能会发现GIF Master插件非常有用。它允许你从你的WordPress管理区搜索Giphy数据库，并在不离开你的网站的情况下添加GIF。同样，您也可以使用EmbedPress从Gfycat自动添加动画GIF。只需从Gfycat输入你的GIF的URL，插件就会把它嵌入到你的内容中。我们希望这篇文章能帮助你学习如何在WordPress中添加动画GIF。你可能还想看看我们用来管理图片的WordPress插件列表，以及我们关于如何开设在线商店的完整指南。中国和中国都是如此。

想要在WordPress中添加Giphy的gif ?跟随这个简单的教程，学习如何在WordPress中添加Giphy的动画gif -有或没有插件

2023 年 7 月 29 日

你想在WordPress中添加Giphy的gif吗? Giphy是一个很受欢迎的网站，你可以在这里搜索无数的gif动画。更棒的是，您可以轻松地将这些动图添加到您的WordPress网站。在本文中，我们将向您展示如何在WordPress中添加来自Giphy的动图。在WordPress中使用gif动画的优缺点 gif非常适合在你的页面和帖子中添加动画反应，模因和流行文化参考。你会在许多大牌网站上找到gif，包括BuzzFeed, List25和Reddit. 这些gif动画可以使你的内容更有趣，更吸引人，鼓励访问者在你的WordPress网站上花费更多的时间。这有助于增加页面浏览量，降低跳出率。然而，也有一些缺点。 gif是大文件，它会减慢你的WordPress网站。这对用户体验来说是个坏消息，也会影响你的搜索引擎排名和流量。这就是Giphy的作用所在。通过Giphy提供你的动图将节省你的带宽。它也将对你的网站的速度和性能的影响较小。说到这里，让我们来看看在WordPress中添加Giphy gif的两种方法。只需点击下面的链接跳转到您喜欢的方法。方法1。一种选择是使用Giphy嵌入代码将GIF添加到页面或帖子中。既然你使用嵌入代码，你不需要任何特殊的WordPress插件。然而，获得嵌入代码需要一些额外的步骤。如果你只想在你的网站上添加少量的gif，那么这些额外的步骤可能不是问题。然而，如果你打算使用大量的GIF，它可能值得安装一个插件，这将使这个过程更容易。要使用其嵌入代码添加GIF，请前往Giphy网站。然后找到你想要使用的GIF。你现在可以点击嵌入按钮。 Giphy现在会显示这个GIF的嵌入代码。此时您可以选择“关闭响应”和“打开响应”。响应式内容更改以更好地适应访问者的设备。这对于确保你的网站在智能手机和平板电脑上看起来和在台式电脑上一样好是很重要的。例如，响应式WordPress主题会自动调整自己以适应用户的屏幕大小。考虑到这一点，选择“响应式”是一个好主意。在做出决定后，通过点击‘copy code ’按钮。现在是时候切换到你的WordPress仪表板了。在这里，只需打开你想嵌入GIF的页面或帖子。您的下一个任务是创建一个新的自定义HTML块。要开始点击+图标。然后，在弹出的窗口中，输入Custom HTML来找到合适的块。一旦你点击了Custom HTML块，WordPress就会把这个块添加到你的页面中。现在你可以简单地将你的GIF嵌入代码粘贴到自定义HTML块中。在发布这个GIF之前，你可能想检查一下它对你的访问者会是什么样子。要做到这一点，只需单击屏幕顶部的预览按钮。WordPress现在会在一个新选项卡中显示你的页面。如果你对你的GIF满意，那么你可以发布这个页面。只需给更新或发布按钮点击一下。 GIF现在将出现在您的网站上。如果你打算在你的网站上添加大量的动图，那么嵌入代码可能会变得太耗时。另一个选择是使用EmbedPress插件。这个免费的插件可以让你嵌入gif只使用他们的Giphy URL。 EmbedPress还允许您嵌入来自100多个其他网站的内容。这包括嵌入YouTube视频，来自Imgur的内容，加上状态帖子和视频。首先，你需要安装并激活EmbedPress插件。如果你需要帮助，那么请参阅我们的指南如何安装WordPress插件。激活后，转到想要添加GIF的页面或帖子。然后您可以单击+图标。在出现的弹出窗口中，键入’ EmbedPress ‘来找到正确的块。只需点击这个块，WordPress就会添加一个EmbedPress块到你的页面。在Giphy网站的新标签头。然后你可以找到你想使用的GIF。然后简单地复制这个GIF的URL。现在是时候切换回你的WordPress仪表板。这里只需将GIF的URL粘贴到EmbedPress框中。最后点击嵌入。现在，如果你看看你的网站，你会看到你的新GIF。如果你对你的GIF不满意，EmbedPress有一些你可能想要探索的设置。这包括改变你通过EmbedPress添加的所有gif的高度和宽度。要查看这些设置，请点击WordPress侧边栏中的EmbedPress。如果它还没有被选中，点击常规选项卡。你现在可以使用这些设置来定制你的EmbedPress嵌入。只要记住，你在这个菜单中所做的任何改变都会影响你的所有EmbedPress内容。我们希望这篇文章能帮助你学习如何在WordPress中添加Giphy的动图。你也可以通过我们的指南来增加你的博客流量和最好的SEO插件和工具，你应该使用。和。

如果您想知道Lottie是什么以及如何在WordPress中插入它们，这里有一些可参考的选项。

2023 年 5 月 7 日

GIF是在包括WordPress在内的任何网站创建平台中插入动画图像的标准方式。然而，最新的趋势是插入Lottie动画，将有吸引力的互动元素显示为图像。虽然您可以使用SVG来实现可扩展性，但Lottie允许对您的动画进行更多控制。如果您想知道Lottie是什么以及如何在WordPress中插入它们，这里有一些可参考的选项。什么是Lottie动画？ Lottie是一种基于JSON的文本文件格式，可用于在iOS、Android和任何Web平台中插入动画。这是由Airbnb工程师开发的，用于将Adobe After Effects动画文件导出为JSON格式并进行原生渲染。以下是使用Lottie动画的一些优点：这是一种文件大小非常小的开源格式。带有运行时控件的文本文件格式。可以轻松从普通GIF中脱颖而出的交互式动画。可扩展、高质量并且像静态图像一样工作。在WordPress中插入Lottie动画大多数免费块插件都提供了一个Lottie动画区块来在WordPress中插入动画文件。例如，您可以为此使用Ultimate Addons for Gutenberg（现在更名为Spectra）或Kadence区块插件。在这里，我们将解释这两个插件在WordPress网站中插入Lottie动画。 1. 使用Kadence区块插入Lottie动画从WordPress存储库安装并激活“Kadence Blocks – Gutenberg Blocks for Page Builder Features”插件。这是一个免费插件，用于在Gutenberg编辑器中添加带有自定义控件的附加区块。我们建议将此插件用于Lottie动画，因为它会为您在网站上插入的每个动画创建一个可重复使用的块作为自定义文章类型。此外，Kadence区块将允许为Lottie动画上传JSON文件，这在WordPress中默认不支持。激活插件后，创建新文章或编辑要插入Lottie动画的文章。键入/lottie以查找并插入“Lottie Animations”区块。使用Kadence插入Lottie动画区块该插件将插入一个示例动画文件，您可以在块的侧边栏中看到大量控件。 Kadence中的Lottie动画区块设置在Kadence中自定义Lottie动画区块设置在以下部分中可用：源文件– 您有两个选项可以从远程文件粘贴URL或上传您的自定义JSON文件。如果您没有自己的文件，请查看本文最后一节以了解如何获取免费的Lottie动画文件。选择“本地文件”作为“文件源”以查看一个下拉列表，其中显示了您网站中所有以前创建的动画。您可以选择其中一个或上传要插入的新项目。您在此处提供的标题将用作可重复使用的Lottie动画块的名称。上传JSON Lottie文件播放设置– 在此部分下，您可以控制动画的行为并设置它在网站上的播放方式。您可以显示播放/暂停按钮，启用自动播放并允许动画仅在悬停或页面滚动时播放。也可以将动画设置为循环播放并调整循环之间的延迟。 Lottie动画的播放设置尺寸控制——此设置允许您设置填充、边距和宽度以更改整体尺寸。您可以使用这些选项来适应和对齐内容区域上的动画。 Lottie动画区块的大小控制设置高级– 这是Gutenberg为元素分配自定义CSS类的默认选项。完成后，在页面上添加其他内容并点击“发布”按钮以查看Lottie动画的实际效果。管理Lottie区块转到“设置 > Kadence Blocks”菜单，然后单击“Lottie Animations”框下的“Manage Lottie […]

JQuery Accordion Menu Widget – WordPress plugin WordPress插件下载

2019 年 5 月 13 日

点击下载 JQuery Accordion Menu Widget 插件描述使用jQuery从任何WordPress自定义菜单创建垂直手风琴菜单。使用小部件或短代码添加菜单。功能包括 – 处理多个级别，使用cookie保存状态，添加链接数量的选项以及选择“点击”或“悬停”事件以触发菜单的选项。该插件有几个参数，可配置为帮助切割垂直折叠菜单。这些可以通过窗口小部件控制面板设置，也可以通过短代码中的参数传递：菜单的窗口小部件选项该插件有几个参数可以配置为帮助切割垂直折叠菜单菜单：单击/悬停 – 选择将触发菜单打开/关闭自动关闭打开菜单的事件类型 – 如果选中此选项，则任何时候只允许扩展一个菜单项。单击一个新菜单项将自动关闭前一个。保存菜单状态（使用cookie） – 选择此项将允许菜单在浏览到新页面时记住其打开/关闭状态.Auto Expand基于当前页面/项目 – 如果选中，此选项将根据固有的WordPress自定义菜单css类基于当前页面/帖子自动展开子菜单 – 例如如果您希望菜单在用户单击手风琴菜单以外的链接时自动展开，请选择此选项。禁用父链接 – 如果选中此选项，任何具有子元素的菜单项都将禁用其链接，并且仅打开/关闭它们相关的子菜单。如果您希望用户仍然可以浏览到该项目的页面，请不要选择此项。关闭菜单（仅限悬停） – 如果选中，菜单将在1秒后自动完全关闭使用移出菜单 – 仅当事件类型为“悬停”时才可用显示计数 – 如果选中，菜单将自动添加一个计数，显示每个父菜单下的链接数itemClass菜单 – 设置WordPress菜单的CSS类。如果为空，则将使用默认类“menu”类禁用 – 输入应禁用的父菜单项的CSS类 – 即子子菜单保持打开挂起延迟 – 此设置会为悬停事件添加延迟以帮助阻止菜单意外打开/关闭。数字越大意味着光标必须停止移动更长时间，然后菜单操作将触发动画速度 – 菜单打开/关闭时的速度 – 几个样本皮肤可用于提供可用于设置手风琴菜单样式的css示例注意：选择悬停事件时应小心，因为这可能会影响可用性 – 添加悬停延迟并降低动画速度可能有助于减少可用性问题使用短代码最小值要求使用短代码包括您要用于手风琴的菜单名称 – 该名称必须与WordPress菜单管理页面中创建的菜单之一相匹配。要使用短代码添加菜单，请使用以下代码： [dcwp-jquery-accordion menu =“Test Menu”] […]