现在是时候真正开始将我们的设计迁移到WordPress中了。不妨从上到下开始,先处理头部。除了从逻辑上来说这是一个合理的起点之外,这也意味着我们将查看诸如<head>之类的内容,并确保加载正确的资源。
<head>
我们将屏幕分成两半,左侧是Sublime Text 2中打开的静态模型项目,右侧是WordPress网站。这样我们就可以逐行查看,确保我们正确地迁移了所有内容。
最终,网站看起来仍然很乱,但这在意料之中。正确的标记尚未就位。但我们可以看到我们走在正确的道路上。
谁能进一步分享body_class()函数的工作原理?
手册解释说它输出了一堆类,如下所示
class=”page page-id-2 page-template page-template-default logged-in”
这似乎与Chris之前编写的CSS不符,他在其中使用.snippets或.deals的body类来突出显示菜单项。
如何使用此body_class()函数仅突出显示当前页面的菜单项?
我应该详细说明一下,如何使用body_class()函数仅在不控制网站的情况下突出显示当前页面的菜单项。如果客户添加了一个名为的新页面和菜单项,该怎么办?如果没有相应的CSS,如何自动突出显示活动状态?
嗨,Scott,
尝试一下CSS-Tricks论坛——那里有很多乐于助人的人可以帮你解决这个问题。
@Scott,你必须在functions.php中编写一个函数,以通过正确的类添加到body_class过滤器,它不会自动执行此操作。你只需使用一个基本的if语句来确定是否正在加载正确的页面,然后通过该过滤器添加正确的body类。
body_class
你不需要依赖body类。我这样调用菜单
wp_nav_menu( array('container' => '', 'theme_location' => 'main' ) );
然后使用CSS调用当前项目
.main-menu .current-menu-item{//some CSS}
可以在Falls Village Marshmallow找到一个示例
Your email address will not be published. Required fields are marked *
Comment *
Name *
Email *
Website
Save my name, email, and website in this browser for the next time I comment.
Copy and paste this code: micuno *
Leave this field empty
Δ
谁能进一步分享body_class()函数的工作原理?
手册解释说它输出了一堆类,如下所示
class=”page page-id-2 page-template page-template-default logged-in”
这似乎与Chris之前编写的CSS不符,他在其中使用.snippets或.deals的body类来突出显示菜单项。
如何使用此body_class()函数仅突出显示当前页面的菜单项?
我应该详细说明一下,如何使用body_class()函数仅在不控制网站的情况下突出显示当前页面的菜单项。如果客户添加了一个名为的新页面和菜单项,该怎么办?如果没有相应的CSS,如何自动突出显示活动状态?
嗨,Scott,
尝试一下CSS-Tricks论坛——那里有很多乐于助人的人可以帮你解决这个问题。
@Scott,你必须在functions.php中编写一个函数,以通过正确的类添加到
body_class
过滤器,它不会自动执行此操作。你只需使用一个基本的if语句来确定是否正在加载正确的页面,然后通过该过滤器添加正确的body类。嗨,Scott,
你不需要依赖body类。我这样调用菜单
然后使用CSS调用当前项目
可以在Falls Village Marshmallow找到一个示例