新闻股票代码可以防止繁忙的主页变成公告墙。您不是堆叠每次更新,而是跨单个栏运行最新标题。 新闻股票小部件 在 Elementor 的主插件 builds that bar for you。it’一个Pro小部件,有两个内容源(你自己的帖子或一个RSS源),三种滚动类型,以及标签,内容,缩略图和箭头的样式。
以下是如何设置 元素新闻股票代码、从小部件面板到实时页面。
新闻股票小部件的作用 #
Widget渲染紧凑的公告栏,左边是彩色标签,中间是旋转内容,右边是可选箭头,物品来自你的WordPress帖子(或任何其他公共帖子类型)或来自RSS源,栏可以像经典一样水平滑动 突发新闻股票代码、垂直滚动,或像跑马灯一样不停地滚动。
在开始之前 #
- 文字出版社 与 元素 已安装并处于活动状态。
- Elementor 的主插件 已安装并处于活动状态,如果您尚未安装,请按照 安装指南.
- Master Addons Pro 许可证,因为 News Ticker 是 Pro 小部件,小部件在 Master Addons 仪表板中打开。
- 可选:RSS 提要 URL 或一些已发布的帖子,如果您想使用这些作为来源。
将小部件添加到您的页面 #
打开 元素编辑器 并搜索小部件面板中的"“新闻滴答声。"拖动主插件 新闻股票代码 widget到你想要栏的部分。它掉进一个红色的“突发新闻”标签和一个单一的旋转项目, 这样你就可以看到它立即工作。
选择股票代码源 #
在"内容"选项卡中, 新闻 股票类型 dropdown 决定项目来自哪里:
- 内容: 从您自己的网站上拉出帖子。设置帖子类型、类别、标签、帖子数量和顺序 发布查询 节。
- RSS 提要: 粘贴 RSS 提要 URL,小部件会自动拉取最新项目。
Demo使用Content,所以跑马灯拿新帖子,没人碰,如果你在外头条拉进来,RSS Feed是更快的设置,RSS单挑一个:如果feed下降或改变其结构,跑马灯可以空,所以你指向新来源后值得检查。
设计选项 #
的 设计选项 section 控制股票代码的外观以及每个项目显示的内容:
- 显示标签? 打开或关闭左侧标签。
- 标签: 标签文本。演示将 “BREAKING NEWS”切换为 “LATEST NEWS”
- 新闻类型: 显示每个项目的标题或摘录。
- 显示缩略图: 在每个标题旁边添加一个小图像。
- 突出显示单词? 强调股票代码文本中的特定单词。
- 显示日期: title 旁放上发表日期,只有在新闻类型为 Title 的时候才会出现。
- 高度: bar高度(以像素为单位)。demo将此从50取到85。
打开缩略图会在每个项目旁边掉落一个小图像。它使栏更具视觉效果,这有助于在纯文本栏容易被忽略的媒体密集网站上。
Height滑块来对条形进行大小,打开缩略图后将其向上碰,否则图文在股票代码内会变得局促。
动画设置 #
的 动画 section 控制股票代码的移动方式:
- 滚动类型: 横向、纵向或横向卷轴。横向一次滑动一项,经典 网站新闻股票 look。vertical 向上滚动物品, 水平滚动像跑马灯一样不停地移动它们。
- 自动播放: 开始负载旋转。
- 自动播放间隔: 物品之间的时间,开箱即用 3000 毫秒。
- 暂停悬停: 当访客盘旋在股票代码上时,冻结股票代码。
- 动画速度: 每个转换需要多长时间,默认情况下也需要 3000 毫秒。
甲 elementor 中的水平新闻股票代码 最适合作为页首公告栏。当股票代码位于侧边栏或窄柱中时,切换到垂直,其中水平卷轴将刚刚耗尽空间。
导航箭头 #
的 导航 section 在条形右侧添加前一个和下一个箭头。切换 显示导航? 开启或关闭并设置 导航大小 in pixels。demo将大小从14碰到21,因此箭头更容易命中,这在触摸屏上很重要,因为14px的目标是摆弄的。
Arrows 手动控制访问者, 当股票代码持有链接时方便有人可能想要滚回。
为标签设计样式 #
在 风格 选项卡, 标签 部分为左侧徽章设计样式:
- 文本颜色: 标签文本颜色。
- 背景: 标签背景颜色。
- 丝带角度颜色: 将标签连接到内容区域的小三角口音。
- 边界类型和边界半径: 标签的轮廓和角落四舍五入。
- 角度裕度: 围绕带角的间距。
- 版式: 标签文本的字体、大小、重量和行高。
通过将左侧边框半径设置为 50 像素,演示将左上角和左下角四舍五入为药丸形状。
设置内容和缩略图 #
的 内容 旋转标题的章节样式。您将获得文本颜色、悬停颜色、背景、边框类型和排版。 缩略图 section 处理图像宽度和形状,并带有方形和圆形选项。
给悬停颜色一些对比度,这样访问者就可以看出每个标题都是可点击的形状选项可以让缩略图匹配您网站其余部分已经使用的任何图像样式。
样式导航箭头 #
的 导航 style 部分有 Normal 和 Hover 选项卡,设置文本颜色、背景颜色、边框类型、边框半径、填充和箭头按钮的间距,根据您选择的内容,箭头要么融入到股票代码中,要么作为明显的控件脱颖而出。
实时页面上的结果 #
在前端,股票代码显示为干净的条形:标签、缩略图、旋转标题和箭头。它会自行开始动画,如果打开该选项,它会在悬停时暂停。
常见用例 #
- 突发新闻栏目: 在新闻或杂志网站的顶部运行紧急更新。
- 公告股票代码: 表面销售、活动或发布会,而不会消耗英雄空间。
- 最近的帖子: 用内容类型在任何页面上显示最新的博客标题。
- RSS 聚合器: 将外部来源的头条新闻拉到社区或行业中心。
- 侧边栏股票: 切换到垂直滚动并将小部件放入窄列中。
为了获得更完整的博客布局,将其与 博客小部件.过时的公告,看一下 时间轴小部件.
视频教程 #
喜欢看吗?该视频通过新闻滴答小部件从第一个拖动到实时页面上的成品栏:
常见问题 #
我可以在 Elementor 中添加新闻代码而不进行编码吗?
是。将主插件新闻滴答小部件拖入您的布局中,选择一个源,并从 Elementor 面板中设置设计和动画。不涉及自定义代码。
News Ticker 小部件支持哪些内容源?
二:内容,它从您自己的网站中提取帖子、产品或其他帖子类型,以及 RSS Feed,它显示来自外部 Feed URL 的项目。
股票行情可以垂直滚动吗?
是动画部分,将滚动类型设置为垂直。它适合横杆或狭窄的柱子,其中水平杆会耗尽空间。
如何在股票代码中显示帖子缩略图?
在"设计选项部分打开"显示缩略图。然后前往"样式选项卡设置缩略图宽度,然后选择"方形或圆形。
访客可以暂停股票代码吗?
是在动画部分打开暂停悬停,如果显示导航开启,访问者也可以使用导航箭头跨过项目。
包裹起来 #
News Ticker 小部件是一种快速的方式,可以为 Elementor 页面添加运动和新鲜内容,具有两个内容源、三种滚动类型和针对栏中每个部分的造型,涵盖从突发新闻到您最新博客标题的所有内容,并浏览全套内容 主插件小部件和扩展 要查看插件还附带哪些内容,请查看 新闻勾选小部件页面 对于演示。新闻滴答声需要 Pro,请检查 定价页面 为计划。
