小工具      在线工具  汉语词典  dos游戏  css  js  c++  java

如何使用Soliloquy轻松创建响应式WordPress滑块

java,python,html,github,wordpress 额外说明

收录于:17天前

滑块通常用于商业或投资组合网站的首页。 WordPress 滑块插件有数百个,每个插件都有自己的功能。然而,我们从用户那里听说大多数滑块插件对他们来说太复杂了。在本文中,我们将向您展示如何使用 Soliloquy 在您的网站上轻松添加 WordPress 滑块。这里的目标是找到最好的 WordPress 滑块插件,该插件易于使用,适用于所有主题,并且响应灵敏,这意味着它适合所有屏幕(智能手机、台式机和平板电脑)。

滑块通常用在企业或投资组合网站的主页上。 WordPress 滑块插件有数百个,每个插件都有自己的功能。然而,我们从用户那里听说大多数滑块插件对他们来说太复杂了。在本文中,我们将向您展示如何使用 Soliloquy 轻松地将 WordPress 滑块添加到您的网站。这里的目标是找到最好的 WordPress 滑块插件,该插件易于使用,适用于所有主题并且响应迅速,这意味着它适合所有屏幕(智能手机、台式机和平板电脑)。

为什么要使用Soliloquy作为WordPress滑块? Why Use Soliloquy as Your WordPress Slider?

Soliloquy 是一个强大的响应式 WordPress 滑块插件,功能丰富,而且相当容易管理。与其他插件相比,Soliloquy 的一些优点是我们喜欢的:

Soliloquy 是一款功能强大的响应式 WordPress 滑块插件,功能丰富且非常易于管理。与其他插件相比,Soliloquy 具有以下特点:

  • Soliloquy adheres to WordPress coding standards and best practices.

    Soliloquy遵守WordPress编码标准和最佳做法。
  • WordPress 备份 solution. WordPress 备份解决方案更轻松地导入/导出滑块。
  • It is 100% translation ready which is great for international audiences.

    它已100%准备翻译,非常适合国际观众。
  • It is SEO friendly. You can add meta data, titles, alt text and captions to each slide.

    这是SEO友好的。 您可以向每张幻灯片添加元数据,标题,替代文本和标题。
  • Ajax powered drag-drop slide sorting makes it very easy to use.

    Ajax支持的拖放幻灯片排序非常易于使用。
  • Responsive WordPress slider with touch swipe support for touch-enabled devices such as smartphones and tablets.

    响应式WordPress滑块,具有对支持触摸功能的设备(例如智能手机和平板电脑)的触摸滑动支持。
  • Developer friendly with great documentation and 50+ hooks and filters. You can easily white-label it if needed.

    开发人员友好,提供了丰富的文档以及50多个钩子和过滤器。 如果需要,您可以轻松地将其贴上白色标签。

Aside from all the features, Soliloquy is pretty affordable compared to other slider plugins. Base option is only $19. WPBeginner users get an exclusive 25% discount by using the 自言自语优惠券 which makes the deal even better. Use code: WP初学者.

除了所有功能之外,与其他滑块插件相比,Soloiloquy的价格还算便宜。 基本选项仅售$ 19。 WPBeginner用户通过使用自言自语优惠券可获得25%的独家折扣,这使交易变得更好。 使用代码: WP初学者

影片教学 Video Tutorial

演示地址

如果您不喜欢该视频或需要更多说明,请继续阅读。

如果您不喜欢该视频或需要更多说明,请继续阅读。

使用Soliloquy创建WordPress滑块 Creating a WordPress Slider with Soliloquy

First thing you need to do is purchase 独白. Once you have Soliloquy, you need to install and activate it (see 如何安装 WordPress 插件). Upon activation, the plugin will add a new Soliloquy menu in your WordPress admin. Clicking on it will take you to the sliders list page which will be empty because you haven’t created any sliders yet. To add a new slider, click on the 自言自语 » 添加新内容.

