如何在 WordPress 管理面板中添加帮助/资源部分

要在 WordPress 管理面板中添加帮助/资源部分，你需要编辑 functions.php 文件或者创建一个新的功能插件。以下是详细步骤和示例代码：

步骤 1: 创建或编辑 functions.php 文件

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

步骤 2: 添加代码到 functions.php

打开 functions.php 文件并添加以下代码：

function add_help_resources() {
    // 获取当前页面 ID
    $current_page = get_queried_object_id();

    // 检查是否为帮助/资源页面
    if (is_page('help-resources') || is_page('resources')) {
        // 在页面底部添加一个导航链接
        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' );

        // 将帮助/资源页面的内容复制到顶部
        if ( ! has_posts() ) : ?>
            <div class="no-results">
                <h2><?php esc_html_e( 'Sorry, no results found.', 'textdomain' ); ?></h2>
            </div>
        <?php endif; ?>
    }
}
add_action( 'template_redirect', 'add_help_resources' );

解释

• get_queried_object_id(): 这个函数用于获取当前页面的 ID。
• is_page('help-resources') 和 is_page('resources'): 这两个条件语句检查当前页面是否属于“帮助/资源”类别。
• wp_add_inline_script(): 这个函数会在 jQuery 加载时执行，添加一个点击事件处理程序，当用户点击帮助/资源页面中的导航链接时，会重定向到该链接所指向的目标页面。
• has_posts(): 如果当前页面没有文章，则显示一个提示信息，告诉用户找不到相关结果。

步骤 3: 测试更新后的 WordPress 网站

保存 functions.php 文件后，刷新浏览器以查看更新。现在，当你访问帮助/资源页面时，应该可以看到一个导航链接，点击它可以直接跳转到目标页面。

示例代码效果

假设你的网站有一个名为 help-resources 的页面，其中包含一些关于帮助和资源的信息。当你访问这个页面时，页面底部会有一个小箭头图标（可能由 <a> 标签表示），点击这个图标会自动跳转到页面上列出的第一个资源页面。

注意事项

确保在生产环境中谨慎修改核心文件或添加动态脚本，因为这可能会导致问题。如果遇到任何兼容性问题，请先测试在本地环境上。

在WordPress管理面板中添加帮助/资源部分，可以通过以下步骤实现：

1. 打开WordPress管理后台。
2. 转到“外观”菜单下的“主题选项”。
3. 在右侧找到并点击“自定义功能”。
4. 在新打开的页面上，选择“帮助和资源”。

接下来，我们将通过几个示例代码来详细介绍如何设置帮助/资源部分。

示例一：使用自定义模块

步骤 1: 创建一个自定义模块

首先，在WordPress管理后台，转到“附加组件”（Addons）目录。 然后，创建一个新的自定义模块，命名为HelpResources。

• 选中新建自定义模块。
• 输入名称为Help Resources。
• 选择类型为附加组件。
• 点击保存。

步骤 2: 添加内容

在新创建的自定义模块内，你可以添加任何你想提供的信息。例如，可以添加一些常见问题解答、教程链接等。

示例代码：

<div class="help-resources">
    <h3>常见问题解答</h3>
    <ul>
        <li><a href="#">常见问题1</a></li>
        <li><a href="#">常见问题2</a></li>
        <!-- 更多常见问题 -->
    </ul>

    <h3>教程与指南</h3>
    <ul>
        <li><a href="#">教程1</a></li>
        <li><a href="#">教程2</a></li>
        <!-- 更多教程 -->
    </ul>
</div>

示例二：使用插件或主题功能

步骤 1: 安装并激活插件

在WordPress安装后，可以在WordPress插件列表中查找并安装名为WP Help & Resources的插件。

• 找到插件图标并点击它以激活。

步骤 2: 设置插件配置

激活插件后，你会看到一个名为Settings的界面。在这里，你可以设置帮助/资源的部分显示的位置和样式。

• 从顶部导航栏，选择Appearance > Customize.
• 进入General > Show on Front Page > Choose Page。
• 选择你想要显示帮助/资源部分的页面。

示例代码：

<plugin>
    <name>WP Help & Resources</name>
    <description>A plugin for adding help and resources to your site.</description>
    <author>John Doe</author>
    <icon>assets/img/icon.png</icon>
    <version>1.0</version>
    <requires>5.0</requires>
    <suggests>none</suggests>
    <creenshot>assets/img/screenshot.png</Screenshot>
    <homepage>https://example.com/help/resources</homepage>
    <dependencies>
        <dependency name="WordPress" version="[>=5.0]" />
    </dependencies>
    <function>add_help_resources</function>
</plugin>

示例三：使用外部HTML文件

步骤 1: 编辑主题文件

首先，在WordPress根目录下找到名为functions.php的主题文件。

• 使用文本编辑器打开这个文件。
• 在<?php标签之间添加以下代码：

  // Add a custom help and resource section.
  function add_help_resources() {
  $page_id = get_page_by_title('Help and Resources', 'post_type');
  if ($page_id) {
      wp_add_post_type_support($page_id, 'custom');
      wp_add_theme_support('post-thumbnails');
      // 加载帮助和资源部分的内容
      load_template(ABSPATH . 'template-parts/content/content' . $page_id->ID);
  }
  }
  add_action('init', 'add_help_resources');

  示例代码：

  // Add a custom help and resource section.
  function add_help_resources() {
  $page_id = get_page_by_title('Help and Resources', 'post_type');
  if ($page_id) {
      wp_add_post_type_support($page_id, 'custom');
      wp_add_theme_support('post-thumbnails');
      // 加载帮助和资源部分的内容
      load_template(ABSPATH . 'template-parts/content/content' . $page_id->ID);
  }
  }
  add_action('init', 'add_help_resources');

以上就是如何在WordPress管理面板中添加帮助/资源部分的基本步骤。你可以根据自己的需要调整代码，添加更多功能和细节。