导航在一个网页站点中就像领路人一样重要,在使用WordPress建站的过程中,了解并熟悉导航的显示样式及位置特别重要,这篇文章主要介绍了“主题选项>顶部栏&导航栏”中一些常见站点的设置,包括导航的布局及一些类似社交账号端口的添加等选项设置,可以能帮助我们快速设置和导航相关的选项。
1.1在“主题选项>顶部栏&导航栏>布局”视图下包含6种导航栏布局、菜单位置及样式:
选择后效果如下:
选择布局后可在顶部栏添加“微型小工具”,设置这些小工具的显示样式、位置、边距
在“主题选项>顶部栏&导航栏>顶部栏”可以设置顶部栏的:字体、背景色及背景图像、边距等效果。
1.2可以在“导航栏”选项卡中进行以下设置:
- 设置导航栏的背景色或背景图像,更改美化效果;
- “点击导航”标头和“移动菜单”的背景叠加
1.3可以在“菜单”选项卡中进行以下设置:
- 设置主菜单字体,字号,颜色,边框半径;
- 设置鼠标经过和激活时菜单项的样式;
- 启用/禁用下一级指示符图标;
- 设置菜单项边距和填充及分隔线的效果;
- 设置菜单项点击范围的大小:
1.4在“子菜单”选项卡中进行以下设置:
- 设置子菜单字体,字号,颜色,背景及背景图;
- 设置鼠标经过和激活时菜单项的样式;
- 设置菜单项边距和填充;
1.5可添加的“微型小工具”包括:
- 联系方式(地址,电话,电子邮件,Skype,工作时间);
- 登录;
- 文字区;
- 自定义菜单;
- 社交图标;
- 允许指定特定微件区域的字体系列,大小和颜色:
该选项卡中可以设置微型小工具中字体和字号。
1.6在“浮动导航”选项卡中,可以进行一下设置:
- 启用/禁用浮动导航
- ;效果:淡化滚动、滑动滚动、置顶;
- 设置标题在在滚动一定的距离后显示;
- 设置浮动导航的美化风格。
1.7在“移动端导航”选项卡中,可以进行一下设置(响应式):
- 设置第一个导航切换点(用于平板电脑)和第二个导航切换点(用于手机);
- 平板电脑和手机的标题高度和布局:
- 启用或禁用浮动移动导航;
- 设置字体,字号和颜色,包括悬停/活动菜单项;
- 移动端菜单背景和滑出方式:
如何解决首页中导航栏和下方内容的留白? 我现在革命滑块和导航栏之间就是大段的空白,想了不少办法,拿不掉。
求教
你用的是哪个主题?the7的话,可以到论坛提出具体的错误
the7主题插件的名字是什么?