我们知道 xiu 主题有 3 种布局
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 类,我们可以进一步根据这个类来进行一些功能的设计。
你可能对这些文章感兴趣:
- WordPress博客主题推荐(简单直观的wordstar)
- WordPress移动端主题Wpmip,完全符合MIP规范
- 个人博客WordPress主题: JieStyle Two
- WordPress个人博客主题推荐(像书一样的Abook)
- xiu主题整合用户中心
- WordPress插件推荐:My Mood Comment
- 博客文章底部的随机语言是怎么实现的?
- 修复xiu主题首页cms布局错位
- 私人影院二次开发第一阶段完成
- 子目录301重定向到另一网站根目录怎么写?
- 定时发布文章同步微博怎么莫名其妙就成功了
- WordPress插件推荐:ludou-custom-register
- 折腾什么也不要折腾主题了
- xiu主题擦亮logo金字招牌
如有疑问,请前往问答中心反馈!
反馈