如何移除AF Themes开发的Broadnews主题中的搜索图标？

方法一：用自定义CSS隐藏（最安全，零代码风险） #

• 打开浏览器开发者工具（按F12），右键点击页面上的搜索图标，选「检查」，找到它的CSS类（比如.search-toggle或.af-search-icon）
• 进入WordPress后台，依次点「外观」→「自定义」→「额外CSS」，粘贴以下代码（把类名换成你查到的）：

/* 隐藏搜索图标 */
.search-toggle {
    display: none !important;
}

• 保存后刷新网站，图标就会消失，这个操作只是视觉隐藏，完全不影响后台搜索功能，主题更新后也不会失效。

方法二：子主题修改模板文件（适合有基础的用户） #

• 先创建并激活Broadnews的子主题（必须用子主题，不然原主题更新会覆盖你的修改）
• 找到原主题里输出搜索图标的文件，一般是header.php或者template-parts/header/top-header.php
• 把这个文件复制到子主题对应目录，打开后找到类似这段的代码：

<button class="search-toggle" aria-label="<?php esc_attr_e( 'Toggle Search', 'broadnews' ); ?>">
    <i class="fa fa-search"></i>
</button>

• 删除这段代码并保存，刷新网站即可，这种方法彻底移除图标输出，也不会影响其他功能。

方法三：用代码片段插件移除（无需编辑文件） #

• 安装并激活「Code Snippets」插件
• 点击「添加新片段」，粘贴以下代码：

function remove_broadnews_search_icon() {
    remove_action( 'broadnews_action_header', 'broadnews_add_search_toggle', 20 );
}
add_action( 'init', 'remove_broadnews_search_icon' );

• 激活这个片段，搜索图标就会被移除，原理是取消主题注册的搜索图标钩子，完全不影响其他功能，主题更新也不受影响。

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