php主题怎么增加导航页,教你如何给wordpress主题添加导航栏

烈火建站学院转载 不是所有的wordpress主题都自带导航栏的,我早就想自行添加一个。昨天的标题前有“GOOGLE是个好老师”这个句子,今早赶紧删了,倒不是不认同,而是觉得在添加导航栏这个事情上还真不是那么回事情。

以前我就说过:是否会有一天我们太依赖手术引擎,而传统获取信息的能力会逐步退化?比如资料检索、比较研究等等。况且,google不是万能的,或者说即使是万能的,你得有那个时间面对大海找出针尖,因为大多数时候他返回的结果还是很多,即便已经进行了关键词组合。我就体会到了。搜索半天,无功而返。

所以,我想强调的是人的自学能力很重要,不是自夸。

很多主题已经集成了导航栏,在添加页面后会自动出现,但是万一你喜欢的主题偏偏没有集成呢?比如系统默认的那个就没有,我一直用的这个也没有。开放性工具的好处体现出来了,自我加工成 可能。想一下:导航栏是在主页(index)、单篇日志页(single)、存档页(archive)等都出现,那么显然是修改共同点,只有页眉(hearder)、页脚(foot)和侧边栏(sidebar)可以修改,放在页眉,那就修改header.php。问题在于,对于一个不会写代码的菜鸟来说,代码哪里来?google百度不到。变通一下,找一个集成了导航栏的主题研究下它的header.php好了。很显然,是以“

”(NAVI也有可能是navigasyon-wrap这类的名称,但是一般都会含NAV三个字母)开始的这段,记得代码一定要有始有终保持格式的完整。复制到自己主题的header.php相应位置内,style.css是样式表,简单地说是控制输出效果的,再到刚才那个主题找到STYLE.CSS查到#nav或者#navigasyon-wrap开头的代码,复制到要修改的主题STYLE.CSS最后。然后逐步修改背景色、字体颜色、字号、左右间距之类的即可。

所以,忙了一会儿,就如你所见,连我这样的技术盲都能在原先主题的基础上,修修改改添加一个还算满意导航栏。原来不想写这么看似有点技术的东西的,因为我实在不是很懂这个。后来想想,我遇到的困难一定有人一样会碰到,那么就扯一次。以后断是不能写类似教程的东西了,实在没有那个知识积累,这篇权当班门弄斧吧。具体代码见内页。

header.php相应位置添加:

以下为引用的内容:

class=”current_page_item”>

STYLE.CSS相应位置添加:

以下为引用的内容:

#navigasyon-wrap{ width:980px; clear:both; height:33px; margin:20 auto; } #navigasyon-wrap ul { padding:0px 0 20px 20px; }

#navigasyon-wrap li { line-height:0.88em; display:inline; }

#navigasyon-wrap li a,#navigasyon-wrap li a:visited { color:#050606; background:#fc6; font-size:13px; margin-right:3px; float:right; padding:7px 15px; }

#navigasyon-wrap li a:hover { text-decoration:underline; }

#navigasyon-wrap li.current_page_item a, #navigasyon-wrap li.current_page_item a:visited, #navigasyon-wrap li.current_page_item a:hover { background:#F9F8F7; color:#444; text-decoration:none; }

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值