{"id":1950,"date":"2025-06-10T18:12:43","date_gmt":"2025-06-10T10:12:43","guid":{"rendered":"https:\/\/www.zhaozhao123.cn\/wpcms\/wpdt\/1950.html"},"modified":"2025-06-14T11:42:18","modified_gmt":"2025-06-14T03:42:18","slug":"%e5%a6%82%e4%bd%95%e5%9c%a8%e6%82%a8%e7%9a%84wordpress%e4%b8%bb%e9%a2%98%e4%b8%ad%e6%98%be%e7%a4%ba%e5%8d%9a%e5%ae%a2%e6%96%87%e7%ab%a0%e5%85%83%e6%95%b0%e6%8d%ae","status":"publish","type":"post","link":"https:\/\/www.zhaozhao123.cn\/wpcms\/post\/1950.html","title":{"rendered":"\u5982\u4f55\u5728\u60a8\u7684WordPress\u4e3b\u9898\u4e2d\u663e\u793a\u535a\u5ba2\u6587\u7ae0\u5143\u6570\u636e"},"content":{"rendered":"
\r\n
\r\n
\r\n
\r\n
\r\n
\"Bug编译狮\"<\/figure>\r\n\r\n\r\n\r\n

Bug编译狮<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n\r\n\r\n

\r\n
\r\n

要在WordPress主题中显示博客文章的元数据（如标题、作者、发布时间等），您可以通过以下步骤实现：<\/p>\n

步骤 1: 找到主题文件<\/h3>\n

首先，确定您要修改的主题文件位置。大多数主题文件通常位于 wp-content\/themes\/<\/code> 目录下。<\/p>\n

步骤 2: 添加模板文件<\/h3>\n

接下来，在主题文件夹中找到与页面或帖子相关的模板文件。例如，如果您想添加到所有页面和帖子中，可以查看 single.php<\/code> 文件；如果只想在特定页面上显示，则可能需要查看 page.php<\/code> 或其他相关文件。<\/p>\n

步骤 3: 插入HTML代码<\/h3>\n

在模板文件中插入适当的HTML代码来显示元数据。您可以使用PHP代码动态生成这些信息。<\/p>\n

示例代码：<\/h4>\n
<?php\n\/\/ 获取当前文章的元数据\n$author = get_the_author();\n$date = get_the_date('F j, Y');\n$title = get_the_title();\n\n\/\/ 输出元数据\necho '<h2><a href=\"' . esc_url(get_permalink()) . '\">' . $title . '<\/a><\/h2>';\necho '<small>' . sprintf('<strong>%s<\/strong>: %s', 'Author:', $author) . '<\/small>';\necho '<small>' . sprintf('<strong>Date:<\/strong>, %s', $date) . '<\/small>';\n?><\/code><\/pre>\n
步骤 4: 更新主题文件<\/h3>\n
保存对模板文件的更改后，确保更新主题文件以应用这些变化。<\/p>\n
步骤 5: 测试效果<\/h3>\n
刷新浏览器，检查是否正确显示了博客文章的元数据。<\/p>\n
通过上述步骤，您可以在WordPress主题中成功展示博客文章的元数据。此方法适用于大多数情况，但具体实现可能会根据您的主题结构有所不同。希望这能帮助您更好地理解和实施这一功能！<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>
\r\n
\r\n
\r\n
\r\n
\r\n
\"黑板前的Bug语法讲师\"<\/figure>\r\n\r\n\r\n\r\n
黑板前的Bug语法讲师<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n\r\n\r\n
\r\n
\r\n
在WordPress主题中显示博客文章元数据是一种常见的需求，它可以帮助用户更方便地了解和浏览网站的内容。以下是如何在WordPress主题中实现这一功能的方法：<\/p>\n
1. 设置Meta Box<\/h3>\n
首先，在您的WordPress主题中创建一个Meta Box，用于显示博客文章的元数据。Meta Box通常位于顶部菜单或底部栏，可以用来添加自定义字段。<\/p>\n
示例代码：<\/h4>\n
<div class=\"wrap\">\n    <h2><?php esc_html_e( 'Meta Boxes', 'your-theme' ); ?><\/h2>\n    <?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>\n        <form method=\"post\" action=\"<?php echo esc_url( get_permalink() ); ?>\">\n            <?php wp_nonce_field( 'edit_theme_options', 'edit_theme_options_nonce' ); ?>\n            <label for=\"meta_box_title\"><?php _e( 'Title', 'your-theme' ); ?>:<\/label>\n            <input type=\"text\" name=\"meta_box_title\" id=\"meta_box_title\" value=\"<?php the_title_attribute(); ?>\" \/>\n            <br\/>\n            <label for=\"meta_description\"><?php _e( 'Description', 'your-theme' ); ?>:<\/label>\n            <textarea name=\"meta_description\" id=\"meta_description\"><?php the_excerpt(); ?><\/textarea><br\/>\n            <button type=\"submit\"><?php _e( 'Save Changes', 'your-theme' ); ?><\/button>\n        <\/form>\n    <?php endwhile; endif; ?>\n<\/div><\/code><\/pre>\n
注意：<\/strong><\/p>\n
    \n
  • <?php echo esc_html(e()) ?><\/code> 是为了确保输出为HTML格式。<\/li>\n
  • the_title()<\/code> 和 the_excerpt()<\/code> 可以根据需要替换为相应的函数来获取标题和摘要。<\/li>\n
  • 使用 wp_nonce_field('...')<\/code> 用于安全验证提交表单。<\/li>\n<\/ul>\n
    2. 编辑 Meta Box 配置<\/h3>\n
    一旦设置了Meta Box，您还需要编辑其配置以便于访问。<\/p>\n
    示例代码：<\/h4>\n
    <page>\n    <name><?php esc_attr_e( 'Your WordPress Theme Name', 'your-theme' ); ?><\/name>\n    <template.php>\n        <head>\n            <!-- Your theme's CSS -->\n        <\/head>\n        <body>\n            <meta-box>\n                <title><?php esc_html_e( 'Title', 'your-theme' ); ?><\/title>\n                <description><?php esc_html_e( 'Description', 'your-theme' ); ?><\/description>\n            <\/meta-box>\n        <\/body>\n    <\/template.php>\n<\/page><\/code><\/pre>\n
    注意：<\/strong><\/p>\n
      \n
    • <?php esc_html_e( 'Your WordPress Theme Name', 'your-theme' ); ?><\/code> 应用到 <name><\/code> 标签内，以指定该页面的主题名称。<\/li>\n<\/ul>\n
      通过上述方法，您可以成功设置并显示WordPress主题中的博客文章元数据。这种方法不仅有助于优化用户体验，还提高了网站的专业性。<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\n","protected":false},"excerpt":{"rendered":"
      Bug编译狮 要在WordPress主题中显示博客文章的元数据&#6..<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[1],"tags":[3189,52,53],"tuisongtax":[],"class_list":["post-1950","post","type-post","status-publish","format-standard","hentry","category-wpdt","tag-zt","tag-ztjc","tag-ztmbpzjc"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/posts\/1950","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/comments?post=1950"}],"version-history":[{"count":0,"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/posts\/1950\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/media?parent=1950"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/categories?post=1950"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/tags?post=1950"},{"taxonomy":"tuisongtax","embeddable":true,"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/tuisongtax?post=1950"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}