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

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

橙子主题打折出售

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

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

留言板

发表回复

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

热门文章

C#图片处理 通常对一幅图片的处理包括:格式变换,缩放(Scale),翻转(Rotate),截取(Clip),滤镜...C#图片处理 作者:Pastore Antonio
1715 浏览量
memcached 处理 多端口:https://blog.csdn.net/Erica_1230/article/deta...memcached处理 作者:Pastore Antonio
1674 浏览量
AssemblyInstaller 的应用 usingSystem;usingSystem.Configuration.Install;us...AssemblyInstaller的应用 作者:Pastore Antonio
1665 浏览量
WordPress上传文件大小限制修改 WordPress上传媒体文件默认大小限制是2M或8M,当文件大于这个限定大小时,是上传不了的。其实...WordPress上传文件大小限制修改 作者:Pastore Antonio
1639 浏览量
Layui开发日记 丰富版table:https://saodiyang.gitee.io/layui-soul-ta...Layui开发日记 作者:Pastore Antonio
1591 浏览量