{"id":3758,"date":"2025-06-12T04:11:28","date_gmt":"2025-06-11T20:11:28","guid":{"rendered":"https:\/\/www.zhaozhao123.cn\/wpcms\/wpdt\/3758.html"},"modified":"2025-06-12T04:11:28","modified_gmt":"2025-06-11T20:11:28","slug":"%e5%a6%82%e4%bd%95%e5%9c%a8-wordpress-%e7%ae%a1%e7%90%86%e9%9d%a2%e6%9d%bf%e4%b8%ad%e6%b7%bb%e5%8a%a0%e5%b8%ae%e5%8a%a9-%e8%b5%84%e6%ba%90%e9%83%a8%e5%88%86","status":"publish","type":"post","link":"https:\/\/www.zhaozhao123.cn\/wpcms\/post\/3758.html","title":{"rendered":"\u5982\u4f55\u5728 WordPress \u7ba1\u7406\u9762\u677f\u4e2d\u6dfb\u52a0\u5e2e\u52a9\/\u8d44\u6e90\u90e8\u5206"},"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 管理面板中添加帮助\/资源部分，你需要编辑 functions.php<\/code> 文件或者创建一个新的功能插件。以下是详细步骤和示例代码：<\/p>\n

步骤 1: 创建或编辑 functions.php 文件<\/h3>\n

首先，在您的 WordPress 主目录下的 wp-content\/themes\/[your-theme]\/functions.php<\/code> 文件（如果你没有自定义主题）或者在您想要放置这个新文件的任何位置。如果没有自定义主题，可以考虑创建一个。<\/p>\n

步骤 2: 添加代码到 functions.php<\/h3>\n

打开 functions.php<\/code> 文件并添加以下代码：<\/p>\n

function add_help_resources() {\n    \/\/ 获取当前页面 ID\n    $current_page = get_queried_object_id();\n\n    \/\/ 检查是否为帮助\/资源页面\n    if (is_page('help-resources') || is_page('resources')) {\n        \/\/ 在页面底部添加一个导航链接\n        wp_add_inline_script( 'jquery', \"jQuery(document).ready(function($) { $(document).on('click', '.nav-link', function(e) { e.preventDefault(); window.location.href = $(this).attr('href'); }); });\", 'after' );\n\n        \/\/ 将帮助\/资源页面的内容复制到顶部\n        if ( ! has_posts() ) : ?>\n            <div class=\"no-results\">\n                <h2><?php esc_html_e( 'Sorry, no results found.', 'textdomain' ); ?><\/h2>\n            <\/div>\n        <?php endif; ?>\n    }\n}\nadd_action( 'template_redirect', 'add_help_resources' );<\/code><\/pre>\n
解释<\/h3>\n
    \n
  • get_queried_object_id()<\/code><\/strong>: 这个函数用于获取当前页面的 ID。<\/li>\n
  • is_page('help-resources')<\/code> 和 is_page('resources')<\/code><\/strong>: 这两个条件语句检查当前页面是否属于“帮助\/资源”类别。<\/li>\n
  • wp_add_inline_script()<\/code><\/strong>: 这个函数会在 jQuery 加载时执行，添加一个点击事件处理程序，当用户点击帮助\/资源页面中的导航链接时，会重定向到该链接所指向的目标页面。<\/li>\n
  • has_posts()<\/code><\/strong>: 如果当前页面没有文章，则显示一个提示信息，告诉用户找不到相关结果。<\/li>\n<\/ul>\n
    步骤 3: 测试更新后的 WordPress 网站<\/h3>\n
    保存 functions.php<\/code> 文件后，刷新浏览器以查看更新。现在，当你访问帮助\/资源页面时，应该可以看到一个导航链接，点击它可以直接跳转到目标页面。<\/p>\n
    示例代码效果<\/h3>\n
    假设你的网站有一个名为 help-resources<\/code> 的页面，其中包含一些关于帮助和资源的信息。当你访问这个页面时，页面底部会有一个小箭头图标（可能由 <a><\/code> 标签表示），点击这个图标会自动跳转到页面上列出的第一个资源页面。<\/p>\n
    注意事项<\/h3>\n
    确保在生产环境中谨慎修改核心文件或添加动态脚本，因为这可能会导致问题。如果遇到任何兼容性问题，请先测试在本地环境上。<\/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管理面板中添加帮助\/资源部分，可以通过以下步骤实现：<\/p>\n
      \n
    1. 打开WordPress管理后台。<\/li>\n
    2. 转到“外观”菜单下的“主题选项”。<\/li>\n
    3. 在右侧找到并点击“自定义功能”。<\/li>\n
    4. 在新打开的页面上，选择“帮助和资源”。<\/li>\n<\/ol>\n
      接下来，我们将通过几个示例代码来详细介绍如何设置帮助\/资源部分。<\/p>\n
      示例一：使用自定义模块<\/h3>\n
      步骤 1: 创建一个自定义模块<\/h4>\n
      首先，在WordPress管理后台，转到“附加组件”（Addons）目录。\n然后，创建一个新的自定义模块，命名为HelpResources<\/code>。<\/p>\n
        \n
      • 选中新建自定义模块<\/code>。<\/li>\n
      • 输入名称为Help Resources<\/code>。<\/li>\n
      • 选择类型为附加组件<\/code>。<\/li>\n
      • 点击保存<\/code>。<\/li>\n<\/ul>\n
        步骤 2: 添加内容<\/h4>\n
        在新创建的自定义模块内，你可以添加任何你想提供的信息。例如，可以添加一些常见问题解答、教程链接等。<\/p>\n
        示例代码：<\/h4>\n
        <div class=\"help-resources\">\n    <h3>常见问题解答<\/h3>\n    <ul>\n        <li><a href=\"#\">常见问题1<\/a><\/li>\n        <li><a href=\"#\">常见问题2<\/a><\/li>\n        <!-- 更多常见问题 -->\n    <\/ul>\n\n    <h3>教程与指南<\/h3>\n    <ul>\n        <li><a href=\"#\">教程1<\/a><\/li>\n        <li><a href=\"#\">教程2<\/a><\/li>\n        <!-- 更多教程 -->\n    <\/ul>\n<\/div><\/code><\/pre>\n
        示例二：使用插件或主题功能<\/h3>\n
        步骤 1: 安装并激活插件<\/h4>\n
        在WordPress安装后，可以在WordPress插件列表中查找并安装名为WP Help & Resources<\/code>的插件。<\/p>\n
          \n
        • 找到插件图标并点击它以激活。<\/li>\n<\/ul>\n
          步骤 2: 设置插件配置<\/h4>\n
          激活插件后，你会看到一个名为Settings<\/code>的界面。在这里，你可以设置帮助\/资源的部分显示的位置和样式。<\/p>\n
            \n
          • 从顶部导航栏，选择Appearance<\/code> > Customize<\/code>.<\/li>\n
          • 进入General<\/code> > Show on Front Page<\/code> > Choose Page<\/code>。<\/li>\n
          • 选择你想要显示帮助\/资源部分的页面。<\/li>\n<\/ul>\n
            示例代码：<\/h4>\n
            <plugin>\n    <name>WP Help & Resources<\/name>\n    <description>A plugin for adding help and resources to your site.<\/description>\n    <author>John Doe<\/author>\n    <icon>assets\/img\/icon.png<\/icon>\n    <version>1.0<\/version>\n    <requires>5.0<\/requires>\n    <suggests>none<\/suggests>\n    <creenshot>assets\/img\/screenshot.png<\/Screenshot>\n    <homepage>https:\/\/example.com\/help\/resources<\/homepage>\n    <dependencies>\n        <dependency name=\"WordPress\" version=\"[>=5.0]\" \/>\n    <\/dependencies>\n    <function>add_help_resources<\/function>\n<\/plugin><\/code><\/pre>\n
            示例三：使用外部HTML文件<\/h3>\n
            步骤 1: 编辑主题文件<\/h4>\n
            首先，在WordPress根目录下找到名为functions.php<\/code>的主题文件。<\/p>\n
              \n
            • 使用文本编辑器打开这个文件。<\/li>\n
            • 在<?php<\/code>标签之间添加以下代码：\n
              \/\/ Add a custom help and resource section.\nfunction add_help_resources() {\n$page_id = get_page_by_title('Help and Resources', 'post_type');\nif ($page_id) {\n    wp_add_post_type_support($page_id, 'custom');\n    wp_add_theme_support('post-thumbnails');\n    \/\/ 加载帮助和资源部分的内容\n    load_template(ABSPATH . 'template-parts\/content\/content' . $page_id->ID);\n}\n}\nadd_action('init', 'add_help_resources');<\/code><\/pre>\n
              示例代码：<\/h4>\n
              \/\/ Add a custom help and resource section.\nfunction add_help_resources() {\n$page_id = get_page_by_title('Help and Resources', 'post_type');\nif ($page_id) {\n    wp_add_post_type_support($page_id, 'custom');\n    wp_add_theme_support('post-thumbnails');\n    \/\/ 加载帮助和资源部分的内容\n    load_template(ABSPATH . 'template-parts\/content\/content' . $page_id->ID);\n}\n}\nadd_action('init', 'add_help_resources');<\/code><\/pre><\/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 管理面板中添加帮助\/资源部分..<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"","ping_status":"","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[1],"tags":[2107,2106],"tuisongtax":[],"class_list":["post-3758","post","type-post","status-publish","format-standard","hentry","category-wpdt","tag-cjyy","tag-cjzn"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/posts\/3758","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=3758"}],"version-history":[{"count":0,"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/posts\/3758\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/media?parent=3758"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/categories?post=3758"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/tags?post=3758"},{"taxonomy":"tuisongtax","embeddable":true,"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/tuisongtax?post=3758"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}