Замените кнопку «Поиск» в Wordpress шрифтом шрифта Awesome

Question

Извините, если это глупый вопрос.

Я использую Wordpress 4.0 с Bootstrap 3.0, и я просто включил Font Awesome через файл functions.php. Все работает нормально (я использовал значки для социальных сетей и т. Д.).

Теперь я хочу изменить кнопку «Поиск» на боковой панели на значок шрифта Awesome (значок поиска, а не кнопка + текст). Код в файле сор-включает/общего template.php выглядит следующим образом:

<label> 
     <span class="screen-reader-text">' . _x('', 'label') . '</span> 
     <input type="search" class="search-field" placeholder="' . esc_attr_x('', 'placeholder') . '" value="' . get_search_query() . '" name="s" title="' . esc_attr_x('', 'label') . '" /> 
    </label> 
    <input type="submit" class="search-submit" value="'. esc_attr_x('Search', 'submit button') .'" /> 

Я хочу только поле ввода со значком рядом с ним, например, так:

<label> 
     <span class="screen-reader-text">' . _x('', 'label') . '</span> 
     <input type="search" class="search-field" placeholder="' . esc_attr_x('', 'placeholder') . '" value="' . get_search_query() . '" name="s" title="' . esc_attr_x('', 'label') . '" /> 
    </label> 
    <i class="fa fa-search"></i> 

Но да , это не работает ... Если я нажму на значок, ничего не произойдет. Я попытался поставить i-й класс и т. Д., Где теперь находится esc_attr_x («Поиск»), но это тоже не помогло.

Answer 1

Для отправки запроса на поиск вам нужно ввести тип ввода. поставив свой значок элемента вместо поиска текста, например, так:..

<input type="submit" class="search-submit"> 
    <i class="fa fa-search"></i> 
</input> 

Однако редактирование WP файлов ядра является очень плохой идеей, вы потеряете ваши изменения при следующем обновлении вы делаете вместо этого сделайте файл позвонил searchform.php в папку темы и разместил здесь всю форму поиска.

Answer 2

Только что реализовано в теме, над которой я работаю. помнить, что нет никаких причин, почему вы не можете изменить до HTML для searchform как вы увидите:

<form role="search" method="get" class="search-form" action="<?php echo home_url('/'); ?>"> 
<label> 
    <span class="screen-reader-text">Search for:</span> 
     <input type="search" class="search-field" placeholder="Search …" value="" name="s" title="Search for:" /> 
</label> 
    <button type="submit" class="search-submit"><span class="fa fa-search"></span></button> 

Я заменил WordPress ввода по умолчанию с классом Подавать с кнопкой (этот способ wordpress не добавит в него текст отправки по умолчанию). Главное - кнопка типа отправки.