Logo

给WordPress新增主题配置页面

photo

2016年09月02日

ce1e3a292df5e0fe8c4cf81b5e6034a85edf7250

一个好主题往往需要一个友好人性的配置页面,那怎么做呢?请听我细细道来。

在主题的functions.php中新增如下语句:

require 'inc/puma-options.php';
//语句中的puma-options.php为你接下来需要新增的主题配置页面。

然后新增一个名字为puma-options.php的页面到你的主题文件夹的任意位置,具体代码如下:

<?php
/**
 * Created by zhangsan.
 * User: mac
 * Date: 16/9/2
 * Time: 上午10:54
 */
function themeoptions_admin_menu()
{
    // 在控制面板的侧边栏添加设置选项页链接
    add_menu_page("主题设置", "主题选项", 'edit_themes', __FILE__, 'themeoptions_page');
}
function themeoptions_page()
{
    if ( $_POST['update_themeoptions'] == 'true' ) { themeoptions_update(); }
    // 这是产生主题选项页面的主要功能
    ?>
    <div>
        <div id="icon-themes"><br /></div>

        <h2>主题设置</h2>
        <form method="POST" action="">
            <input type="hidden" name="update_themeoptions" value="true" />
            <ul>
                <li>
                    <h1>1:基本设置</h1>
                    <ul>
                        <li>
                            <h4>网站热词</h4>
                            <p><textarea name="com_keywords" style="width: 60%;height: 100px;" id="com_keywords" ><?php echo get_option('puma_option_com_keywords'); ?></textarea> 请在这里输入您网站的定义热词。</p>
                        </li>
                        <li>
                            <h4>网站描述</h4>
                            <p><textarea name="com_description" style="width: 60%;height: 100px;" id="com_description" ><?php echo get_option('puma_option_com_description'); ?></textarea> 请在这里输入您网站的描述。</p>
                        </li>
                    </ul>
                </li>
            </ul>

            <p><input type="submit" name="bcn_admin_options" value="更新数据"/></p>
        </form>
    </div>
<?php
}

function themeoptions_update()
{
    // 数据更新验证
    update_option('puma_option_com_keywords', $_POST['com_keywords']);
    update_option('puma_option_com_description', $_POST['com_description']);
    echo '更新成功!';
}

add_action('admin_menu', 'themeoptions_admin_menu');

这样一个简易的主题配置页面便完成了,你只要根据实际情况在方法themeoptions_page中去添加你需要的配置项即可。

然后在页面中只要在合适的地方使用类似:

<?php echo get_option('puma_option_com_keywords'); ?>

的语句便可根据配置来进行功能的实现。

橙子主题打折出售

其实我不卖,主要是这里是放广告的,所以就放了一个
毕竟主题都没做完,卖了也是坑.

购买它
所有附件
该文章没有附件.
本文为原创文章,请注意保留出处!

留言板

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注

热门文章

修复群晖Synology Drive client右键菜单缺失问题 本教程主要解决windows10右键菜单中没有SynologyDrive菜单的问题,整体思路是找到...修复群晖SynologyDriveclient右键菜单缺失问题 作者:Pastore Antonio
1973 浏览量
docker如何查看一个镜像内部的目录结构及其内部都有哪些文件 前言:有时候我们会在docker上下载一个镜像,或者是上传一个镜像到docker上,甚至有时候就是在...docker如何查看一个镜像内部的目录结构及其内部都有哪些文件 作者:Pastore Antonio
1918 浏览量
Adobe Acrobat Pro 激活 这里记录了一些AdobeAcrobat的激活教程和组件。浏览量:1,799 作者:Pastore Antonio
1642 浏览量
追寻日出,找回自己 为什么我要去追寻日出?其实我是一个很懒的人,每次都起不来,直到有一次我在租房中睡到了大天亮,阳光照...追寻日出,找回自己 作者:Pastore Antonio
1606 浏览量
Swagger2 接口多级分组方法 swagger无疑是Java开发的最佳伴侣,接口非常方便调试;当然也有用Postman,因人而异吧...Swagger2接口多级分组方法 作者:Pastore Antonio
1522 浏览量