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

分享:
標籤: WordPress PHP

在 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

 

和我們交流

加入我們的社群,裡面會有一些技術的內容、有趣的技術梗,以及職缺的分享,歡迎和我們一起討論。