wordpress的body_class()函数，顾名思义，这个函数根据不同的页面类型为body标签生成class选择器，从而让设计人员可以各方便灵活的控制不同页面中的各个元素。本文对这一函数进行了详细的解析，包括该函数生成了些什么，所包含的属性值有哪些，以及如何使用和如何新增class选择器等等。

1、body_class（）生成什么？

body_class()函数在Wordpress2.7几乎和post_class()有同样的运行方式，唯一不同的是class生成的名称。 body_class()函数生成的class大多是根据你的访问者在网站的位置。例如，如果访问者在你的博客首页，但你没有设置一个静态主页，函数和类 可能会产生如下所示：

<body class="home blog">

　　生成了两个class类

如果你在某个帖子，body标签看起来可能是这样：

<body class="single postid-64">

　　

如果你正在浏览一个页面，body_class()会生成这样：

<body class="page page-id-3 parent-page-id-0 page-template-default">

　　

从本质上讲，body_class()会生成基于内容的动态CSS class，以及在什么情况下浏览。例如，如果你是注册用户，且已经登录，body_class()会在body标签生成一个登录class。

以下为可用的body class的完整列表：

rtl

home

blog

archive

date

search

paged

attachment

error404

single postid-(id)

attachmentid-(id)

attachment-(mime-type)

author

author-(user_nicename)

category

category-(slug)

tag

tag-(slug)

page

page-parent

page-child parent-pageid-(id)

page-template page-template-(template file name)

search-results

search-no-results

logged-in

paged-(page number)

single-paged-(page number)

page-paged-(page number)

category-paged-(page number)

tag-paged-(page number)

date-paged-(page number)

author-paged-(page number)

search-paged-(page number)

　　

2. 如何添加body_class()

假设你正在使用Wordpress2.8以上的版本，通常body_class()放到<body>标签里。它通常在header.php文件里。

当你找到标签的位置后，请把它更改为：

<body <?php body_class(); ?>>

　　

3. 使用动态Body Class

现在我们有了body class，有什么大不了呢？我将会解释：

除了html元素外，标签包围着其他所有的HTML代码。因此，body class允许我们对网页任何元素进行修改，具体到当前页面。

也许通过实例更容易理解：

我们主题左边有一个<div id=”content”>，右边有一个<div id=”sidebar”>，他们都在一个960px宽<div id=”container”>里。content div为600px宽，sidebar div为360px宽。但是，当浏览单独的帖子页面，我让我的主题不显示sidebar。现在，我们只剩下一个content div。不幸的是，container div为960px宽，而我们的content div却只有600px宽。

我们难道用一个大空白区填充我们的工具栏？该如何解决呢？使用body class这将很简单。我们只需要针对<div id=”content”>在帖子页的情况进行定义。在CSS里为：

.single #content{ width: 960px; }

通过这样做，在帖子页面，content div为960px宽。我们正在增加一个简单有选择性的CSS系统。

4. 新增body_class()的class

在某些情况下，你将要添加自己的Class到body_class()里。如果你发现自己处在这种情况下，这些有些方法可以做到这一点。

首先，最简单的方法是通过自定义Class函数调用

body_class()

<body <?php body_class('my-class'); ?>>

　　通过这样做，我们现在告诉body_class()函数增加my-class的输出。

第二，困难但更灵活的方式是，利用Wordpress的过滤器，增加新的body class。在这种情况下，我们将使用

get_body_class()

函数中的body_class过滤器。如果你不清楚过滤器如何运行，我将会在不久后写一篇文章。在此之前，看看你是否能够赶上来，非常容易。

这是增加使用过滤器增加class的例子：

