WordPress网站利用body_class()实现多种布局

我们知道 xiu 主题有 3 种布局

WordPress网站利用body_class()实现多种布局、分别为左右两栏、左中右三栏和上下布局,这是如何实现的呢?

xiu 主题的 body 里面有这样一串代码:

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

具体的函数就是

function hui_bodyclass(){
$class = '';
if( (is_page() || is_single()) && _hui('post_p_s') ){
$class .= ' post_p_indent';
}
if( !_hui('search_nav') ){
$class .= ' search_not';
}
if( _hui('list_thumb_left') ){
$class .= ' excerpt_thumb_left';
}
global $paged;
if( !$paged && _hui('focusslide_s') && _hui('focusslide_s_m') ){
$class .= ' focusslide_s_m';
}
if( _hui('layout_mo') ){
$class .= ' uimo';
}
return trim(trim($class).' '._hui('layout'));
}

也就是通过后台的设置来判断前台输出的 css ,通过定义不同的 css 样式来实现 wordpress 网站的前台的多种布局。

body 中添加了 body_class()函数后,每个页面都会输出 wordpress 自带的 css 类,我们可以进一步根据这个类来进行一些功能的设计。

版权声明:胜利 发表于 2020-08-07 11:05:51。
转载请注明:WordPress网站利用body_class()实现多种布局 | 职涯宝

相关文章

暂无评论

暂无评论...