在本文中,我们将解释如何设置标题,以及主题选项中的标题设置和标题构建器中的标题设置之间的差异。

  1. 导航栏设置
  2. 页眉Logo设置
  3. 标题链接设置
  4. 搜索
  5. 移动按钮设置
  6. Widgetbar设置
  7. Topbar设置
  8. 总结

主题选项中的标准标题设置可在X和Pro主题中使用,用于设置网站标题。但是,如果你使用Pro主题,并且你为网站的所有页面分配了一个带有主题标题生成器功能的标题,那么标题设置将不适用,因为你已经使用Pro主题中可用的特定工具构建了网站的整个标题。X主题没有标题构建器功能,主题选项中的标题设置是设置和配置网站标题的唯一地方。

如果你在Pro主题中使用标题构建器,你将在主题选项中拥有标题设置,看起来像这样:

主题选项报头

X >主题选项>头在X和专业>主题选项>头在Pro中访问主题选项中的标题设置。

导航栏设置

标题导航栏设置用于设置标题导航栏的高度和位置。导航条位置用于设置导航栏在标头中的位置。可能的选项有:

  • 静态的:如果选择此选项,标题将在页面的顶部,并将在滚动时退出折叠。
  • 固定:如果选择此选项,标题将在页面的顶部,它将在滚动时粘在顶部。
  • 固定左:如果选择了这个选项,标题将停留在浏览器窗口的左侧。
  • 固定正确的:如果选择了这个选项,标题将停留在浏览器窗口的右边部分。
头部示例 固定权利
  • 导航栏顶部高度(px):如果一个固定前静态顶位置选定后,您可以使用此选项设置标题导航栏部分的高度。
  • 导航滚动:如果一个固定的左固定的对吧位置选定后,您可以使用此选项来确定如果菜单超出折叠范围,是否需要滚动菜单。如果你启用这个选项,你将不能有子菜单,你的菜单应该是线性平面的。
  • 导航栏侧宽(px):如果一个固定的左固定的对吧位置选定后,可以使用此选项设置侧边栏标题的宽度。
主题选项头导航栏

导航栏顶部高度(px)选项即使在使用时也必须设置固定的左固定的对吧定位,因为在平板电脑和移动设备上,菜单被推到顶部。

页眉Logo设置

布局选项,以确定徽标相对于导航的位置。的选项有两种布局设置:

  • 内联
  • 堆放

选择内联对于你的logo和导航布局,将它们都放在导航栏中。选择堆放将logo放在导航栏上方一个单独的部分称为Logobar.这是一个截图内联标识:

内联Logo示例

这是一个截图堆放标识:

堆叠Logo示例
  • 图标栏顶部间距(px):控件的顶部间距使用此选项可配置logobar如果堆放选择Logo模式。
  • 图标栏底部间距(px):控件的底部间距使用此选项可配置logobar如果堆放选择Logo模式。
主题选项头Logo和导航

标志-文字

您的标志将默认显示为文本。或者,如果您想使用图像,请将其上传到标志-形象部分,将自动切换。Logo的对齐方式也可以调整标志-对齐部分。

主题选项头标识文本
  • 商标文字:在这里,您可以输入想要显示在站点标志位置的文本。
  • 标志字体:使用此选项可设置网站文本标志的字体。您可以选择使用谷歌字体或系统字体。
  • Logo字体颜色:使用此选项可设置网站上文本徽标的文本颜色。
  • Logo字号(px):使用此选项可设置文本logo的字体大小。字体大小以像素为单位。
  • 标志字母间距(em):使用此选项可设置文本标识的每个字母之间的间距。空间单位是在新兴市场年代。点击在这里有关的更多信息新兴市场单位。
  • 字体重量:使用此选项可设置文本标志字体粗细。根据您为文本标志选择的字体,此设置的选项可能有所不同,因为某些字体支持有限的字体粗细。
  • 大写:启用此选项,如果您希望您的网站的文本标志是大写的。
  • 在隐藏中输出Logo文本<标题>如果您希望“Logo文本”字段的内容显示为h1标题在你的网站的代码,但不显示在屏幕上。

标志-形象

logo图像部分用于上传图像,它将被用来代替你网站上的文本logo。为使您的标志视网膜准备,输入您上传的图像的宽度Logo宽度(px)我们会帮你计算所有的数据。如果你想让你的logo保持上传时的原始大小,请将该字段留空。

主题选项头部图像

使用“源”选项上传图像或使用当前上传的图像作为徽标。单击加号按钮(+)将打开标准的WordPress媒体选择模式,您可以使用它来选择或上传您的网站标志的图像。

尺寸预览部分显示您上传的图像的实际大小。

标志-对齐

“Logo对齐”部分中可用的控件可根据需要垂直对齐Logo。即使你的导航栏固定在一侧,也要确保调整顶部对齐,因为在较小的屏幕上它会重新格式化到顶部(如果你没有选择侧导航位置,这个控件将被隐藏)。

