头部编辑器——待定

头部(不是标题)是网站的一部分,其通常位于顶部,通常包括导航,Logo,搜索等。

编辑现有的头部和创建新的,在 Impreza>Header:

2090.jpeg

头部拖放编辑

2085.jpeg

编辑器由3行:顶部,中间,底层,每层3个格子:左,中,右。每一行代表网站标题区域,它有它自己的设置和颜色。顶部和底部区域是可选的,可以在侧面设置中关闭。每个格子代表一个空间头部元素与相应的位置。例如正确的位置将在网站标题的显示其内容。

您可以移动,编辑,复制或删除每一个元素,添加元素悬停在看到控制。

当你需要隐藏一些元素,但保留其设置和内容“隐藏元素”区域使用。例如,当你想改变在不同的标头出现头状态

标题设置

头设置在整个头外观的影响。他们是全局页眉设置,顶部区域,主要区域和底部区域分开。

头各国

头状态是一个网站报头的响应状态,相关的屏幕宽度,具有可调节的断点。使用头状态允许提高在小屏幕上头的外观。

Impreza有3种默认标题状态

  • 默认时屏幕宽度是示出状态- 901px或更大
  • 片剂 -当屏幕宽度是示出状态从900px到601px包含地
  • 移动台当屏幕宽度是示出状态- 600px的或更少

头状态由相关的标签表示:

2086.jpeg

打开平板电脑手机的标签,以调整这些响应断点

2123.jpeg

2124.jpeg

你需要使用头状态时,就知道很重要的两点:

  1. 标头元素和页眉设置的位置可以是不同的在不同的报头的状态。
    • 当您移动任何头元素上的任何国家,该元素将不能在其他两个州移动。
    • 当您更改任何头部中设置任何状态下,这些设置不会被其他两种状态改变。
  2. 内容和标头元素的设置NEVER DIFFER上不同的头的状态。
    • 当您在任何状态下添加一个新的头元素,该元素将被自动在其他两个州加入到相同的细胞。
    • 当您编辑在任何国家任何头元素,这些设置也适用于其他两种状态被改变了。
    • 当您在任何状态下删除任何头元素,该元素将在其他两个州被删除。

标题名称

点击标题的“铅笔”图标,输入所需的名称,然后点击保存更改按钮:

2093.jpeg

头模板

报头模板是一个报头的预定义的布局。使用头部模板是一个良好的开端,以建立自己的网站标题。

2087.jpeg

每头模板包括:

  1. 头设置,包括平板电脑和手机的状态
  2. 头元件位置,包括片剂和移动台的状态
  3. 首标元素含量
  4. 头元素的设置

当您将头模板,您以前的头元素和设置将被删除。

头导出/导入

您可以导出/导入任何头与所有的元素和设置。此选项可以在站点之间传送头有用。

2088.jpeg

只需复制/代码粘贴到文本区域,然后单击导入头按钮。当您导入另一头,以前的头元素和设置将被删除。

2089.jpeg

什么是头生成器?

头Builder是一个独特的翼豹插件可以让你使用可视化拖放生成器来修改网站标题。您可以在安装头生成器附加组件页面。您可以既安装和使用头生成器仅当你的主题被激活

当被激活时,生成器头位于翼豹>的主题选项选项卡之一:

6aIi9J5.png

标题拖放编辑器

报头生成器的主要部分是一个视觉拖放编辑:

48sED05.png

编辑器由3行(顶部,主,下),在每3个小区(左,中,右)。每一行代表网站标题区,它有它自己的设置和颜色。顶部和底部区域是可选的。每个细胞代表用于容器头元素与对应的位置(例如右单元将在您的网站标题的右边显示它的元素)。

您可以通过相关的“加号”按钮添加新元素成任何细胞。在弹出的窗口中可以看到所有可用的元素:

qksktNx.png

您可以移动,编辑或删除每一个元素(悬停鼠标光标放在它看到的选项):

b6UW32I.png

当你需要隐藏一些元素“隐藏要素”区域使用,但保留其设置和内容(例如,当你想改变不同的标头出现头状态)。

头元素

头元件是柔性预建元件,其可被放置到头部。每头元素都有自己的设置。

文本

文本元素显示任何自定义文本。你可以改变它的字体大小(3例),应用的链接,设置自定义颜色,并添加自定义图标。此外,您还可以设置字体来源,并启用自动换行。

你可以使用<strong>,点击,<a>标记在“文本”字段。

图片

图像元素显示从媒体库中的任何自定义图像。可以改变它的高度(6例),应用链接,用于透明报头中设置不同的图像。

