在WordPress中使用子比主题（ZiBi Theme）时，如果你想在文章阅读页顶部添加自定义信息，可以通过以下几种方法实现：

方法一：使用自定义CSS和HTML（推荐初学者）

1. 进入主题设置
   登录WordPress后台，进入 外观 > 主题设置（或 子比主题设置）。
2. 找到“自定义代码”选项
   在主题设置中，找到“自定义代码”或“自定义HTML”部分。通常这里允许你添加自定义的HTML代码。
3. 添加HTML代码
   在文章页面顶部添加信息，可以使用以下HTML代码：
   HTML复制

   <div class="custom-article-top">
       <p>这里是自定义信息，欢迎阅读！</p>
   </div>

4. 添加CSS样式（可选）
   如果需要对添加的信息进行样式调整，可以在主题设置的“自定义CSS”部分添加以下样式：
   css复制

   .custom-article-top {
       background-color: #f8f8f8;
       padding: 10px;
       text-align: center;
       font-size: 14px;
       color: #333;
   }

5. 保存设置
   保存主题设置后，刷新文章页面，查看效果。

方法二：通过子主题修改模板文件（适合有一定开发经验的用户）

1. 创建子主题
   如果还没有子主题，建议先创建一个子主题以避免更新主题时丢失自定义代码。
   可以通过 外观 > 主题 > 添加新主题，搜索“子比主题”并创建子主题。
2. 复制模板文件
   在子主题中，复制父主题的 single.php 文件（文章页面模板）到子主题目录。
3. 编辑模板文件
   打开子主题中的 single.php 文件，找到文章内容输出部分（通常在 the_content() 函数之前），添加自定义HTML代码：
   php复制

   <div class="custom-article-top">
       <p>这里是自定义信息，欢迎阅读！</p>
   </div>

4. 添加CSS样式
   在子主题的 style.css 文件中添加样式：
   css复制

   .custom-article-top {
       background-color: #f8f8f8;
       padding: 10px;
       text-align: center;
       font-size: 14px;
       color: #333;
   }

5. 保存并上传
   保存修改后的文件，并上传到服务器。刷新文章页面查看效果。

方法三：使用插件添加自定义HTML

1. 安装插件
   安装并激活一个支持在特定页面添加自定义HTML的插件，例如 Insert Headers and Footers 或 Custom Content Shortcodes。
2. 添加自定义代码
   在插件设置中，选择“单篇文章页面”作为目标位置，并添加HTML代码：
   HTML复制

   <div class="custom-article-top">
       <p>这里是自定义信息，欢迎阅读！</p>
   </div>

3. 添加CSS样式
   如果需要样式调整，可以在主题设置的“自定义CSS”中添加样式。
4. 保存设置
   保存插件设置后，刷新文章页面查看效果。

注意事项

• 如果你对代码不熟悉，建议使用方法一或方法三。
• 如果你使用的是子比主题的高级功能（如Elementor页面构建器），也可以通过Elementor在文章模板中添加自定义模块。
• 如果修改模板文件，建议备份原始文件，以免出现问题。