幻灯片

你想为你的WordPress网站创建一个响应式滑块吗？ 滑块通常用在网站的首页，以互动的方式展示你最重要的产品、服务、表彰或其他内容。 在这篇文章中，我们将向你展示如何在你的WordPress网站上添加一个响应式滑块。 有些滑块会自动播放，因此它们会自动在幻灯片之间移动。这允许您在一个很小的空间中显示大量信息，从而为显示其他内容留出了足够的空间。 出于这个原因，许多网站在其最重要的页面上使用滑块，例如登录页面、主页或销售页面。 即使滑块设置为自动播放，访问者通常也可以通过点击导航按钮在幻灯片之间手动移动。通过这种方式，滑块可以鼓励访问者与您的站点进行互动，从而使站点更具吸引力。 你可以在下面的GIF中看到滑块可以让页面变得多么动态。 你还可以在每张幻灯片上添加Alt文本和字幕，这对WordPress SEO来说是很棒的。 首先，你需要注册一个独白账户。在此之后，您可以在您的网站上安装并激活Soliloquy插件。有关更多详细信息，您可以按照我们的指南安装WordPress插件。 激活后，请转到独白？设置在WordPress仪表板中，输入您的许可证密钥。 您可以通过登录到您在Soliloquy网站上的帐户来找到密钥。输入此信息后，请单击“验证密钥”按钮。 完成后，您可以转到WordPress网站添加新滑块独白？添加新内容。 你可以从输入标题开始。这只是你的参考，所以你可以使用任何可以帮助你识别WordPress仪表板中的滑块的东西。 接下来，是向滑块添加图像和视频的时候了。您可以将文件拖放到编辑器中，也可以单击“从其他来源选择文件”。 如果您想使用图像，那么您可以添加这些文件，方法与在WordPress块编辑器中添加图像完全相同。 如果你想加入视频，我们建议将它们上传到YouTube或Vimeo等视频托管网站。直接将视频上传到你的网站不是一个好主意，因为它会降低你的网站速度，并占用大量存储空间。 与此同时，YouTube等平台针对视频进行了优化，因此您可以在滑块中显示高分辨率视频，而不会对您的网站造成负面影响。 选择视频托管平台后，您需要上传所有想要包含在WordPress滑块中的视频。如果您不确定如何上传视频，我们建议您阅读针对您选择的视频平台的官方文档或用户手册。 完成这些操作后，只需点击“从其他来源选择文件”按钮，然后选择“插入视频幻灯片”。 现在，您可以继续将视频的URL粘贴到“Video URL”字段中。 Solilo在右侧显示所有受支持的链接格式，因此请确保您的链接使用其中一种格式。 完成后，您可以继续并在“标题”栏中输入一个标题。这只是你的参考，所以你可以使用任何你想要的东西。您还可以添加Alt文本，这将帮助搜索引擎了解这张幻灯片的全部内容。 之后，您可以在‘Caption’字段中输入一个可选的标题。在访问者按下“播放”之前，视频底部的灰色条中会显示这段视频。 如果您不想显示此栏，只需将“标题”字段留空即可。 如果您对输入的信息感到满意，则可以通过单击“添加另一张视频幻灯片”来创建更多幻灯片。 要配置此新幻灯片，只需按照上述相同流程操作即可。 创建完所有幻灯片后，请继续并点击“插入幻灯片”。 您现在将在“当前在您的幻灯片”部分中看到您的所有幻灯片。 接下来，您可以单击“配置”选项卡并更改滑块显示设置。例如，可以选择新的滑块主题、更改图像大小以及更改滑块和标题的位置。 您还可以自定义滑块箭头和暂停/播放按钮、调整过渡速度、更改延迟时间等。 接下来，你需要确保你的滑块在移动设备上看起来和在电脑和笔记本上一样好。 也就是说，点击“Mobile”选项卡，然后选中“Create Mobile Slider Images”旁边的框。 然后，您可以输入要用于移动设备上的图像和视频的大小。在做出这些决定时，在桌面上查看WordPress网站的移动版本可能会有所帮助。 默认情况下，Soliloquy将为移动用户隐藏字幕。通常情况下，这有助于幻灯片更舒适地安装在智能手机和平板电脑通常使用的较小屏幕上。 出于这个原因，我们建议禁用此设置，但如果您愿意，也可以选中“在手机上显示字幕”旁边的框。 完成此操作后，请单击“其他”标签。在这里，您可以将定制的css添加到您的滑块中，编辑滑块标题和附件，以及导出滑块。 当您对滑块的设置感到满意时，请继续并单击“发布”按钮。 Soliloquy将自动创建一个短代码，您可以将其添加到任何页面、帖子或小工具就绪的区域。 有关如何放置快捷码的更多信息，请参阅我们关于如何在WordPress中添加快捷码的指南。 您还会注意到可以添加到WordPress主题中的一些代码片段。 有关逐步说明，请参阅我们关于如何在WordPress中轻松添加自定义代码的指南。 将滑块添加到站点的最简单方法是使用Soliloquy块。只需转到你想要显示滑块的页面或帖子，然后点击‘+’按钮。 在弹出的窗口中，输入‘Soliloquy’。 当右边的方块出现时，点击将其添加到您的WordPress博客或网站。 之后，打开Soliloquy块并选择您刚刚创建的滑块。 你现在可以点击“更新”或“发布”按钮来激活滑块。 您只需将这个现成的块放在页面上的任何位置，然后使用功能强大的拖放编辑器对其进行定制。 首先，您需要安装并激活SeedProd插件。有关更多详细信息，请参阅我们关于如何安装WordPress插件的分步指南。 注：有一个免费版本的SeedProd，可以让你创造专业的设计，无论你的预算是多少。然而，我们将使用高级SeedProd插件，因为它附带了Image Carousel块。如果你正在创建一个滑块来推广你的产品或服务，那么这个高级插件还可以与WooCommerce和所有最好的电子邮件营销服务集成在一起。 […]

