README

Top Bar CTA是BRIX Plugins的第一个Craft CMS插件，旨在帮助您轻松地在不编写代码或不需要技术复杂性的情况下，在页眉菜单上方添加通知或CTA栏。

想要通过您的网站推广一项重要的公司公告吗？想要提供节假日促销的20%折扣券吗？这款插件正是您所需要的。

Top Bar CTA – 功能

• 布局选择器:选择3种不同的布局之一；只有文本、文本加右对齐按钮，以及文本和按钮在下方。

• 可定制:像1、2、3一样简单地对顶部栏进行定制以符合您的品牌指南。轻松选择背景、文本和按钮颜色，如果您想更进一步，我们有一个选项可以添加自定义CSS，使其看起来您想要的样子。

• 完美响应式:我们的顶部栏CTA完全响应式，因此您可以启用它以适用于手机和平板电脑（如果需要），或者禁用它以仅向桌面用户显示公告。

需求

此插件需要Craft CMS 3.0.0或更高版本。

安装

要安装此插件，请按照以下说明操作。

1. 打开您的终端并转到您的Craft项目

    cd /path/to/project
   

2. 然后告诉Composer加载插件

    composer require brixplugins/top-bar-call-to-action
   

3. 在控制面板中，转到设置 → 插件，并点击顶部栏CTA的“安装”按钮。

配置顶部栏CTA

刚刚安装了我们的插件，您不知道如何使用它？不用担心，它尽可能简单，我们将在本简短文档中涵盖所有内容。

一旦您购买并安装了我们的插件，您将在Craft CMS侧边栏的左侧注意到一个名为“顶部栏CTA”的新额外元素。

如果您点击它，它将带您到顶部栏CTA插件设置页面，其中包括5个主要选项卡。

使用顶部栏CTA

选项卡如下，我们将涵盖每个选项卡中的所有选项。

选项卡1：常规

在常规选项卡上，您可以选择您的顶部栏CTA布局，以及按钮的文本内容。以下是一些设置

• 布局选择：使用此设置选择您的顶部栏CTA可用的3种布局之一。
• 顶部栏文本：使用此字段写入您想要顶部栏CTA显示的文本。请记住，保持其在30-40个字符左右，否则在移动设备、平板电脑或小屏幕上看起来会很大。
• 按钮文本：使用此字段写入您按钮的锚文本。建议保持其简短（例如，开始，免费试用等）。
• 按钮链接：使用此字段添加您按钮所需的链接。请记住，您可以添加UTM或推荐标签以获取点击人数的跟踪数据。
• 启用/禁用顶部栏：此开关允许您根据需要启用或禁用顶部栏。
• 保存更改：完成布局和文本选择后，只需点击“保存更改”，它将在整个网站上更新。

标签页 2：样式

在样式标签页中，您可以选择顶部栏CTA的颜色，以确保这些颜色与您的品牌风格相匹配。

• 背景颜色：使用此设置来选择顶部栏CTA的背景颜色。
• 按钮背景颜色：使用此设置来选择顶部栏CTA按钮的背景颜色。建议与顶部栏的背景颜色形成良好对比，以确保更高的点击率（CTR）。
• 按钮文字颜色：使用此设置来选择顶部栏CTA按钮文字的颜色。
• 文字颜色：使用此设置来选择顶部栏CTA文字的颜色。

标签页 3：网站

在网站标签页中，您可以选择在哪些网站上应用您的顶部栏CTA。

点击每个网站右侧的切换按钮，该网站上的顶部栏将自动启用。

标签页 4：高级

在高级标签页中，您可以切换顶部栏CTA的一些高级设置。

• 在移动和桌面设备上激活：此功能将启用或禁用在移动和桌面设备上的顶部栏CTA。
• 自定义CSS：使用此设置来启用顶部栏CTA的自定义CSS字段。使用此字段，您可以添加任何必要的CSS，使您的顶部栏CTA看起来完全符合您的期望。

标签页 5：预览

在预览标签页中，您可以在不将其公开在您的网站上之前预览顶部栏CTA。如果您正在尝试多种文本和按钮CTA以找到最佳方案，这非常有用。

由 BRIX Plugins 提供