<?php

    add_filter(’body_class’,'my_body_classes’);

    function my_body_classes($classes) {

        // add 'zdy_class' to the $classes array

        $classes[] = 'zdy_class';

        // return the $classes array

        return $classes;

    }

?>

　　则输出结果在body_class()的基础上新增zdy_class

WordPress的body_class()函数详解的更多相关文章

  1. fork（）函数详解

    linux中fork()函数详解(原创!!实例讲解) (转载)    一.fork入门知识 一个进程,包括代码.数据和分配给进程的资源.fork()函数通过系统调用创建一个与原来进程几乎完全相同的进程 ...

  2. （转）fock函数详解

    转自:http://www.cnblogs.com/bastard/archive/2012/08/31/2664896.html linux中fork()函数详解  一.fork入门知识 一个进程, ...

  3. 【转】linux 中fork()函数详解

    在看多线程的时候看到了这个函数,于是学习了下,下面文章写的通俗易懂,于是就开心的看完了,最后还是很愉快的算出了他最后一个问题. linux 中fork()函数详解 一.fork入门知识 一个进程,包括 ...

  4. Linux中fork()函数详解（转载）

    linux中fork()函数详解 一.fork入门知识 一个进程,包括代码.数据和分配给进程的资源.fork()函数通过系统调用创建一个与原来进程几乎完全相同的进程,也就是两个进程可以做完全相同的事, ...

  5. malloc 与 free函数详解<转载>

    malloc和free函数详解   本文介绍malloc和free函数的内容. 在C中,对内存的管理是相当重要.下面开始介绍这两个函数: 一.malloc()和free()的基本概念以及基本用法: 1 ...

  6. NSSearchPathForDirectoriesInDomains函数详解

    NSSearchPathForDirectoriesInDomains函数详解     #import "NSString+FilePath.h" @implementation ...

  7. JavaScript正则表达式详解（二）JavaScript中正则表达式函数详解

    二.JavaScript中正则表达式函数详解(exec, test, match, replace, search, split) 1.使用正则表达式的方法去匹配查找字符串 1.1. exec方法详解 ...

  8. Linux C popen()函数详解

    表头文件 #include<stdio.h> 定义函数 FILE * popen( const char * command,const char * type); 函数说明 popen( ...

  9. kzalloc 函数详解(转载)

    用kzalloc申请内存的时候, 效果等同于先是用 kmalloc() 申请空间 , 然后用 memset() 来初始化 ,所有申请的元素都被初始化为 0. view plain /** * kzal ...

随机推荐

  1. loadrunner通过字符串左右边界切割字符串

    void web_reg_save_param_custom(char *sourceStr, char* outpuStr, char *leftBdry, char *rightBdry){    ...

  2. jdk1.7和Android Studio2.0的问题

    提示的错误 Error:Execution failed for task ':app:transformClassesWithDexForDebug'.> com.android.build. ...

  3. hdu 1003 MAX SUM 简单的dp，测试样例之间输出空行

    测试样例之间输出空行,if(t>0) cout<<endl; 这样出最后一组测试样例之外,其它么每组测试样例之后都会输出一个空行. dp[i]表示以a[i]结尾的最大值,则:dp[i ...

  4. C#多线程编程总结

    VS2008.C#3.0在WinForm开发中,我们通常不希望当窗体上点了某个按钮执行某个业务的时候,窗体就被卡死了,直到该业务执行完毕后才缓过来.一个最直接的方法便是使用多线程.多线程编程的方式在W ...

  5. 分享Kali Linux 2016.2第46周镜像文件

    分享Kali Linux 2016.2第46周镜像文件Kali Linux官网在11月13日发布Kali Linux 2016.2的第46周镜像文件.这次还是保持以往的规模,总共提供了11个镜像文件. ...

  6. Flume内存溢出错误

    java.lang.OutOfMemoryError: Java heap space at java.util.Arrays.copyOf(Arrays.java:) at java.lang.Ab ...

  7. Java线程并发控制基础知识

    微博上众神推荐今年4月刚刚出版的一本书,淘宝华黎撰写的<大型网站系统与Java中间件实践>,一线工程师的作品,实践出真知,果断要看. 前两章与<淘宝技术这十年>内容类似,基本是 ...

  8. BZOJ4231 : 回忆树

    一个长度为$|S|$的串在树上匹配有两种情况: 1.在LCA处转弯,那么这种情况只有$O(|S|)$次,暴力提取出长度为$2|S|$的链进行KMP即可. 2.不转弯,那么可以拆成两个到根路径的询问. ...

  9. MyIsam和InnoDB的区别

    个人见解: 1.最主要的差别就是Innodb 支持事务处理与外键和行级锁.而MyISAM不支持 所以有用到事务处理和外键的,要用Innodb 2. InnoDB 中不保存表的具体行数,也就是说,执行s ...

  10. (转)Array.prototype.slice.call自解

    很多框架或者库里面都会有这句的使用,最多的还是通过Array.prototype.slice.call(arguments,0)把arguments这个伪数组转换为真正的数组.但为什么可以这么做,却一 ...