主菜单

主菜单元素显示主旋律菜单,这是在设置菜单页面。

您可以将只有一个主菜单元素到你的头。

附加菜单

其他菜单元素显示上创建的任何菜单菜单页面。另外的菜单不显示菜单子项目,并没有突出积极的菜单项。

搜索栏

搜索栏元素显示(!奇怪)搜索字段。你可以改变它的文本占位符,选择4点领域的布局之一。当WooCommerce插件启用,你也可以激活选项“在网络购物产品只搜索”。

您可以将只有一个搜索栏元素到你的头。

落下

下拉元件示出了文本链接,其显示与由在其上的鼠标点击链接下拉框(或点击触摸屏上)。你可以改变下拉尺寸(3例)。此外,您还可以设置下拉作为语言切换器,它支持WPML插件。

社会联系

社会链接元素显示的受欢迎的社交网站的图标的列表。你可以改变它的大小(3例),选择基本和悬停样式。

按键

按钮元素显示按钮(令人惊讶!)。您可以选择按钮样式,改变按钮的大小(3例),设置自定义颜色,添加自定义图标。按钮的默认颜色从“菜单按钮”的颜色值取样式选项。

大车

车元素仅当WooCommerce插件被激活。您可以设置车图标和它的大小。

您可以将只有一个车的元素插入你的头。

自定义HTML

自定义HTML允许放置任何自定义代码的头。添加的代码将位于内部<DIV类= “W-HTML”> </ DIV>元素。

立式包装机

垂直包装允许定位在一列中,而不管头部取向头元件中的一个在另一个的上面。

  • 你不能直接添加一个立式包装到你的头,如果有垂直方向
  • 您可以添加一个立式包装成卧式包装机
  • 您可以选择立式包装内元素的水平对齐方式

卧式包装机

水平包装允许在一个行中,不管头取向定位在序列标头元素。

  • 你不能直接添加一个卧式包装机为你的头,如果有水平方向
  • 您可以添加一个卧式包装机为立式包装机
  • 您可以选择卧式包装机本身的水​​平对齐方式
  • 一个卧式包装内的所有元素始终由垂直中心
  • 一个卧式包装机内的所有元素始终放置在一个单行,即使头部还没有足够的可用空间

页眉设置

头设置在默认情况下启用所有的网页标题外观的影响。主要有以下几种选择:

  • 全局页眉设置
    • 取向
    • 置顶标题
    • 滚动断点
    • 透明头
    • 头宽
    • 元素对齐
    • 标题阴影
  • 顶部区域设置
    • 展区
    • 面积高度
    • 置顶面积高度
    • 全宽内容
  • 主要区域设置
    • 面积高度
    • 置顶面积高度
    • 全宽内容
    • 背景图
    • 背景图片大小
    • 背景图像重复
    • 背景图片附件
    • 背景图像位置
  • 底部区域设置
    • 展区
    • 面积高度
    • 置顶面积高度
    • 全宽内容

包头国家

头状态是相关的屏幕宽度网站报头的响应状态。使用头状态允许提高在小屏幕上头的外观。

翼豹有3点的状态

  • 默认时屏幕宽度是示出状态- 901px或更大
  • 片剂 -当屏幕宽度是示出状态从900px到601px包含地
  • 移动台当屏幕宽度是示出状态- 600px的或更少

头状态通过在该接口的相应凸片表示:

SfOz83H.png

你需要使用头状态时,就知道很重要的两点:

  1. 标头元素和页眉设置的位置可以是不同的在不同的报头的状态。
    • 当您移动任何头元素上的任何国家,该元素将不能在其他两个州移动。
    • 当您更改任何头部中设置任何状态下,这些设置不会被其他两种状态改变。
  2. 内容和标头元素的设置NEVER DIFFER上不同的头的状态。
    • 当您在任何状态下添加一个新的头元素,该元素将自动对其他两个国家加入(进入相同的细胞)。
    • 当您编辑在任何国家任何头元素,这些设置也适用于其他两种状态被改变了。
    • 当您在任何状态下删除任何头元素,该元素将在其他两个州被删除。

标题模板

报头模板是标头元素的预定义布局。使用头部模板是一个良好的开端,以建立自己的网站标题。

CWhicTP.png

每头模板包括:

  1. 头设置(包括片剂和移动状态)
  2. 首标元素位置(包括片剂和移动状态)
  3. 首标元素含量(虚设)
  4. 头元素的设置

当您申请任何头模板所有当前标题元素和设置都将灰飞烟灭。