Options Framework设置框架添加自定义面板
前面的一篇经验中提到了Options Framework一些基本的使用方法,一般的,主题作者都会在主题设置中加入一些公共说明信息,主题更新,捐赠等等的信息,现在我们来了解如何在Options Framework设置面板后面加入一个自定义面板,来显示这些信息。完成后示例如下:
操作方法
- 01
文章第一页提到了在设置面板面板后面加入html代码,自定义面板也是通过此方法来实现,在主函数中加入如下代码: 查看/运行代码复制自动换行 add_action('optionsframework_after','options_after_panel', 100); function options_after_panel() { ?< <div class="metabox-holder" id="custom-panel"> <div class="postbox> <h3><span>自定义面板</span></h3> <div class="inside"> <p>Options Framework是一款很不错的轻量级主题后台设置框架!</p> </div> </div> </div> <?php }
- 02
再在inc/css/optionsframework.css添加以下自定义面板样式保存预览: 查看/运行代码复制自动换行 #custom-panel{ position: relative; z-index: 0; max-width: 782px; background: #fff; } #custom-panel h3{ cursor: default; } 以上方法适合新手使用,简单方便,当然我们也可以通过修改框架代码来在右侧或其他位置加入自定义面板,具体不再赘述。
赞 (0)