首页 视频课程 主题开发课程第08章、自定义字段 WordPress自定义字段面板使用方法

WordPress自定义字段面板使用方法

2023-06-11 / 417阅

WordPress自定义字段面板使用方法

WordPress自定义字段是用于添加额外元数据的最基本的方法之一。在WordPress文章、页面和其他类型的帖子中使用自定义字段,可以向页面添加元数据,如作者、摘要、标签等。就像WordPress菜单和小部件一样,自定义字段可以在WordPress主题中使用来增强主题功能和灵活性。在本文中,我们将讨论如何使用自定义字段并提供示例代码。

创建自定义字段面板

首先,需要创建自定义字段面板,这可以通过添加以下代码到主题的 functions.php 文件中来完成:

function custom_meta_box_markup($post) {
    wp_nonce_field(basename(__FILE__), "meta-box-nonce");
    ?>
        <label for="meta-box-author">Author</label>
        <input name="meta-box-author" type="text" value="<?php echo get_post_meta($post->ID, "meta-box-author", true); ?>">
    <?php  
}

function add_custom_meta_box() {
    add_meta_box("demo-meta-box", "Demo Meta Box", "custom_meta_box_markup", "post", "side", "high", null);
}

add_action("add_meta_boxes", "add_custom_meta_box");

function save_custom_meta_box($post_id, $post, $update) {
    if (!isset($_POST["meta-box-nonce"]) || !wp_verify_nonce($_POST["meta-box-nonce"], basename(__FILE__)))
        return $post_id;

    if(!current_user_can("edit_post", $post_id))
        return $post_id;

    if(defined("DOING_AUTOSAVE") && DOING_AUTOSAVE)
        return $post_id;

    $slug = "post";
    if($slug != $post->post_type)
        return $post_id;

    $meta_box_author_value = "";
    if(isset($_POST["meta-box-author"]))
    {
        $meta_box_author_value = $_POST["meta-box-author"];
    }   
    update_post_meta($post_id, "meta-box-author", $meta_box_author_value);
}

add_action("save_post", "save_custom_meta_box", 10, 3); 

这段代码定义了自定义字段面板,并将其添加到 WordPress 中的文章类型中。这个面板包含了一个输入字段,用于添加作者元数据,并使用一个保存按钮将元数据存储在数据库中。

使用自定义字段

在文章编辑页面,你将看到一个新的自定义字段部分。在这里,你可以输入作者的名字,然后将其保存。

WordPress自定义字段

在主题中使用自定义字段

下面是如何在主题中使用自定义字段来增强主题功能和灵活性的示例代码:

$meta_box_author_value = get_post_meta(get_the_ID(), 'meta-box-author', true);

if ($meta_box_author_value) {
    echo '<div class="meta-box-author">' . $meta_box_author_value . '</div>';
} 

该代码读取自定义字段的值,如果存在,则在主题中的页面中显示作者的名字。

总结

使用 WordPress 自定义字段是一个很好的方式来添加额外的元数据到页面中,它可以帮助我们灵活地构建主题,并使网站更多样化。在这篇文章中,我们介绍了如何创建自定义字段面板并在主题中使用自定义字段。我们提供了示例代码,以便您可以快速将其应用于自己的 WordPress 主题中。

阅读文章或者观看视频过程中有任何问题,请下方留言或者联系我Q248758228

大家谈论
    我的见解
    目录