WordPress The 7主题使用教程2.7-顶部栏&导航栏设置

导航在一个网页站点中就像领路人一样重要，在使用WordPress建站的过程中，了解并熟悉导航的显示样式及位置特别重要，这篇文章主要介绍了“主题选项>顶部栏&导航栏”中一些常见站点的设置，包括导航的布局及一些类似社交账号端口的添加等选项设置，可以能帮助我们快速设置和导航相关的选项。

1.1在“主题选项>顶部栏&导航栏>布局”视图下包含6种导航栏布局、菜单位置及样式： 

选择后效果如下：

选择布局后可在顶部栏添加“微型小工具”，设置这些小工具的显示样式、位置、边距

在“主题选项>顶部栏&导航栏>顶部栏”可以设置顶部栏的：字体、背景色及背景图像、边距等效果。

1.2可以在“导航栏”选项卡中进行以下设置：

•  设置导航栏的背景色或背景图像，更改美化效果;
• “点击导航”标头和“移动菜单”的背景叠加

1.3可以在“菜单”选项卡中进行以下设置：

• 设置主菜单字体，字号，颜色，边框半径;
• 设置鼠标经过和激活时菜单项的样式;

• 启用/禁用下一级指示符图标;
• 设置菜单项边距和填充及分隔线的效果;
• 设置菜单项点击范围的大小：

1.4在“子菜单”选项卡中进行以下设置：

• 设置子菜单字体，字号，颜色，背景及背景图;
• 设置鼠标经过和激活时菜单项的样式;
• 设置菜单项边距和填充;

1.5可添加的“微型小工具”包括：

• 联系方式（地址，电话，电子邮件，Skype，工作时间）;
• 登录;
• 文字区;
• 自定义菜单；
• 社交图标；
• 允许指定特定微件区域的字体系列，大小和颜色：

该选项卡中可以设置微型小工具中字体和字号。

1.6在“浮动导航”选项卡中，可以进行一下设置：

• 启用/禁用浮动导航
• ;效果：淡化滚动、滑动滚动、置顶;
• 设置标题在在滚动一定的距离后显示;
• 设置浮动导航的美化风格。

1.7在“移动端导航”选项卡中，可以进行一下设置（响应式）：

• 设置第一个导航切换点（用于平板电脑）和第二个导航切换点（用于手机）;
• 平板电脑和手机的标题高度和布局：
• 启用或禁用浮动移动导航;
• 设置字体，字号和颜色，包括悬停/活动菜单项;
• 移动端菜单背景和滑出方式：

WordPress投资行业官网案例 – 中国健康养老投资发展论坛组委会

WordPress铝业加工行业网站案例 – 山东垚聪铝业有限公司

WordPress B2B汽车配件外贸网站案例 – 上海铃宇 Igcoil

WordPress外贸汽车配件B2B网站案例 – aceignitioncoil点火线圈

WordPress咨询行业网站案例 – 阿特莱尔（北京）艺术顾问有限公司

WordPress会展行业网站案例 – 天啸国际展览官网