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)

相关推荐

  • 怎么样才能把QQ书签设置到QQ面板里来?

    怎么样才能把QQ书签设置到QQ面板里来?

  • 如何给电脑qq设置关闭主面板时退出程序

    今天给大家介绍一下如何给电脑qq设置关闭主面板时退出程序的具体操作步骤.1.打开电脑,找到桌面上的QQ图标,双击打开,进入登录窗口,输入账号密码,进行登录2.进入主面板后,点击左下角的三横图标3.在打 ...

  • 如何给电脑qq设置关闭主面板时不退出程序

    今天给大家介绍一下如何给电脑qq设置关闭主面板时不退出程序的具体操作步骤.1.打开电脑,找到桌面上的QQ图标,双击打开,进入登录窗口,输入账号密码,进行登录2.进入主面板后,点击左下角的三横图标3. ...

  • 在电脑端QQ中怎么设置关闭主面板时退出程序

    今天给大家介绍一下在电脑端QQ中怎么设置关闭主面板时退出程序的具体操作步骤.1. 打开电脑,找到桌面上的腾讯QQ软件图标,双击打开2. 完成登录后,进入主面板,点击左下角的三横图标3. 在打开的菜单中 ...

  • 怎么在QQ音乐中设置关闭主面板时退出程序

    今天给大家介绍一下怎么在QQ音乐中设置关闭主面板时退出程序的具体操作步骤.1. 首先打开电脑,找到桌面上的QQ音乐软件,双击打开.2. 如图,进入主页面后,点击右上方的登录选项,进行登录.3. 登录之 ...

  • 如何给QQ音乐设置关闭主面板即退出程序

    今天给大家介绍一下如何给QQ音乐设置关闭主面板就退出程序的具体操作步骤.1.首先打开电脑上的QQ音乐APP,进入主页面,如图2.  点击页面右上方的三横图标,打开主菜单3.如图,在打开的主菜单中,选择 ...

  • 网易云音乐怎么设置关闭主面板时退出云音乐

    网易云音乐怎么设置关闭主面板时退出云音乐? 网易云音乐播放器中,关闭主面板时程序默认没有关闭,只是最小化在任务栏中.那么,需要设置关闭主面板时退出云音乐应该怎么设置呢?一起来了解下吧! 操作方法 01 ...

  • xmind怎么设置框架样式

    使用Xmind制作结构框架图也不能一层不变,适当的改变不同的样式与设置也很重要的,从而体现出色彩与视觉感观。 xmind框架样式设置方法介绍: 首先,我们打开一个结构图,测试对他的样式进行修改,关于结 ...

  • 电脑上如何设置QQ关闭面板时最小化

    随着社会和经济的发展,电脑已经成为我们生活中必不可少的一部分,那么我们怎么在电脑上设置QQ关闭时面板时最小化呢,接下来就让小编来教你们吧.具体如下:1. 第一步,登录电脑QQ,点击左下角的主菜单按钮. ...