Krok 1

Wejdź do panelu WordPress i przejdź do "Wygląd" w menu po lewej stronie. Kliknij "Editor" w "Appearance", aby załadować ekran edycji motywu. Znajdź plik po prawej stronie o nazwie "searchform.php" i kliknij jego link. Utwórz plik i nazwij go "searchform.php", a następnie prześlij go do swojego motywu, jeśli jeszcze nie istnieje. Plik znajduje się w następującej lokalizacji:

/ public_html / wp-content / themes / theme-name /

Zastąp "nazwa-motywu" nazwą używanego motywu. Czasami "public_html" to "www".

Krok 2

Edytuj lub skopiuj kod HTML swojego "searchform.php" do swoich potrzeb. Ten plik może również zawierać kod PHP. Oto przykład:

Użyj etykiety pokazanej powyżej, w tym identyfikacji, metody i działania, aby działały prawidłowo. Powinieneś również wspomnieć o polu tekstowym "s", aby mogło pracować z WordPress. Dodaj dowolny kod HTML, który Ci się podoba, i dodaj identyfikatory oraz nazwy klas do tagów, do których chcesz się odwoływać w kodzie CSS.

Krok 3

Zmodyfikuj plik "style.css" przy użyciu edytora motywów ekranowych lub zmodyfikuj go na komputerze i prześlij na serwer w tym samym katalogu, co "searchform.php". Użyj kodu CSS w "style.css" w stylu wyszukiwarki. Oto przykład:

searchfield {border: 1px solid #ccc; font-style: italic;}

Kod umieszcza obramowanie o szerokości jednego piksela, jasnoszarego w całym polu wyszukiwania i wprowadza kursywę. Możesz także edytować przycisk lub inny tekst w pliku "searchform.php".