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

 

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

 

 

选择后效果如下:

 


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

 

 

 

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

 

 

 

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

 

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

 

 

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

 

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

 

 

 

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

 

 

 

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

 

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

 

 

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

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

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

 

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

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

 

 

1.7在“移动端导航”选项卡中,可以进行一下设置(响应式):

 

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

 

深度阅读:

自定义页面布局 Page Builder绝对是一款逆天插件,是我这个月发现的最给力的插件之一! Page Builder这款插件能够让你在不修改任何代码的情况下,自定义修改你的网站布局! 友情提醒一下,这款Page Builder插件配合小工具(weidget)一起使用,更加强大!!...
禁用google字体 最近因为各种原因,导致无法访问google网站,这使得大家使用google字体的wordpress网站访问速度极其的慢。很多人会问西瓜“我没有想要载入google字体啊,我连google字体是什么都不知道,为何网站还是这么慢??”西瓜很负责任地告诉你,问题有两点:1....
添加wordpress的文章类型 在WordPress的默认中仅仅有两种文章类型post文章以及page页面,虽然我们可以使用tag标签以及category分类对文章进行分类管理,但是在大型的网站中,我们需要很多不同的文章类型(比如:‘我们的成员','我们的项目',’我们的产品',‘我们的奖项’,‘我们的分公司地点’等) ...
写文章的规范 标题规范 标题首先需要堆砌wordpress关键字 其次 标题要言简意赅描述该文章的作用首段文字 首段文字需要一个索引,从一个可能发生的现象引导到此篇文章的目的,其中继续堆砌wordpress关键字,尤其是 wordpress建站  (Like This)做一个跳转至订制页面的关键字...
使用updraftPlus迅速迁移整个站点 【使用场景】假设你在你的开发环境(比如你的本地localhost)开发完了项目,或者开发到一定阶段了,现在需要上传到测试服务器或者正式服务器上,搭建网站或者给客户展示,一般来说会遇到压缩文件,上传文件,解压文章,导出数据库,上传数据库,修改数据库内部的链接等繁琐的步骤,使用WordPress花园购买...
给网站添加多语言版本的10个好处 我猜,您还没有给您的网站添加第二种语言对吧?或许您现在正在重新评估自己当前的商业模式,认为是时候拓展国外业务,吸引一些外国客户了。那么WP花园认为,给自己的网站添加一门语言,是开始拓展国外业务的第一步!什么,您还没有网站?我们建议您直接做一个中英双语版本的网站吧!我们先来说说...
选择建站公司建网站前必须要注意的7个陷阱 如果你是一个创业者,或者你的事业已经开始逐渐起步了,这时候你可能会开始想“是时候需要一个网站了”所以你开始打开百度搜索引擎,输入‘建站公司’,结果发现,各种形形色色的建站服务琳琅满目,有的0元建站,有的先建站后付款,有的800元一个套餐,你觉得非常高兴,花费几百块就可以做出下一个淘宝...
怎么拓展外贸小语种客户?建立多语言网站你必须要了解的12个注意事项 如果你决定给自己的网站添加一门新的语言,比如英语,那么恭喜你,你富有远见的眼光让你超越了80%的竞争者。 可是做一个多语言网站,不仅仅是简单的翻译文字而已有很多细节需要在你开始搭建网站前就要考虑好,以免让你的多语言网站漏洞百出。 我们做了很多跨国外贸企业的网站项目,给你罗列出12条搭建多...

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

  1. 大将军 says:

    如何解决首页中导航栏和下方内容的留白? 我现在革命滑块和导航栏之间就是大段的空白,想了不少办法,拿不掉。
    求教

发表评论

电子邮件地址不会被公开。 必填项已用*标注

wechat logo