WordPress中WooCommerce插件搜索栏（HTML/样式）修改的正确方式

直接改插件自带的thaps-search-from.php确实能生效，但绝对不推荐——插件一更新，你的修改就全没了。正确的做法分这几种，按优先级选：

1. 优先用插件提供的钩子（推荐） #

先翻一下这个TH Advance Product Search插件的文档或源码，看看有没有提供修改搜索表单的过滤器（filter）或动作（action）。比如如果有类似thaps_search_form_html的过滤器，你可以在主题的functions.php里加这段代码来移除按钮：

add_filter('thaps_search_form_html', 'custom_remove_thaps_search_button');
function custom_remove_thaps_search_button($form_html) {
    // 把表单里的按钮代码替换为空
    $form_html = str_replace('<button id=\'thaps-search-button\' value="<?php echo esc_attr_x( \'Submit\',\'submit button\', \'th-advance-product-search\' ); ?>" type=\'submit\'>', '', $form_html);
    return $form_html;
}

如果找不到现成的钩子，再看下面的方法。

2. 模板重载（安全可靠） #

如果这个插件支持WordPress的模板重载机制（大部分正规插件都支持），步骤如下：

• 找到插件目录里的thaps-search-from.php（比如wp-content/plugins/th-advance-product-search/templates/thaps-search-from.php，按你附图的路径来）
• 把这个文件复制到你的主题目录下，新建对应文件夹：wp-content/themes/你的主题名/th-advance-product-search/thaps-search-from.php
• 修改主题里的这个文件，删掉你不需要的按钮代码就行。
  这样插件更新时，只会覆盖插件自身的文件，主题里的修改会保留。

3. 仅隐藏按钮的话用CSS（最快） #

如果只是不想让按钮显示，不需要彻底删除HTML代码，直接加CSS就行：

#thaps-search-button {
    display: none !important;
}

把这段代码加到主题的「自定义CSS」面板，或者主题的style.css文件里。

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