主题选项标题对齐
  • 导航栏顶部Logo对齐(px):使用此选项可设置徽标的顶部对齐方式。
  • 导航栏侧Logo对齐(px):使用此选项可设置徽标的侧面对齐方式。

使用标题链接设置,你可以改变顶级导航栏链接的外观,以及它们的对齐方式和间距。

主题选项头链接设置
  • 导航字体:使用此选项可设置导航栏菜单项的字体。您可以选择使用谷歌字体或系统字体。
  • 导航链接:使用此选项可设置导航栏菜单项链接的颜色。
  • 导航栏链接悬停:使用此选项可设置导航栏菜单项链接的悬停颜色。
  • 导航栏字体大小(px):使用此选项可设置导航栏菜单项链接的字体大小。字体大小以像素为单位。
  • 导航栏字体重量:使用此选项可设置导航栏菜单项链接的字体粗细。根据您为链接选择的字体,此设置的选项可能有所不同,因为某些字体支持有限的字体权重。
  • 导航栏字母间距(em):使用此选项可设置导航栏菜单项链接的每个字母之间的间距。空间单位是在新兴市场年代。点击在这里有关的更多信息新兴市场单位。
  • 大写:如果你想让你的网站的导航栏菜单项链接是大写的,启用这个选项。

属性自定义顶部和侧导航栏位置的链接的垂直对齐,以及更改顶部导航栏位置的链接之间的垂直间距导航栏顶部链接间距(px)控件。

主题选项头链接对齐
  • 导航栏顶部链接对齐:使用此选项可设置链接的对齐方式。
  • 导航栏拓扑链接间距:使用此选项可设置链接的间距。
  • 导航栏侧链接对齐:使用此选项可在导航栏处于固定的左右位置时设置链接的对齐方式。

如果导航搜索启用时,将激活导航栏的搜索功能。如果激活,一个图标将出现,当点击将激活搜索模式。

主题选项头导航栏搜索

移动按钮设置

移动按钮出现在更小的屏幕上,它取代了内联导航菜单。在粘贴移动菜单后,下拉菜单显示包含菜单项:

移动报头示例

使用本节中提供的控件调整导航栏中显示在较小屏幕上的移动按钮的垂直对齐和大小。

移动报头示例
  • 移动导航栏按钮大小(px):使用此选项设置移动菜单的按钮大小。大小以像素为单位。
  • 移动导航栏按钮对齐(px):使用此选项设置移动菜单按钮的对齐方式。大小以像素为单位。

Widgetbar设置

Widgetbar是一个可折叠的部分,可以通过点击网站头部顶部的Widgetbar切换图标打开,您可以使用WordPress小部件向Widgetbar添加内容。这个想法有点像标准页脚,你可以了解更多在这里

头的小部件

为您的网站添加内容到widget栏的方法是将小部件分配给其中一个头部小部件区域.去外观>小部件然后把你想要的小部件拖到一个头部小部件区域:

外观部件

您可以通过转到设置小部件栏中有多少列X/Pro >主题选项>头部> widget栏并设置头部小部件领域选项,你有下面的选项:

  • 没有(残疾人):选择此选项将完全禁用头部小部件区域部分。
  • 一:标题小部件区域将有一列和标题1小部件区域将显示在头部。
  • 二:标题小部件区域将有两列和标题1而且头2小部件区域将显示在头部。
  • 三:标题小部件区域将有三列和标题1头2而且头3小部件区域将显示在头部。
  • 四:标题小部件区域将有四列和标题1头2头3而且头4小部件区域将显示在头部。
主题选项头部件栏

您还可以使用其他选项来微调小部件栏切换图标:

  • 小部件栏按钮背景:使用此选项可设置小部件栏切换图标的背景颜色。
  • 小部件栏按钮背景悬停:使用此选项可设置小部件栏切换图标的背景悬停颜色。

Topbar设置

topbar是头部最顶部的一个狭窄的部分,你可以添加自定义HTML代码:

主题选项标题Topbar设置
  • Topbar:启用此选项将使标题顶部的topbar可见,并显示一个用于添加自定义HTML代码的文本区域。
  • Topbar内容:这是您可以添加自定义HTML内容的地方,这些内容将显示在topbar中。

面包屑是一个层次结构指南,它显示了当前页面在网站层次结构中的位置,并提供了链接,以提高您网站的层次结构。启用此选项,在您的网站上有面包屑。面包屑将显示在你的网站的内页,而不是首页。

面包屑的例子

总结

我们已经了解了主题选项的标题设置,以及如何使用我们可用的不同控件设置标题。此外,我们还了解了主题选项中的标题设置和专业主题标题构建器功能之间的区别。的下一个步骤是了解关于页脚设置的更多信息。

看到不准确的东西了吗?让我们知道

Baidu
map