README

这是一个非常通用的主题，旨在与 Beaver Themer 一起使用。

内置模板

有几个内置的主题布局和模板可供使用。目前，该列表包括

• 三个头部布局
• 三个页脚布局
• 博客存档布局
• 单篇帖子布局
• 搜索结果布局
• 品牌标准模板
• 全高英雄行

要使用预构建的模板，您必须创建一个帖子（模板）或一个主题布局（布局）。在新帖子中打开 Beaver Builder，点击右上角的“模板”，然后选择所需的模板。目前，所有模板都列在“未分类”下。

要保存新的预构建模板，请参考 Beaver Builder 知识库中的指南。模板存储在 'web/wp-content/themes/hip-bb-theme/templates'。

主题部分

以下部分由主题定义

• 头部前（before_header）
• 头部
• 头部后（after_header）
• 横幅（hip_bb_banner）
• 面包屑（hip_bb_breadcrumb）
• 内容后（hip_bb_after_content）
• 页脚前（before_footer）
• 页脚
• 页脚后（after_footer）

这些部分中的每一个都可以在 Beaver Themer 中分配一个主题布局，或者作为标准的 WordPress 动作钩子处理。这为您设计子主题提供了充分的灵活性。

Hip 设置

Hip 设置为整个主题提供了一些设置选项。

常规设置

标志

有两种方式可以添加网站标志。上传标志图像选项或如果标志图像不可用，将添加 SVG HTML 标志。对于前端，标志将通过短代码 [hip_logo] 显示。

如果网站有备用标志，则使用备用标志上传选项或 SVG HTML 标志选项。对于前端，备用标志将通过短代码 [hip_alt_logo] 显示。

字体样式

该部分有一个选项用于全局设置正文字体。您可以从下拉菜单中选择任何 Google 字体，并定义其粗细和大小。

您还可以从本节设置标题字体族和字体粗细。此设置将应用于所有标题字体。

>注意： 300、400 和 700（如果 Google 中可用）字体粗细将适用于所有选定的字体。

颜色

您可以从本节定义网站的配色方案。可用的设置包括

• 主色
• 主色突出显示色
• 辅助色
• 辅助色突出显示色
• 正文字体颜色
• 链接颜色
• 链接悬停颜色

默认情况下，网站的所有标题都将使用主色。还有一些预构建的 CSS 类使用此颜色设置，用于 Beaver Builder 和自定义代码。这些是

用于 Beaver Builder

• 带主色： primary-heading、text-primary、text-primary-highlight、primary-btn、primary-bg、primary-bg-highlight
• 带辅助色： secondary-heading、text-secondary、text-secondary-highlight、secondary-btn、secondary-bg、secondary-bg-highlight

用于自定义 HTML 代码

• 带主色： primary-txt、primary-txt-highlight、bg-primary、button-primary
• 带辅助色： secondary-txt、secondary-txt-highlight、bg-secondary、button-secondary

按钮

您可以从本节开始自定义按钮样式。要使用此按钮样式，请将 general-btn CSS 类添加到 Beaver Builder 模块中。对于自定义 HTML 代码，请使用 btn-general CSS 类。

>注意：以下 Beaver Builder 模块可以使用按钮类（primary-btn、secondary-btn、general-btn）：按钮模块、文章模块（轮播、网格、滑块）、号召性用语、行动号召、内容滑块、Wpforms 小部件。

商业信息设置

电话号码

您可以在该字段中插入您的商业电话号码。目前仅支持美国电话号码。还有一个与 Beaver Themeer 相关的字段名为 businessinfo_phone_number。要手动显示，您可以使用短代码 [hip_phone]。

地址

在此字段中插入您的主要商业地址。要在前端使用，请使用短代码 [hip_address]

社交媒体

社交媒体图标和链接字段可用于设置社交媒体图标和链接。社交媒体图标将通过 font-awesome 图标类提供。要在前端显示，请使用短代码 [hip_social_icons]。