图片待添加
图片待添加

WordPress SEO无插件添加设置文章关键词与文章描述功能

2020-03-15 14:22 分类:WordPress SEO教程, WordPress主题开发制作教程 阅读(次阅读) 标签:,

虽然我比较推崇我之前写的一篇文章可以快速无插件设置WordPress网站的关键词与描述.

WordPress SEO无插件设置网站标题关键词描述教程

但是我们在WordPress主题开发的时候很多客户可能不会使用WordPress自定义字段,或者觉得这样太麻烦了.

下面来教大家给WordPress添加设置文章关键词与文章描述功能:

WordPress SEO无插件添加设置文章关键词与文章描述功能完工后的如图,会在文章下面生成2个添加窗口.

WordPress SEO无插件添加设置文章关键词与文章描述功能完工后的如图,会在文章下面生成2个添加窗口.

快速使用步骤一:你可以选择直接复制本段代码到你的当前WordPress主题开发functions.php文件,在<?php下面的?>前面添加如下代码:

//创建WordPress文章关键词与文章描述的自定义字段信息 步骤一
//原文链接:https://www.wpyi.com/wordpress-tianjia-shezhi-seo.html
$new_meta_boxes =
array(
    "description" => array(
        "name" => "description",
        "std" => "这里填默认的网页描述",
        "title" => "网页描述:"),
    "keywords" => array(
        "name" => "keywords",
        "std" => "这里填默认的网页关键字",
        "title" => "关键字:")
);

//创建WordPress文章关键词与文章描述的自定义字段输入框 步骤二
//原文链接: https://www.wpyi.com/wordpress-tianjia-shezhi-seo.html
function new_meta_boxes() {
    global $post, $new_meta_boxes;
    foreach($new_meta_boxes as $meta_box) {
        $meta_box_value = get_post_meta($post->ID, $meta_box['name'].'_value', true);
        if($meta_box_value == "")
            $meta_box_value = $meta_box['std'];
        echo'<input type="hidden" name="'.$meta_box['name'].'_noncename" id="'.$meta_box['name'].'_noncename" value="'.wp_create_nonce( plugin_basename(__FILE__) ).'" />';
        // 自定义字段标题
        echo'<h4>'.$meta_box['title'].'</h4>';
        // 自定义字段输入框
        echo '<textarea cols="60" rows="3" name="'.$meta_box['name'].'_value">'.$meta_box_value.'</textarea><br />';
    }
}

//创建WordPress文章关键词与文章描述的自定义字段模块 步骤三
//原文链接: https://www.wpyi.com/wordpress-tianjia-shezhi-seo.html
function create_meta_box() {
    global $theme_name;
    if ( function_exists('add_meta_box') ) {
        add_meta_box( 'new-meta-boxes', '自定义模块', 'new_meta_boxes', 'post', 'normal', 'high' );
    }
}

//保存WordPress文章关键词与文章描述的自定义字段数据  步骤四
//原文链接: https://www.wpyi.com/wordpress-tianjia-shezhi-seo.html
function save_postdata( $post_id ) {
    global $post, $new_meta_boxes;
    foreach($new_meta_boxes as $meta_box) {
        if ( !wp_verify_nonce( $_POST[$meta_box['name'].'_noncename'], plugin_basename(__FILE__) ))  {
            return $post_id;
        }
        if ( 'page' == $_POST['post_type'] ) {
            if ( !current_user_can( 'edit_page', $post_id ))
                return $post_id;
        }
        else {
            if ( !current_user_can( 'edit_post', $post_id ))
                return $post_id;
        }
        $data = $_POST[$meta_box['name'].'_value'];
        if(get_post_meta($post_id, $meta_box['name'].'_value') == "")
            add_post_meta($post_id, $meta_box['name'].'_value', $data, true);
        elseif($data != get_post_meta($post_id, $meta_box['name'].'_value', true))
            update_post_meta($post_id, $meta_box['name'].'_value', $data);
        elseif($data == "")
            delete_post_meta($post_id, $meta_box['name'].'_value', get_post_meta($post_id, $meta_box['name'].'_value', true));
    }
}

//将WordPress文章关键词与文章描述的自定义字段函数连接到指定action(动作) 步骤五
//原文链接: https://www.wpyi.com/wordpress-tianjia-shezhi-seo.html
add_action('admin_menu', 'create_meta_box');
add_action('save_post', 'save_postdata');

快速使用步骤二:然后在你的WordPress主题的header.php里添加如下代码:

注意本段代码加了判断,仅对文章页面生效,分类页与首页还是需要自己设置.

<?php
if (is_single())
{
    // 自定义字段名称为 description_value
    $description = get_post_meta($post->ID, "description_value", true);
    // 自定义字段名称为 keywords_value
    $keywords = get_post_meta($post->ID, "keywords_value", true);
}
// 去除不必要的空格和HTML标签
$description = trim(strip_tags($description));
$keywords = trim(strip_tags($keywords));
?>
<meta name="description" content="<?php echo $description; ?>" />
<meta name="keywords" content="<?php echo $keywords; ?>" />

下面我来分段说说原理: 原理是对上面的快速使用步骤进行分段解说.

步骤一:创建WordPress文章关键词与文章描述的自定义字段信息

这里以添加两个自定义字段为例,自定义字段名称分别为description_value和keywords_value,你也可以根据需要指定其他的自定义字段名称,也可以添加多个数组元素,实现添加多个自定义字段的目的。
数组中含有三个元素,分别为:name、std和title。name元素为自定义字段的名称,在本代码中自定义字段的名称为name值加_value,以防止该名称与其他代码发生冲突,如description_value;std元素为自定义字段内容的默认值,当你发表文章时该自定义字段没填任何值,那么将取该默认值;元素title为自定义字段模块的标题,如文章编辑页的”摘要”、”分类”和”标签”,这些都是模块名称。
将以下代码拷贝到当前主题目录的functions.php文件中。