您需要做的第一件事是购买独白 。 拥有Soliloquy之后,您需要安装并激活它(请参阅如何安装 WordPress 插件 )。 激活后,该插件将在您的WordPress管理员中添加一个新的Soliloquy菜单。 单击它会将您带到滑块列表页面,该页面将为空,因为您尚未创建任何滑块。 要添加新的滑块,请单击“ 独白»»添加新滑块。

Adding a new WordPress slider with Soliloquy

You want to start out by adding your slider title. Next click on 上传幻灯片 button. A popup, much like the default WordPress media uploader will appear. You can upload images for your slide, choose images from media library, add video slides by adding URLs of YouTube or 维梅奥 videos, or create an HTML slide.

您想通过添加滑块标题开始。 接下来点击“ 上传幻灯片”按钮。 将显示一个弹出窗口,类似于默认的WordPress媒体上传器。 您可以上传幻灯片的图像,从媒体库中选择图像,通过添加YouTube或维梅奥视频的URL添加视频幻灯片,或创建HTML幻灯片。

To add a video as a slide, you need to upload your video to either YouTube or Vimeo (read 为什么你不应该将视频上传到 WordPress). Once you have the video URL, simply paste it and Soliloquy will take care of the rest.

要将视频添加为幻灯片,您需要将视频上传到YouTube或Vimeo( 了解为什么永远不要将视频上传到 WordPress )。 拥有视频URL后,只需将其粘贴即可,其余的将由Soliloquy负责。

As for HTML slides, you need to paste the HTML code. This html could be anything that you want. One example would be to add an 电子邮件选择加入表格 for your newsletter or a 号召性用语按钮.

对于HTML幻灯片,您需要粘贴HTML代码。 该html可以是您想要的任何东西。 一个示例是为您的时事通讯或号召性用语按钮添加电子邮件接收表格

In this article, we will show you how to create an image slider in WordPress. Click on the 选择文件 to upload slide images from your computer.

在本文中,我们将向您展示如何在WordPress中创建图像滑块。 单击“ 选择一个文档”以从计算机上载幻灯片图像。

Uploading image slides in Soliloquy to create your WordPress slider

Once you have selected the image slides, they will be uploaded to your media library. Click on 插入幻灯片 button to add these slides into your slider. After inserting your slides, you can configure other options on the add new slider page. While you can adjust the default slider size, the responsive ability allows it to automatically adjust for smaller screens. The default sizes is the relative point as your slider adjusts itself on different devices.

选择图像幻灯片后,它们将被上传到您的媒体库。 单击“ 插入幻灯片”按钮,将这些幻灯片添加到您的滑块中。 插入幻灯片后,您可以在“添加新的滑块”页面上配置其他选项。 虽然您可以调整默认的滑块大小,但响应能力使它可以针对较小的屏幕自动进行调整。 默认大小是相对位置,因为滑块会在不同设备上自行调整。

Soliloquy Slider Settings

在其他选项中,您可以选择滑块速度、幻灯片动画效果、过渡效果等。对设置感到满意后,单击“发布”按钮保存滑块并使其公开可用。

在其他选项中,您可以选择滑块速度、滑块动画效果、过渡效果等。对设置感到满意后,单击“发布”按钮保存滑块并使其公开可用。

在帖子/页面中添加WordPress滑块 Adding a WordPress Slider in Posts/Page

Now that you have created your slider, the next step is to insert that slider in a post or a page. Open the post editor, select the location where you want to add the slider, and click on the 添加滑块 button next to the media uploader.

现在,您已经创建了滑块,下一步是将该滑块插入到帖子或页面中。 打开帖子编辑器,选择要添加滑块的位置,然后单击媒体上传器旁边的“ 添加滑块”按钮。

Insert slider into a WordPress post or page

You will see boxes for each slider you have created. Choose the slider you want to insert and then click 插入滑块 button.

您将看到所创建的每个滑块的框。 选择要插入滑块 ,然后单击“ 插入滑块”按钮。

Choose a slider to insert

这将在您的帖子中添加滑块短代码。您现在可以保存或预览您的帖子并查看滑块的运行情况。

这会将滑块短代码添加到您的帖子中。现在您可以保存或预览您的帖子并查看滑块的运行情况。

