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'); ?>

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

橙子主题打折出售

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

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

留言板

发表回复

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

热门文章

Windows Server IIS+ARR反向代理(配置反向代理服务器) 1.概念说明:反向代理反向代理服务器位于用户与目标服务器之间,但是对于用户而言,反向代理服务器就相...WindowsServerIIS+ARR反向代理(配置反向代理服务器) 作者:Pastore Antonio
1575 浏览量
一个不可思议的一天 上周五可以说是我人生中的梦魇……因为时间没安排好,为了一个10几分钟的会议,打的花了100多。然...一个不可思议的一天 作者:Pastore Antonio
1567 浏览量
ffmpeg 生成水印 1:先要配置ffmpeg的滤镜:参考:https://www.jianshu.com/p/9d24...ffmpeg生成水印 作者:Pastore Antonio
1504 浏览量
C#中List的FindAll方法的正确打开方式 初略的介绍一种常见的List写法,这种写法在3.0以后其实是很简单的,但是在2.0左右的系统运用中还...C#中List的FindAll方法的正确打开方式 作者:Pastore Antonio
1465 浏览量
IntelliJ IDEA 代码字体大小的快捷键设置放大缩小(很实用)(图文详解) 这是在设置IntelliJIDEA...IntelliJIDEA代码字体大小的快捷键设置放大缩小(很实用)(图文详解) 作者:Pastore Antonio
1458 浏览量