Blocksy Header Elements – Button 按钮元素

按钮元素非常实用，当你想要将访客引导到网站的重要部分并让内容更醒目时，它能发挥很大作用。

它提供了一系列不错的配置选项，下面我们来详细了解一下。

按钮样式 – Button style

此选项可以让你在两种简洁的按钮样式之间进行选择：

• 实心样式（Filled）：填充背景，立即吸引注意力；
• 描边样式（Outlined）：仅有边框，更加低调，与内容融为一体。

尺寸 – Size

你可以从以下四种尺寸中选择：

• Default（默认）：继承全局按钮设置（路径：General → Buttons）
• Small（小号）
• Medium（中号）
• Large（大号）

标签文字 – Label

设置按钮中显示的文字内容，简单直观。

点击行为 Click Behaviour

该选项决定用户点击按钮时会发生什么。默认情况下，你可以将其设置为任何你想要的链接。

如果你是 Blocksy Pro 用户，还可以让按钮在点击时打开一个弹窗（Pop-up）。

此外，还可以设置：

• “Open in new tab”：在新标签页中打开链接；
• “Set link to nofollow”：为搜索引擎指示该链接为外部链接，不传递权重。

图标 – Icon

你可以为按钮添加一个图标，让它更具视觉吸引力，并强化“行动号召（Call to Action）”的效果。

用户可见性 – User Visibility

可以根据用户状态（是否登录）决定是否显示按钮。

例如，在用户登录后隐藏某个按钮，以简化界面体验。

CSS 类 – CSS class

此选项适合高级用户。

当你需要与第三方工具或脚本配合时，很多功能触发都依赖于特定的 CSS 类名，因此这个字段正是为此设计的。