站长百科 | 数字化技能提升教程 数字化时代生存宝典
首页
数字化百科
电子书
▼
建站程序
开发
服务器
办公软件
开发教程
▼
服务器教程
软件使用教程
运营教程
热门电子书
▼
CSS教程
WordPress教程
导航
程序频道
推广频道
网赚频道
人物频道
网站程序
网页制作
云计算
服务器
CMS
论坛
网店
虚拟主机
cPanel
网址导航
WIKI使用导航
WIKI首页
热点词条
最新资讯
网站程序
站长人物
页面分类
使用帮助
编辑测试
创建条目
网站地图
站长百科导航
站长百科
主机侦探
IDCtalk云说
跨境电商导航
WordPress啦
站长专题
网站推广
网站程序
网站赚钱
虚拟主机
cPanel
网址导航专题
云计算
微博营销
虚拟主机管理系统
开放平台
WIKI程序与应用
美国十大主机
编辑“
WordPress:Dynamic Menu Highlighting
”(章节)
人物百科
|
营销百科
|
网赚百科
|
站长工具
|
网站程序
|
域名主机
|
互联网公司
|
分类索引
跳转至:
导航
、
搜索
警告:
您没有登录。如果您做出任意编辑,您的IP地址将会公开可见。如果您
登录
或
创建
一个账户,您的编辑将归属于您的用户名,且将享受其他好处。
反垃圾检查。
不要
加入这个!
== 第一种方法: 每个网页上都有CSS == 这种方法的第一步是在列表上清除一<tt>id="current"</tt>并且给每一个列表条目添加一个唯一的属性<tt>id</tt>。 <pre> <ul id="导航"> <li id="one"><a href="#">Page One</a></li> <li id="two"><a href="#">Page Two</a></li> <li id="three"><a href="#">Page Three</a></li> <li id="four"><a href="#">Page Four</a></li> </ul> </pre> 另一个部分是PHP来到了什么位置。 我们需要写一个条件语言来测试一下被浏览的网页,并且基于那个测试的结果来确定一个变数。 <pre> <?php if ( is_page('Page One') ) { $current = 'one'; } elseif ( is_page('Page Two') ) { $current = 'two'; } elseif ( is_page('Page Three') ) { $current = 'three'; } elseif ( is_page('Page Four') ) { $current = 'four'; } ?> </pre> 这个代码使用<tt>is_page();</tt>功能来检查当前网页的标题。如果标题是"第一页,"变数<tt>$current</tt>被赋予了数值"一;"如果是"第二页," <tt>$current</tt>变成了"二;"等等,等等。在一个WordPress模板上,这个会在<tt><head></head></tt> 标签之间进入<tt>header.php</tt>文件。 现在我们需要写一些CSS对这个起反应,并且根据<tt>$current</tt>是什么,来聚焦合适的列表条目。我们不能在CSS文件中处理这个,因为我们不能将动态内容放进一个CSS文件中。因此我们需要将聚焦列表条目的CSS移出CSS文件,并把它放到动态内容可以运行的我们的当前的网页上。 因此,比方说,通过将聚焦条目的背景色改为黄色的,我们实现一个简单的聚焦。我们的CSS可能看起来像: <pre> #current { background-color: yellow; } </style> </pre> 我们会离开那个CSS文件,进入我们的网页标题上一个内嵌的CSS块中。 <pre> <style type="text/css"> #current { background-color: yellow; } </style> </pre> 使用一个WordPress模板,这个进入<tt><head></head></tt> 标题之间的<tt>header.php</tt>文件。 现在我们要将它变为动态的。因此我们要用点PHP程序来取代<tt>#current</tt>选择器。 <pre> <style type="text/css"> #<?php echo $current; ?> { background-color: yellow; } </style> </pre> 这个会打印出<tt>$current</tt>的数值,因此会完成CSS并且成功地聚焦了合适的条目。
摘要:
请注意,您对站长百科的所有贡献都可能被其他贡献者编辑,修改或删除。如果您不希望您的文字被任意修改和再散布,请不要提交。
您同时也要向我们保证您所提交的内容是您自己所作,或得自一个不受版权保护或相似自由的来源(参阅
Wordpress-mediawiki:版权
的细节)。
未经许可,请勿提交受版权保护的作品!
取消
编辑帮助
(在新窗口中打开)