//创建WordPress文章关键词与文章描述的自定义字段信息 步骤一
//原文链接:https://www.wpyi.com/wordpress-tianjia-shezhi-seo.html
$new_meta_boxes =
array(
    "description" => array(
        "name" => "description",
        "std" => "这里填默认的网页描述",
        "title" => "网页描述:"),

    "keywords" => array(
        "name" => "keywords",
        "std" => "这里填默认的网页关键字",
        "title" => "关键字:")
);

步骤二: 创建WordPress文章关键词与文章描述的自定义字段输入框

以下代码将用于创建自定义域以及输入框,你可以直接拷贝到当前主题目录的functions.php文件中。
如果你需要添加选择框、下拉按钮等其他类型的输入框,也需要在此定义样式。

//创建WordPress文章关键词与文章描述的自定义字段输入框 步骤二
//原文链接: https://www.wpyi.com/wordpress-tianjia-shezhi-seo.html
function new_meta_boxes() {
    global $post, $new_meta_boxes;

    foreach($new_meta_boxes as $meta_box) {
        $meta_box_value = get_post_meta($post->ID, $meta_box['name'].'_value', true);

        if($meta_box_value == "")
            $meta_box_value = $meta_box['std'];

        echo'<input type="hidden" name="'.$meta_box['name'].'_noncename" id="'.$meta_box['name'].'_noncename" value="'.wp_create_nonce( plugin_basename(__FILE__) ).'" />';

        // 自定义字段标题
        echo'<h4>'.$meta_box['title'].'</h4>';

        // 自定义字段输入框
        echo '<textarea cols="60" rows="3" name="'.$meta_box['name'].'_value">'.$meta_box_value.'</textarea><br />';
    }
}

步骤三:创建WordPress文章关键词与文章描述的自定义字段模块

下面代码将在文章编辑页添加自定义字段模块,同样也是拷贝到当前主题目录的functions.php文件中。

//创建WordPress文章关键词与文章描述的自定义字段模块 步骤三
//原文链接: https://www.wpyi.com/wordpress-tianjia-shezhi-seo.html
function create_meta_box() {
    global $theme_name;

    if ( function_exists('add_meta_box') ) {
        add_meta_box( 'new-meta-boxes', '自定义模块', 'new_meta_boxes', 'post', 'normal', 'high' );
    }
}

步骤四:保存WordPress文章关键词与文章描述的自定义字段数据

之前所有准备都做好了,重要的还是保存我们的自定义字段中的信息。将以下代码拷贝到当前主题目录的functions.php文件中。

//保存WordPress文章关键词与文章描述的自定义字段数据  步骤四
//原文链接: https://www.wpyi.com/wordpress-tianjia-shezhi-seo.html
function save_postdata( $post_id ) {
    global $post, $new_meta_boxes;

    foreach($new_meta_boxes as $meta_box) {
        if ( !wp_verify_nonce( $_POST[$meta_box['name'].'_noncename'], plugin_basename(__FILE__) ))  {
            return $post_id;
        }

        if ( 'page' == $_POST['post_type'] ) {
            if ( !current_user_can( 'edit_page', $post_id ))
                return $post_id;
        }
        else {
            if ( !current_user_can( 'edit_post', $post_id ))
                return $post_id;
        }

        $data = $_POST[$meta_box['name'].'_value'];

        if(get_post_meta($post_id, $meta_box['name'].'_value') == "")
            add_post_meta($post_id, $meta_box['name'].'_value', $data, true);
        elseif($data != get_post_meta($post_id, $meta_box['name'].'_value', true))
            update_post_meta($post_id, $meta_box['name'].'_value', $data);
        elseif($data == "")
            delete_post_meta($post_id, $meta_box['name'].'_value', get_post_meta($post_id, $meta_box['name'].'_value', true));
    }
}

步骤五:将WordPress文章关键词与文章描述的自定义字段函数连接到指定action(动作)

这是步骤五,也是很重要的一步,我们要做的是将函数连接到指定action(动作),以让WordPress程序执行我们之前编写的函数。
将以下代码拷贝到当前主题目录的functions.php文件中。

//将WordPress文章关键词与文章描述的自定义字段函数连接到指定action(动作) 步骤五
//原文链接: https://www.wpyi.com/wordpress-tianjia-shezhi-seo.html
add_action('admin_menu', 'create_meta_box');
add_action('save_post', 'save_postdata');

步骤六:WordPress文章页面调用文章关键词与文章描述的自定义字段

打开你的WordPress主题目录下的header.php,将以下代码复制到</head>之前,就可以给你的网页自定义description和keywords标签了.

注意本段代码加了判断,仅对文章页面生效,分类页与首页还是需要自己设置.

<?php
if (is_single())
{
    // 自定义字段名称为 description_value
    $description = get_post_meta($post->ID, "description_value", true);
    // 自定义字段名称为 keywords_value
    $keywords = get_post_meta($post->ID, "keywords_value", true);
}
// 去除不必要的空格和HTML标签
$description = trim(strip_tags($description));
$keywords = trim(strip_tags($keywords));
?>
<meta name="description" content="<?php echo $description; ?>" />
<meta name="keywords" content="<?php echo $keywords; ?>" />

如果你要是觉得这个太麻烦,还是试试我写的:WordPress SEO无插件设置网站标题关键词描述教程  或者2个搭配使用.


本文地址: https://www.wpyi.com/wordpress-tianjia-shezhi-seo.html