❗ Unfortunately, CodeLights no longer supports SiteOrigin Page Builder natively due to the SiteOrigin’s complete change of widgets API.
❗不幸的是,由于SiteOrigin的widgets API完全更改,CodeLights不再本机支持SiteOrigin Page Builder。
Workaround: you still can create a CodeLights shortcode in a plain text editor, and add this shortcode to the SiteOrigin editor.
解决方法:您仍然可以在纯文本编辑器中创建CodeLights短代码,并将该短代码添加到SiteOrigin编辑器中。 p>
❗ Developers Wanted: If you can help to improve and develop this 100K+ active installs plugin, and become one of authors, please fork Convertful, and create pull requests with your improvements.
“>分叉可转换,并通过改进创建拉取请求。 p>
="0" webkitallowfullscreen mozallowfullscreen allowfullscreen>
=“ 0” webkitallowfullscreen mozallowfullscreen allowfullscreen> iframe> div>
Six Built-in Elements
六个内置元素 h3>
1.
1。
Modal Popup
模态弹出框 h4>
Modal Popup is a dialog box/popup window that is displayed on top of the current page.
模式弹出窗口是显示在当前页面顶部的对话框/弹出窗口。
It is a very useful tool when you want to add some special content and to keep the original content clean at the same time.
当您要添加一些特殊内容并同时保持原始内容干净时,这是一个非常有用的工具。 p>
Special Features:
特殊功能: strong> p>- 5 popup sizes to choose from.
- 5种弹出窗口大小 strong>以供选择。 li>
- 7 awesome CSS3-based show/hide animations.
- 7个很棒的基于CSS3的显示/隐藏动画 strong>。 li>
- 4 popup show triggers: button click, text click, image click and page load.
- 4个弹出显示触发器 strong>:按钮单击,文本单击,图像单击和页面加载。 li>
ol>
Modal Popup Showcase and Examples 模式弹出窗口展示和示例 strong>
strong> p>
blockquote>
2.
2。
Stats Counter
统计计数器 h4>
A great tool to draw visitors’ attention to a data that can be expressed in numbers, like: your sales, number of completed projects or your customer satisfaction index.
一个很好的工具,可以吸引访问者注意可以用数字表示的数据,例如:您的销售额,已完成项目的数量或客户满意度指数。
You set initial and final values and when your visitor will reach a counter, it will animate in a most natural way: gradually changing the number.
设置初始值和最终值,然后当访客到达柜台时,它将以最自然的方式进行动画处理:逐渐改变数字。 p>
Special Features:
特殊功能: strong> p>- 6 international number formattings including Chinese and Indian ones.
- 6种国际数字格式 strong>,包括中国和印度。 li>
- Accounting formatting available, where negative numbers are framed with parentheses.
- 可用的会计格式 strong>,其中负数用括号括起来。 li>
- Specify amount of numbers after the decimal point or use integers with no decimal part at all.
- 指定小数点后的数字数量,或使用完全没有小数部分的整数。 li>
- Several numbers within a single counter, so you can animate “0 / 0” into “24 / 7”, lets say, to emphasize your service working hours.
- 单个计数器中的几个数字 strong>,因此您可以将“ 0/0”设置为“ 24/7”,以强调服务时间。 li>
- Animate anything into anyting: even letter-based string will be turned into the other one in a most natural way.
- 将任何内容动画化为任意内容 strong>:即使是基于字母的字符串也将以最自然的方式变成另一个。 li>
- Simple to use: just type in the initial and final strings and our smart scripts will do the rest.
- 易于使用 strong>:只需输入开头和结尾的字符串,我们的智能脚本即可完成其余工作。 li>
ol>
Stats Counter Showcase and Examples 统计数据计数器的展示和示例 strong>
strong> p>
blockquote>
3.
3。
FlipBox
FlipBox h4>
Two-sided card that flips to reveal additional information, when you hover over it.
将鼠标悬停在双面卡片上时,该卡片会翻转以显示其他信息。 p>
Special Features:
特殊功能: strong> p>- 4 animation types: Card Flip, Cube Tilt, Cube Flip and Cover Open.
- 4种动画类型 strong>:卡片翻转,立方体倾斜,立方体翻转和盖打开。 li>
- 8 animation directions for each of the animations.
每个动画
- 8个动画指导 strong>。 li>
- 100% CSS3-based animations to improve performance.
- 100%基于CSS3的 strong>动画来提高性能。 li>
- Most flexible FlipBox ever: 34 different options, yet easy-to-use.
- 最具灵活性 strong>的FlipBox:34种不同的选项,但易于使用。 li>
ol>
FlipBox Showcase and Examples
FlipBox展示和示例 strong> p>
blockquote>
4.
4。
Interactive Text
互动文字 h4>
Trending element in 2015: when you need to emphasize that you are great at several services, you can smoothly change the service-name part of the slogan, leaving the rest unchanged.
2015年的趋势元素:当您需要强调自己擅长于多项服务时,可以顺畅地更改标语的服务名称部分,其余部分保持不变。
And that’s just one tiny example of how this element can be used: the richness of language and it’s usages are limitless!
这只是如何使用此元素的一个小例子:语言的丰富性及其用法是无限的! p>
Special Features:
特殊功能: strong> p>- The only of it’s kind in free WordPress plugins.
- 免费WordPress插件中的同类 strong>。 li>
- Choose one of 5 beautiful animation types.
- 选择 5种精美动画类型之一 strong>。 li>
- Change different parts of sentence at different steps.
- 以不同的步骤更改句子的不同部分。 li>
- Incredibly easy-to-use: just type in all the sentence states, and our smart scripts will do the rest.
- 易于使用 strong>:只需输入所有句子状态,我们的智能脚本即可完成其余工作。 li>
ol>
Interactive Text Showcase and Examples 交互式文本展示和示例 strong>
strong> p>
blockquote>
5.
5。
Interactive Banner
互动式横幅广告 h4>
Element powered by great CSS animations, can be used to attend visitors to the needed page or even to showcase some products listing.
由出色的CSS动画提供支持的元素,可以用于吸引访问者访问所需页面,甚至展示一些产品清单。
Some of the animations reveal additional data, which can be used to highlight important details or call to action.
一些动画显示了其他数据,这些数据可用于突出显示重要细节或号召性用语。 p>
Special Features:
特殊功能: strong> p>- 10 awesome animations.
- 10个很棒的动画 strong>。 li>
- Adjustable responsive behavior.
- 可调的响应性 strong>行为。 li>
- Incredibly customizable: 18 options, yet easy-to-use.
- 可定制 strong>:18个选项,但易于使用。 li>
ol>
Interactive Banner Showcase and Examples 交互式横幅展示和示例 strong>
strong> p>
blockquote>
6.
6。
Testimonial
感言 h4>
A great tool to share your current Clients’ experience with your new visitors, and to emphasize your credibility one more time.
一个很好的工具,可以与新访客分享您当前的客户体验,并再次强调您的信誉。 p>
Special Features:
特殊功能: strong> p>- 3 testimonial types: Quote, Scanned document and Video.
- 3种推荐类型 strong>:报价,扫描的文档和视频。 li>
- 5 quote layouts.
- 5个报价布局 strong>。 li>
- You can specify the author source for even better credibility.
- 您可以指定作者来源,以获得更好的信誉。 li>
ol>
Testimonial Showcase and Examples
见证展示和示例 strong> p>
blockquote>
… and more elements are coming!
…还有更多元素要来! strong> p>Use Them the Way You Like
以自己喜欢的方式使用它们 h3>
Shortcode Builder
Shortcode Builder h4>
Both in visual and text modes you’ll see an additional button that helps you to create and edit shortcodes using convenient tabbed forms.
在视觉和文本模式下,您都会看到一个附加按钮,可帮助您使用方便的标签式表格来创建和编辑简码。
Create and modify the elements you want in seconds!
在几秒钟内创建和修改所需的元素! strong> p>Check the screenshots or download the plugin for more details.
查看屏幕截图或下载插件以获取更多详细信息。 p>
blockquote>
Sidebar Widgets
侧边栏小部件 h4>
Use the convenient rich controls when creating and editing sidebars widgets both from admin page and customizer mode.
从管理页面和定制器模式创建和编辑侧栏小部件时,请使用便捷的丰富控件。
The last option helps you to preview changes instantly.
最后一个选项可帮助您立即预览更改。 p>
Check the screenshots or download the plugin for more details.
查看屏幕截图或下载插件以获取更多详细信息。 p>
blockquote>
… and more supported editors are coming!
…以及更多受支持的编辑器将会出现! strong> p>