站长百科 | 数字化技能提升教程 数字化时代生存宝典
首页
数字化百科
电子书
▼
建站程序
开发
服务器
办公软件
开发教程
▼
服务器教程
软件使用教程
运营教程
热门电子书
▼
CSS教程
WordPress教程
导航
程序频道
推广频道
网赚频道
人物频道
网站程序
网页制作
云计算
服务器
CMS
论坛
网店
虚拟主机
cPanel
网址导航
WIKI使用导航
WIKI首页
热点词条
最新资讯
网站程序
站长人物
页面分类
使用帮助
编辑测试
创建条目
网站地图
站长百科导航
站长百科
主机侦探
IDCtalk云说
跨境电商导航
WordPress啦
站长专题
网站推广
网站程序
网站赚钱
虚拟主机
cPanel
网址导航专题
云计算
微博营销
虚拟主机管理系统
开放平台
WIKI程序与应用
美国十大主机
编辑“
WordPress:Dynamic Menu Highlighting
”(章节)
人物百科
|
营销百科
|
网赚百科
|
站长工具
|
网站程序
|
域名主机
|
互联网公司
|
分类索引
跳转至:
导航
、
搜索
警告:
您没有登录。如果您做出任意编辑,您的IP地址将会公开可见。如果您
登录
或
创建
一个账户,您的编辑将归属于您的用户名,且将享受其他好处。
反垃圾检查。
不要
加入这个!
== 第二种方法: 在一个文件中使用CSS == 通过使用这种方法,我们也需要将单一的<tt>id="current"</tt>从列表中移走,但是我们不需要给每个列表条目都添加一个唯一的<tt>id</tt>属性。我们要使PHP做两件事,以使生活更加简单:决定我们当前的网页是那一页;显示"当前的"一个ID,使导航条目突出。 让我们尽量试试。这是我们一开始列出的导航: <pre> <ul id="navigation"> <li><a href="#">Page One</a></li> <li><a href="#">Page Two</a></li> <li><a href="#">Page Three</a></li> <li><a href="#">Page Four</a></li> </ul> </pre> 简单美好。我们只要编辑每行的开始,那些打开的L1标签。列表的其余部分,我们会先放着不管(暂时的)。 其次,通过做一些<tt>if</tt>声明,我们让PHP为我们思考一些东西。这个将会帮助我们决定我们在哪个网页上,允许PHP将"current"放到正确的点上。下面显示它看起来是怎样的: <pre> <li<?php if (is_home()) { echo " id=\"current\""; } ?>> </li> </pre> 第六行的两个carrots是有意放在那儿的。<tt>if</tt>声明打扰了我们的开始L1标签,第六行的第二个carrot会关闭我们在第一行打开的标签。 记住,这只是列表中的一个条目;你需要为导航中的每一个条目做一些类似的事情。幸运地是,你正使用模板,你只要做一次这个,就行了:在你的header.php模板里。 因此,如果你在主页上,这一个菜单条目结果的代码,看起来像: <pre> <li id="current"><a href="#">Page One</a></li> </pre> 在其它的任何网页上,它看起来就像: <pre> <li><a href="#">Page One</a></li> </pre> 现在我们可以设计这个链接,这样当用户在主页上时,导航条目使它非常地清楚。 下面是导航在你的header.php文件中看起来是怎样的,允许用户看看它们所处的位置; <pre> <ul id="menu"> <!-- To show "current" on the home page --> <li<?php if (is_home()) { echo " id=\"current\">"; ?> <a href="<?php bloginfo('url') ?>/">Home</a> <?php } ?></li> <!—在归档网页上显示"current" (所有月份和类别的列表), 个人的文章, 但不是类别10中的个人文章--> <li<?php if (is_page('Archive') || is_single() || && !in_category('10')) { echo " id=\"current\">"; } ?> <a href="<?php bloginfo('url') ?>/archive">Archive</a> <?php } ?></li> <!—类别10上的任何文章上显示"current", 称作 设计 --> <li<?php if (is_category('Design') || in_category('10) && !is_single()) { echo " id=\"current\">"; ?> <a href="<?php bloginfo('url') ?>/category/design">Design</a> <?php } ?></li> <!-- To show "current" on the About Page --> <li<?php if (is_page('About')) { echo " id=\"current\">"; ?> <a href="<?php bloginfo('url') ?>/about">About</a> <?php } ?></li> </ul> </pre> 根据站点周围放好的IDs,用户能一直地确定地知道他们所处的位置,即使他们从搜索结果中来到我们的站点。 使用一些[[WordPress:Conditional_Tags|功能]],我们得出WordPress内部任何网页的身份,并且设置我们的代码来显示任何的导航元素的"current"。 如以前所描述的,CSS声明需要被设置,来为当前的菜单条目做一些事情: <pre> #current { background-color: #336699; } </pre> 现在导航的条目肯定会突出。 使用这个方法,我们所有的CSS都在主要的CSS网页上。当我们决定在以后的某时,更改这些的时候,我们不需要追溯到不同模板中的颜色变化。这的确使我们一下子就喜欢上了CSS,不是吗?
摘要:
请注意,您对站长百科的所有贡献都可能被其他贡献者编辑,修改或删除。如果您不希望您的文字被任意修改和再散布,请不要提交。
您同时也要向我们保证您所提交的内容是您自己所作,或得自一个不受版权保护或相似自由的来源(参阅
Wordpress-mediawiki:版权
的细节)。
未经许可,请勿提交受版权保护的作品!
取消
编辑帮助
(在新窗口中打开)