使用Soliloquy编辑和更新WordPress滑块 Editing and Updating a WordPress Slider with Soliloquy

使用 Soliloquy 创建 WordPress 滑块的好处是,您可以随时编辑滑块,而无需编辑插入滑块的帖子或页面。只需单击管理侧栏中的独白图标,然后单击要更新的滑块下方的编辑链接。

使用 Soliloquy 创建 WordPress 滑块的好处是,您可以随时编辑滑块,而无需编辑插入滑块的帖子或页面。只需单击管理侧栏中的独白图标,然后单击要更新的滑块下方的“编辑”链接即可。

Editing a Slider with Soliloquy

现在让我们编辑上面创建的滑块。请记住,我们告诉过您,使用 Soliloquy 创建的滑块是 SEO 友好的。您可以向个人幻灯片添加元描述、标题、URL 和说明文字。单击滑块中单个幻灯片旁边的编辑按钮。

现在,让我们编辑上面创建的滑块。请记住,我们告诉过您使用 Soliloquy 创建的滑块是 SEO 友好的。您可以向单个幻灯片添加元描述、标题、URL 和说明文字。单击滑块中单个幻灯片旁边的编辑按钮。

Modify a slide in the slider

这将打开一个弹出窗口,您可以在其中输入图像标题、替代文本、将幻灯片链接到 URL 并输入标题。如果您想添加时事通讯选择加入表单,您还可以在标题中使用 HTML。输入幻灯片的元信息后,单击“保存幻灯片”按钮。

这将打开一个弹出窗口,您可以在其中输入图像标题、替代文本、将幻灯片链接到 URL 并输入标题。如果您想添加时事通讯选择加入表单,您还可以在标题中使用 HTML。输入幻灯片的元信息后,单击“保存幻灯片”按钮。

Entering meta-data for slides in a WordPress slider created with Soliloquy

您的更改将自动反映在滑块中嵌入网站的任何位置。

您所做的更改将自动反映在您网站上嵌入的滑块中。

在模板和小部件中添加Soliloquy WordPress滑块 Adding Soliloquy WordPress Slider in Templates and Widgets

Soliloquy comes with a widget which you can use to add a slider into any widgetized area on your website. Go to 外观 » 小部件 and drag-drop Soliloquy widget to your sidebar. You will see the list of slides you have created. Choose the one you want to insert and save the widget. Since sliders created with Soliloquy are responsive, they will automatically adjust to fit your sidebar’s width.

Soliloquy附带有一个小部件,您可以使用该小部件将滑块添加到网站上任何小部件化的区域。 转到外观 » 小部件,然后将Soliloquy小部分拖放到侧边栏中。 您将看到已创建的幻灯片列表。 选择您要插入并保存小部件的部件。 由于使用Soliloquy创建的滑块具有响应性,因此它们将自动调整以适合侧边栏的宽度。

Soliloquy widget allows you to add sliders in sidebar

每个独白滑块都有自己独特的短代码和功能。您可以使用此功能将滑块添加到主题模板文件中的任意位置。要获取函数代码,请单击 WordPress 后台中的 Soliloquy 图标。这将显示您创建的滑块列表以及滑块标题旁边的短代码和功能。相应地复制并粘贴功能代码。

每个独白滑块都有其独特的简码和功能。您可以使用此功能在主题模板文件中的任意位置添加滑块。要获取功能代码,请单击 WordPress 管理中的独白图标。这将显示您创建的滑块列表以及滑块标题旁边的短代码和功能。相应地复制并粘贴功能代码。

Adding a slider into Theme templates using a function
最后的想法 Final Thoughts

Soliloquy is one of the better WordPress slider plugins that we have seen in the market. Trust us, we have tested many of them. After extensively using 独白, we are truly impressed by its speed and power.

Soliloquy是我们在市场上看到的更好的WordPress滑块插件之一。 相信我们,我们已经测试了许多。 在广泛使用自言自语之后 ,其速度和功能给我们留下了深刻的印象。

