欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

WordPress主题添加后台管理自定义字段面板选项keywords

程序员文章站 2022-04-17 14:04:36
...

在制作Wordpress主题的过程中我们想增加后台管理的一些项目,比如上传logo,Meta的keywords和description,以及footer的底部版权信息等,这样让我们的主题更具有灵活性,拓展性。

我们需要思考三个问题:
1、后台界面实现
2、写入数据库
3、网站前台调用,当然我们今天添加的项目需要查看网页源码

一、后台界面实现及数据提交

1、界面效果预览

WordPress主题添加后台管理自定义字段面板选项keywords

2、在主题的根目录下建立inc文件夹,在inc文件里创建一个bootstrapwp-functions.php文件
3、打开functions.php引入我们自己建立的文件bootstrapwp-functions.php

require get_template_directory() . '/inc/bootstrapwp-functions.php';

4、在bootstrapwp-functions.php输入以下代码

<?php
     function getOptions() {
        $options = get_option('cnblogs_options');
 
        if (!is_array($options)) {
            $options['meta_keywords'] = '';
            update_option('cnblogs_options', $options);
        }
        return $options;
    }
     /* 初始化 */
    function init() {        
        if(isset($_POST['input_save'])) {
            $options = getOptions();
            $options['meta_keywords'] = stripslashes($_POST['meta_keywords']);
            update_option('cnblogs_options', $options);
        } else {
            getOptions();
        }
         add_theme_page("主题选项", "主题选项", 'edit_themes', basename(__FILE__),  'display');
    }
     /* 界面 */
    function display() {
        $options = getOptions();
?>
 <form action="#" method="post" enctype="multipart/form-data" name="op_form" id="op_form">
    <div class="wrap">
        <h2>当前主题选项</h2>
         <table>
            <tbody>
                <tr>
                    <td>Meta KeyWords</td>                   
                </tr>
				<tr> <td>
                        <label>
                            <textarea name="meta_keywords" cols="50" rows="10" id="meta_keywords" style="width:98%;font-size:12px;" ><?php echo($options['meta_keywords']); ?></textarea>
                        </label>
                    </td></tr>
            </tbody>
        </table>
         <p class="submit">
            <input type="submit" name="input_save" value="保存" />
        </p>
    </div>
 
</form>
 <?php
    }
     add_action('admin_menu', 'init');
 ?>

get_option函数获取选项值;update_option更新选项。我们这里定义了一个“cnblogs_options”的选项,为了和WP自己的选项分开来,这里定义成数组形式。php的数组可以当成C#的字典集合使用,这里定义了字典项"meta_keywords“。

add_theme_page 函数在后台页面->外观菜单下插入一个"主题选项"的菜单。
add_action('admin_menu','init')相当于添加事件和事件处理程序。
init函数判断如果点击了"input_save"保存按钮,提交form表单,就保存更改。

二、前台网页查看

我们在header.php文件中输入以下代码

<meta name="keywords" content="<?php $cnblogsopt=get_option('cnblogs_options');echo $cnblogsopt['meta_keywords'];?>"/>

当你后台编辑好meta_keywords提交保存后,前台网页-查看网页源码,就可以看到你刚才输入的内容了,这样对于修改主题非常方便。
这样每个主题的使用者就可以灵活的修改网页的关键词了。

您可能感兴趣的文章:


▪ wordpress后台无插件显示文章和分类ID

▪ 提升WordPress 国外主题打开速度全面解决方案

▪ wordpress让你的网页显示不同的标题

▪ WordPress数据库关键文件wp-config.php详解

▪ wordpress使用register_post_type 函数创建自定义文章类型∶

▪ WordPress数据库及各表结构功能详解

▪ WordPress升级遇到Briefly unavailable for scheduled maintenance解决办法

▪ 利用Bootstrap构建你的响应式WordPress主题( 六)

▪ wordpress4.4 优化wp-json链接、embeds功能

▪ wordpress文章页面添加字体增大减小链接