使用指南/网站获利/为付款按钮设置样式

为付款按钮设置样式

在站点上添加付款按钮区块后,您可以更改按钮颜色、布局等元素。本指南将向您介绍如何设置付款按钮的样式。

背景和文本颜色

请按照以下步骤更改付款按钮的背景和文本颜色:

  1. 点击付款区块中的单个按钮。
  2. 区块设置边栏中,找到“背景和文本颜色”部分。
  3. 点击“文本颜色”部分,更改按钮文本的颜色。
  4. 点击“背景”部分,更改按钮的颜色。

详细了解如何为您的按钮应用颜色

调整按钮半径

您可以通过更改按钮的半径来改变按钮边缘的圆角弧度。请按照以下步骤操作:

  1. 点击付款区块中的单个按钮。
  2. 区块设置边栏中,找到“边框”部分。
  3. 使用滑块或输入数字来更改按钮的半径。
  4. 点击右上方的“保存”或“发布”,保存您的更改。

数字越小,按钮越方正,数字越大,按钮的边角越圆。

边框半径为零时的方形按钮示例。

配置按钮宽度

请按照以下步骤配置按钮的宽度:

  1. 点击付款区块中的单个按钮。
  2. 区块设置边栏中,找到“宽度设置”部分。
  3. 选择其中一个预设值(25%、50%、75% 或 100%)或设置自定义宽度。
  4. 点击右上方的“保存”或“发布”,保存您的更改。

例如,将按钮的宽度设置为 100%,即可创建一个全宽按钮。或者,将每个按钮的宽度设置为 50%,即可让两个按钮占满内容区域的宽度,示例如下:

并排显示的两个按钮,宽度均设置为 50%,占满内容区域的宽度。

调整按钮对齐方式

请按照以下步骤更改付款按钮的对齐方式:

  1. 在编辑器的左上角选择列表视图
  2. 在列表视图中点击付款按钮区块项。
  3. 在出现的区块工具栏中,点击“更改项目对齐方式”按钮。
  4. 从以下选项中选择一项:
    • 左对齐项目:将所有按钮左对齐。
    • 居中对齐项目:将所有按钮居中对齐。
    • 右对齐项目:将所有按钮右对齐。
    • 项目间距:在付款按钮区块中等距排列按钮。
  5. 点击右上方的“保存”或“发布”,保存您的更改。

应用预设样式

请按照以下步骤为您的按钮选择预设样式:

  1. 点击付款区块中的单个按钮。
  2. 区块设置边栏中,点击“样式”选项卡。
  3. 选择“填充”“轮廓”按钮样式。
  4. 点击右上方的“保存”或“发布”,保存您的更改。

自定义排版

请按照以下步骤更改按钮文本的字体大小、类型和字母大小写:

  1. 点击付款按钮区块中的单个按钮。
  2. 区块设置边栏中,点击“样式”选项卡。
  3. 滚动到“排版”部分。
  4. 更改按钮文本的大小,或点击三个点 () 以激活“字体”和“字母大小写”选项。
  5. 点击右上方的“保存”或“发布”,保存您的更改。

了解有关排版设置的更多信息。

设置文本格式

您可以为付款按钮的文本添加粗体和斜体等格式。请按照以下步骤应用格式:

  1. 点击付款区块中的单个按钮。
  2. 突出显示按钮中的部分或全部文本。
  3. 使用出现的区块工具栏,应用以下任意样式:
    • 粗体
    • 斜体
    • 更多”图标包括:
      • 突出显示:仅更改文本的字体颜色和背景颜色。使用样式更改按钮的颜色。
      • 内嵌代码
      • 内嵌图像
      • 键盘输入样式
      • 语言属性
      • 删除线
      • 下标
      • 上标
  4. 点击右上方的“保存”或“发布”,保存您的更改。
应用斜体格式的高亮文本示例。
Copied to clipboard!