WordPress 自定义字段是对网站内容的一种扩充,WordPress已经为我们提供了博客日志的作者,分类,标签,时间等一些常用的字段,但是这样还远远不们满足我们的需求,比如系统参数字段如:备案号、统计代码、版权所有和缩略图字段已经常用的TDK(标题,关键词,描述)字段等;你可以根据你的需要自定义出一系列的其他信息来满足我们网站的功能需求,下来就一起来看看wordpress如何添加自定义字段和调用调用自定义字段吧

fieldNames自定义 options 中 label name children 的字段 empower3自定义字段的使用_php

一、wordpress不使用插件,添加自定义字段

        1、常规里面添加自定义系统参数字段

在wordpress主题文件functions.php中添加如下代码就可以添加一些我们常用的系统常规字段,在数据库表 wp_options 中保存

function set_global_seo() {
	$global_seo = new GlobalSeo();
	$global_seo->setting_fields();
}
add_action( 'admin_init', 'set_global_seo' );
 
class GlobalSeo
{
	public function setting_fields()
	{
		$text_input = [
			'contact' => '联系人',
			'email' => '邮箱',
			'address' => '地址',
			'phone' => '电话',
			'wechat' => '微信',
			'qq' => 'QQ',
			'copyright' => '备案号',
			'seo_title' => 'seo标题',
			'seo_keywords' => 'seo关键字',
		];
		$textarea_input = [ 'seo_description' => 'seo描述','tongji' => '统计代码' ];
		foreach($text_input as $key => $val)
		{
			$this->sonliss_settings_field($key, $val, 'sonliss_textbox_callback', [$key]);
			$this->sonliss_register_setting($key);
		}
		foreach($textarea_input as $key => $val)
		{
			$this->sonliss_settings_field($key, $val, 'sonliss_textareabox_callback', [$key]);
			$this->sonliss_register_setting($key);
		}
	}

         2、不使用插件利用function.php添加自定义字段

wordpress分类栏目添加自定义字段 ,将下方代码复制到 function.php 中 

<?php
 
class Ludou_Tax_Image{
 
    function __construct(){
        
        // 新建分类页面添加自定义字段输入框
        add_action( 'category_add_form_fields', array( $this, 'add_tax_image_field' ) );
        // 编辑分类页面添加自定义字段输入框
        add_action( 'category_edit_form_fields', array( $this, 'edit_tax_image_field' ) );
 
        // 保存自定义字段数据
        add_action( 'edited_category', array( $this, 'save_tax_meta' ), 10, 2 );
        add_action( 'create_category', array( $this, 'save_tax_meta' ), 10, 2 );
 
 
    } // __construct
 
    /**
     * 新建分类页面添加自定义字段输入框
     */
    public function add_tax_image_field(){
    ?>
        <div class="form-field">
            <label for="term_meta[tax_image]">分类封面</label>
            <input type="text" name="term_meta[tax_image]" id="term_meta[tax_image]" value="" />
            <p class="description">输入分类封面图片URL</p>
        </div><!-- /.form-field -->
        
        <!-- TODO: 在这里追加其他自定义字段表单,如: -->
        
        <!--
        <div class="form-field">
            <label for="term_meta[tax_keywords]">分类关键字</label>
            <input type="text" name="term_meta[tax_keywords]" id="term_meta[tax_keywords]" value="" />
            <p class="description">输入分类关键字</p>
        </div>
        -->
    <?php
    } // add_tax_image_field
 
    /**
     * 编辑分类页面添加自定义字段输入框
     *
     * @uses get_option()       从option表中获取option数据
     * @uses esc_url()          确保字符串是url
     */
    public function edit_tax_image_field( $term ){
        
        // $term_id 是当前分类的id
        $term_id = $term->term_id;
        
        // 获取已保存的option
        $term_meta = get_option( "ludou_taxonomy_$term_id" );
        // option是一个二维数组
        $image = $term_meta['tax_image'] ? $term_meta['tax_image'] : '';
        
        /**
         *   TODO: 在这里追加获取其他自定义字段值,如:
         *   $keywords = $term_meta['tax_keywords'] ? $term_meta['tax_keywords'] : '';
         */
    ?>
        <tr class="form-field">
            <th scope="row">
                <label for="term_meta[tax_image]">分类封面</label>
                <td>
                    <input type="text" name="term_meta[tax_image]" id="term_meta[tax_image]" value="<?php echo esc_url( $image ); ?>" />
                    <p class="description">输入分类封面图片URL</p>
                </td>
            </th>
        </tr><!-- /.form-field -->
        
        <!-- TODO: 在这里追加其他自定义字段表单,如: -->
        
        <!--
        <tr class="form-field">
            <th scope="row">
                <label for="term_meta[tax_keywords]">分类关键字</label>
                <td>
                    <input type="text" name="term_meta[tax_keywords]" id="term_meta[tax_keywords]" value="<?php echo $keywords; ?>" />
                    <p class="description">输入分类关键字</p>
                </td>
            </th>
        </tr>
        -->
        
    <?php
    } // edit_tax_image_field
 
    /**
     * 保存自定义字段的数据
     *
     * @uses get_option()      从option表中获取option数据
     * @uses update_option()   更新option数据,如果没有就新建option
     */
    public function save_tax_meta( $term_id ){
 
        if ( isset( $_POST['term_meta'] ) ) {
            
            // $term_id 是当前分类的id
            $t_id = $term_id;
            $term_meta = array();
            
            // 获取表单传过来的POST数据,POST数组一定要做过滤
            $term_meta['tax_image'] = isset ( $_POST['term_meta']['tax_image'] ) ? esc_url( $_POST['term_meta']['tax_image'] ) : '';
 
            /**
             *   TODO: 在这里追加获取其他自定义字段表单的值,如:
             *   $term_meta['tax_keywords'] = isset ( $_POST['term_meta']['tax_keywords'] ) ? $_POST['term_meta']['tax_keywords'] : '';
             */
 
            // 保存option数组
            update_option( "ludou_taxonomy_$t_id", $term_meta );
 
        } // if isset( $_POST['term_meta'] )
    } // save_tax_meta
 
} // Ludou_Tax_Image
 
$wptt_tax_image = new Ludou_Tax_Image();

不使用插件添加自定义字段的网站主题调用方法

// $term_id 是当前分类的id,自行想办法获取
$term_id = $term->term_id;
        
// 获取已保存的option
$term_meta = get_option( "ludou_taxonomy_$term_id" );
 
// 取值
$tax_image = $term_meta['tax_image'] ? $term_meta['tax_image'] : '';

fieldNames自定义 options 中 label name children 的字段 empower3自定义字段的使用_自定义_02

二、wordpress使用插件 Advanced Custom Fields (高级自定义字段) 添加自定义字段

安装好插件后,在后台会出现字段一栏,点击进入即可添加自定义字段,具体的添加方法可以查看该插件的具体使用方法(该插件无法添加系统常规字段,可配合方法一使用)

fieldNames自定义 options 中 label name children 的字段 empower3自定义字段的使用_字段_03

 三、wordpress自定义字段的调用

     查看wordpress分类页,文章页,单页,常规自定义字段的调用方法请访问