[WordPress] 客製化站內搜尋介面- get_search_form()

在 WordPress 我們可以透過 get_search_form() 叫出站內搜尋介面，如果有想要客製化的話，可以透過 WordPress 的 hook 在 function.php 修改，可以參考以下程式碼：

function html5_search_form( $form ) { 
    $form = '<section class="search"><form role="search" method="get" id="search-form" action="' . home_url( '/' ) . '" >
     <label class="screen-reader-text" for="s">' . __('',  'domain') . '</label>
     <input type="search" value="' . get_search_query() . '" name="s" id="s" placeholder="Search website" />
     <input type="submit" id="searchsubmit" value="'. esc_attr__('Go', 'domain') .'" />
     </form></section>';

 return $form;
}

add_filter( 'get_search_form', 'html5_search_form' );

這邊就是建立一個新的搜尋表單取代原本的，可以在這邊替換你要修改的 UI 內容。

參考：
Replace the placeholder text in WordPress default search field