大多数滑块插件都充满了代码,而且文档很少。 Soliloquy 轻量且快速。它是为用户和开发人员构建的。他们在遵循所有 WordPress 标准方面做得非常出色,同时使滑块对于初学者来说非常易于使用。他们的代码文档使其他开发人员可以轻松地根据需要自定义和扩展功能。

大多数滑块插件都充满了大量的代码并且文档很少。独白语气轻快。它是为用户和开发人员构建的。他们在遵循所有 WordPress 标准方面做得很好,同时使滑块非常适合初学者使用。他们的代码文档使其他开发人员可以轻松地根据需要自定义和扩展功能。

我们可以轻松地说,Soliloquy 现在已成为我们 WordPress 滑块插件的第一选择。

我们可以很容易地说 Sololoquy 现在已经成为 WordPress 滑块插件的第一选择。

We hope that this article helped you add a slider in your WordPress site. For feedback and questions please leave a comment below. Also don’t forget to follow us on Twitter @wpbeginner.

我们希望本文能帮助您在WordPress网站中添加一个滑块。 对于反馈和问题,请在下面发表评论。 另外,不要忘记在Twitter @wpbeginner上关注我们。

翻译自: https://www.wpbeginner.com/plugins/how-to-easily-create-a-responsive-wordpress-slider-with-soliloquy/

. . .

相关推荐

额外说明

颜色条 ycbcr 值

转发 此博客为 8bit值 https://blog.csdn.net/weixin_42427601/article/details/99717522 转换为10bit值 白: Y:720 CB: 512 CR: 512 黄: Y:648 CB: 17

额外说明

SQL用户表的通用设计

CREATE TABLE `m_user` ( user_id int(10) not null auto_increment comment '用户id', username varchar(100) not null default '' c

额外说明

分布式事务需要注意的点

    跟钱相关的,一定要保证强一致性,可以不保证可用性。

额外说明

MySQL mysql_config_editor 设置快速免密码登录

文章目录 从 MySQL 5.6 开始,提供了一个新的实用程序:mysql_config_editor,它允许你将身份认证信息存储到一个名为 .mylogin.cnf 的登录路径文件中,该文件的内容进行了混淆加密。对于 Windows 系统,该文件位于

额外说明

[Java |基础知识] 类和对象

文章目录 1. 前言 2. 什么是面向对象 3. 类的定义 4. 类的实例化 5. 对象的构造及初始化 6. this引用 7. 总结 1. 前言 本篇文章主要讲解了下面三个问题 类的定义和实例化 构造方法 this关键字 2. 什么是面向对象 众所周知

额外说明

Unity WebView 插件⭐️(五)核心模块 网页视图—IWebView

-前言 该文章是WebView 插件系列文章,传送门:浏览器插件3D WebView专栏 上一篇文章对3D WebView 插件的插件不同平台版本的区别和注意事项做了一个介绍 那接下来几篇文章就是来讲解一下该插件的核心API调用方法了 主要是结合官方文档

额外说明

每日LeetCode之两整数相除

原题链接:https://leetcode-cn.com/submissions/detail/3096732/ 解决方案一:采用二分法,能够较快的解决不采用除法,乘法以及mod方法来计算两个整数的除法的问题。 public int divide

额外说明

Windows系统缺少sechost.dll文件出现错误异常问题

其实很多用户玩单机游戏或者安装软件的时候就出现过这种问题,如果是新手第一时间会认为是软件或游戏出错了,其实并不是这样,其主要原因就是你电脑系统的该dll文件丢失了或没有安装一些系统软件平台所需要的动态链接库,这时你可以下载这个sechost.dll文件(

额外说明

api-ms-win-core-threadpool-private-l1-1-0.dll文件丢失找不到如何解决?

其实很多用户玩单机游戏或者安装软件的时候就出现过这种问题,如果是新手第一时间会认为是软件或游戏出错了,其实并不是这样,其主要原因就是你电脑系统的该dll文件丢失了或者损坏了,这时你只需下载这个api-ms-win-core-threadpool-priv

额外说明

wordpress 自定义_如何在WordPress中添加和自定义管理列

WordPress 定制 Managing a WordPress site with lots of content or multiple authors means more tasks for admins to perform. Admins

ads via 小工具