是否要在WordPress中显示前后照片？ 使用前后照片，您可以并排对比两张稍有不同的图像。这非常适合展示你的产品和服务的影响，或者只是鼓励人们与你的内容互动。 在这篇文章中，我们将向你展示如何在你的WordPress网站上添加一个带有幻灯片效果的前后照片。 如果你使用像WooCommerce这样的插件运营一家在线商店，那么一张前后的照片就可以展示你的产品或服务的效果。 你只需要展示一张顾客可以联想到的“之前”的照片，以及一张理想的“之后”的照片。这会让购物者想买那些让他们从之前的状态进入到之后的状态的东西。 如果你是一个代销商，那么在你的网站上展示有说服力的前后照片是一个很好的方式来推广你的代销商链接，并获得更多的销售。 前后照片还可以鼓励访问者与您的内容互动。拖动一个滑块来显示“之后”的照片是一种获得更多参与度的简单方法，这可以让访问者在你的网站上停留更长时间。这也可以帮助增加你的页面浏览量，降低WordPress的跳出率。 话虽如此，让我们看看如何使用幻灯片效果在WordPress中创建一张前后照片。只需使用下面的快速链接，即可直接跳转到您要使用的方法。 方法1.如何使用免费插件显示前后照片(简单)方法2.如何使用SeedProd显示前后照片(高级) 您需要做的第一件事是安装并激活旗舰版之后图像滑块和图片库(BEA)插件。有关更多详细信息，请参阅我们关于如何安装WordPress插件的分步指南。 激活后，请转到幻灯片之前和之后»添加新项在你的仪表盘上。 首先，输入图像滑块的名称。这只是你的参考，所以你可以使用任何可以帮助你识别它的东西。 完成后，您可以通过滚动到“之前的图像”部分来添加“之前的”图像。 在这里，点击“添加或上传图片”，然后从WordPress媒体库中选择一张图片，或者从你的电脑上传一个新文件。 为了帮助搜索引擎理解这张图片并将其显示给合适的人，添加一些图片替代文本是一个好主意。要做到这一点，只需在“Image Alt”字段中输入即可。 有关Alt文本的更多信息，请参阅我们的图像SEO初学者指南。 完成这些操作后，滚动到“After Image”部分。 现在，您可以按照上面描述的相同过程添加‘After’图像。别忘了给这张图片添加一些alt文本，因为这对WordPress搜索引擎优化很重要。 您还可以通过添加标题和描述，在图像下方显示一些文本。 例如，您可以鼓励访问者与滑块进行交互。对于那些以前可能从未见过前后照片的游客来说，这一点尤其重要。 这也是为图像添加一些上下文的一种简单方法。 要添加一些文本，只需在“幻灯片标题”或“幻灯片描述”栏中输入即可。 你还可以添加一个“阅读更多”的URL，它可以链接到你的WordPress网站上的任何帖子或页面，甚至外部网站。例如，您可以将访问者发送到一个页面，在那里他们可以购买滑块图像中的产品。 此链接将显示在图像之前/之后的下方，以及您正在使用的任何滑块标题或描述下方。 若要添加链接，请在“阅读更多链接”字段中键入目的地。 然后，您可以决定是在同一选项卡中打开该链接，还是在新选项卡中使用“阅读更多链接目标”下拉菜单打开该链接。 如果你链接到另一个网站，那么我们建议你选择‘新标签’，这样你就不会把访问者从你的WordPress博客上赶走。 完成后，你可以通过点击“方向样式”部分中的一个缩略图来选择是创建垂直滑块还是水平滑块。 之后，滚动到屏幕顶部，点击“选项”。 在这里，您将看到‘默认偏移量’设置为0.5。这意味着当页面第一次加载时，访问者看到的是“之前”图像的一半。 如果要显示更多之前的图像，请键入一个更大的数字，如0.6、0.7或更高。 如果要显示整个前图像，请键入1。这会将滑块放置在前图像的顶部或右侧，如下图所示。 默认情况下，当访问者将鼠标悬停在图像上时，插件会显示“之前”和“之后”标签。 您可能希望将这些标签替换为更具描述性的标签。 要做到这一点，只需在“标签前”和“标签后”字段中输入即可。 默认情况下，访问者将使用拖放来移动滑块。有些人可能会发现很难做到这一点，特别是如果他们有移动问题，或者他们使用的是智能手机或平板电脑等较小的设备。 话虽如此，您可能希望更改访问者移动滑块的方式。 如果你选择“在鼠标悬停时移动滑块”旁边的“是”按钮，那么访问者只需将鼠标悬停在图像上就可以移动滑块。 如果你选择了“点击移动”旁边的“是”按钮，访问者就可以点击图片上的任何地方，将滑块移动到那个点上。 这些设置可以使它更容易与之前/之后的图像交互，但这通常不是滑块的行为方式。考虑到这一点，我们建议谨慎使用这些设置。 接下来，点击“Style”(样式)标签。 在这里，您可以更改用于不同标签、背景、标题、说明和阅读更多按钮的颜色。这可以帮助之前/之后的图片与你的WordPress主题融为一体，甚至从你网站的其他设计中脱颖而出。 您还可以更改字体大小和文本对齐方式。 当你对滑块的设置感到满意时，点击“发布”按钮。 这将创建一个短代码，允许您将前后图像和滑块添加到任何页面、帖子或小部件就绪区域。 有关如何放置快捷码的更多信息，请参阅我们关于如何在WordPress中添加快捷码的指南。 在将快捷代码添加到您的站点后，只需点击“发布”或“更新”按钮，即可显示前后图像和滑块效果。 它还有一个现成的“前后切换”模块，你可以用它来创建漂亮的前后图像，用户可以与之互动。 只需从左侧菜单中拖动该块，然后将其放到您可能正在处理的任何页面设计上，包括销售页面。 如果您使用WooCommerce来销售您的产品，那么SeedProd可以与WooCommerce集成，甚至带有特殊的电子商务模块。如果您计划使用前后图像来宣传您的WooCommerce产品，这是非常完美的。 注：有一个免费版本的SeedProd，它允许你创建自定义页面，无论你的预算如何。然而，我们将使用高级版本，因为它与之前和之后切换块一起提供。它还集成了许多最好的电子邮件营销服务，您可能已经在您的网站上使用。 有关如何使用SeedProd的信息，请参阅我们关于如何在WordPress中创建自定义页面的指南。 创建页面后，很容易在您的设计中添加前后图像。在SeedProd页面编辑器中，只需找到“在切换之前”块。 […]