如何在WordPress所有文章开头自动添加自定义按钮（JNews主题）

代码实现（通过Code Snippets插件） #

直接利用WordPress的the_content过滤器，在文章内容前插入你已创建的按钮HTML代码即可，代码如下：

add_filter('the_content', 'add_custom_button_before_post');
function add_custom_button_before_post($content) {
    // 仅在单篇文章页面的主内容循环中生效
    if (is_single() && in_the_loop() && is_main_query()) {
        // 替换为你从区块编辑器复制的按钮完整HTML代码
        $custom_button = '<div class="wp-block-button"><a class="wp-block-button__link wp-element-button" style="background-color:#007cba;color:#fff" href="https://你的目标板块链接">你的按钮文本</a></div>';
        
        // 把按钮拼接在文章内容最前面
        $content = $custom_button . $content;
    }
    return $content;
}

使用步骤 #

1. 打开Code Snippets插件后台，点击「Add New」新建代码片段
2. 把上述代码粘贴到代码编辑框，替换$custom_button里的内容：
   • 从WordPress区块编辑器中找到你之前创建的按钮，切换到「代码编辑器」模式，复制按钮的完整HTML代码替换进去
   • 确保替换掉链接地址和按钮文本为你实际的内容
3. 给代码片段命名（比如「文章开头自动添加自定义按钮」），然后点击「Save Changes and Activate」激活即可

说明 #

• 这段代码只会在单篇文章页面生效，不会影响首页、分类页等其他页面
• 如果后续需要修改按钮样式或链接，直接修改代码片段里的HTML内容即可

内容的提问来源于stack exchange，提问作者Jeswin161198