{"id":28298,"date":"2021-05-23T16:38:00","date_gmt":"2021-05-23T13:38:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=28298"},"modified":"2021-10-18T03:42:35","modified_gmt":"2021-10-18T00:42:35","slug":"jak-utworzyc-niestandardowy-formularz-wyszukiwania-w-wordpress","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/pl\/jak-utworzyc-niestandardowy-formularz-wyszukiwania-w-wordpress\/","title":{"rendered":"Jak utworzy\u0107 niestandardowy formularz wyszukiwania w WordPress"},"content":{"rendered":"

Czy chcesz utworzy\u0107 niestandardowy formularz wyszukiwania w witrynie WordPress? Kiedy\u015b budowali\u015bmy motywy od podstaw, dzi\u0119ki czemu mo\u017cemy doda\u0107 w\u0142asn\u0105 stylizacj\u0119 do sekcji na stronie. By\u0107 mo\u017ce stworzy\u0142e\u015b projekt \u0142adnie wygl\u0105daj\u0105cego formularza wyszukiwania i chcesz go teraz dopasowa\u0107 do WordPressa.<\/p>\n

WordPress udost\u0119pnia metod\u0119, get_search_form()<\/code>kt\u00f3ra renderuje formularz wyszukiwania. Je\u015bli u\u017cyjesz tej metody w niestandardowym motywie, otrzymasz domy\u015blny formularz wyszukiwania utworzony w rdzeniu WordPress. I nie chcesz domy\u015blnego formularza wyszukiwania, poniewa\u017c projekt formularza jest inny. Aby rozwi\u0105za\u0107 t\u0119 sytuacj\u0119, musisz utworzy\u0107 niestandardowy formularz wyszukiwania, kt\u00f3ry zast\u0119puje formularz domy\u015blny.<\/p>\n

Tworz\u0105c niestandardowy formularz wyszukiwania, mo\u017cesz doda\u0107 do niego w\u0142asne znaczniki i styl. W tym artykule poka\u017c\u0119, jak stworzy\u0107 niestandardowy formularz wyszukiwania w WordPress.<\/p>\n

Metoda get_search_form()<\/code>szuka searchform.php<\/code>pliku w katalogu aktywnego motywu. Je\u015bli ten plik nie istnieje, WordPress u\u017cywa domy\u015blnego formularza wyszukiwania, kt\u00f3ry jest zawarty w jego rdzeniu.<\/p>\n

Utw\u00f3rz niestandardowy formularz wyszukiwania<\/h3>\n

Utw\u00f3rz searchform.php<\/code>plik w katalogu aktywnego motywu. W tym pliku dodaj sw\u00f3j znacznik formularza wyszukiwania. Na przyk\u0142ad w moim przypadku formularz wyszukiwania wygl\u0105da nast\u0119puj\u0105co.<\/p>\n

<form id=\"searchform\" method=\"get\" action=\"<?php echo esc_url( home_url( '\/') ); ?>\">\n\u00a0\u00a0\u00a0\u00a0<input type=\"text\" class=\"search-field\" name=\"s\" placeholder=\"Search\" value=\"<?php echo get_search_query(); ?>\">\n\u00a0\u00a0\u00a0\u00a0<input type=\"submit\" value=\"Search\">\n<\/form><\/code><\/pre>\n
W powy\u017cszym kodzie nie ma nic wyszukanego ani skomplikowanego. W\u0142a\u015bnie nada\u0142em identyfikator 'searchform’ do tagu formularza i klas\u0119 'search-field’ do pola tekstowego wyszukiwania. U\u017cywaj\u0105c tego identyfikatora i klasy mog\u0119 doda\u0107 stylizacj\u0119 do formularza wyszukiwania. Podobnie jak w twoim przypadku, musisz u\u017cy\u0107 w\u0142asnego znacznika.<\/p>\n
Wy\u015bwietl formularz wyszukiwania<\/h3>\n
Kolejnym krokiem jest wy\u015bwietlenie formularza wyszukiwania na stronie. Mo\u017cesz umie\u015bci\u0107 formularz wyszukiwania na pasku bocznym, nag\u0142\u00f3wku, obok menu itp.<\/p>\n
Za pomoc\u0105 tej funkcji get_search_form()<\/code>mo\u017cna wy\u015bwietli\u0107 formularz wyszukiwania w dowolnym miejscu na stronie. Wystarczy wywo\u0142a\u0107 t\u0119 metod\u0119 z miejsca, w kt\u00f3rym chcesz wy\u015bwietli\u0107 formularz wyszukiwania.<\/p>\n
<?php get_search_form(); ?><\/code><\/pre>\n
Po umieszczeniu powy\u017cszego kodu w \u017c\u0105danym miejscu przejd\u017a do przegl\u0105darki. Powiniene\u015b teraz zobaczy\u0107 sw\u00f3j formularz wyszukiwania na stronie.<\/p>\n
Dostosuj wyniki wyszukiwania<\/h3>\n
Mo\u017ce si\u0119 zdarzy\u0107, \u017ce Twoja witryna zawiera wi\u0119cej zasob\u00f3w, takich jak ksi\u0105\u017cki, czasopisma, e-booki, pliki PDF itp. i musisz wy\u015bwietli\u0107 zawarto\u015b\u0107 wszystkich tych zasob\u00f3w w wynikach wyszukiwania. Mo\u017cna to \u0142atwo zrobi\u0107.<\/p>\n
Zak\u0142adaj\u0105c, \u017ce masz niestandardowe typy post\u00f3w dla wszystkich tych zasob\u00f3w, musisz doda\u0107 ukryte pole dla ka\u017cdego typu postu w formularzu wyszukiwania.<\/p>\n
Za\u0142\u00f3\u017cmy, \u017ce dla powy\u017cszych zasob\u00f3w utworzy\u0142e\u015b niestandardowe typy post\u00f3w: ksi\u0105\u017cka, czasopismo, ebook, pdf. Wtedy twoje ukryte pola b\u0119d\u0105 wygl\u0105da\u0107 nast\u0119puj\u0105co.<\/p>\n
<form id=\"searchform\" method=\"get\" action=\"<?php echo esc_url( home_url( '\/') ); ?>\">\n\u00a0\u00a0\u00a0\u00a0<input type=\"text\" class=\"search-field\" name=\"s\" placeholder=\"Search\" value=\"<?php echo get_search_query(); ?>\">\n\u00a0\u00a0\u00a0\u00a0<input type=\"hidden\" name=\"post_type[]\" value=\"book\" \/>\n\u00a0\u00a0\u00a0\u00a0<input type=\"hidden\" name=\"post_type[]\" value=\"magazine\" \/>\n\u00a0\u00a0\u00a0\u00a0<input type=\"hidden\" name=\"post_type[]\" value=\"ebook\" \/>\n\u00a0\u00a0\u00a0\u00a0<input type=\"hidden\" name=\"post_type[]\" value=\"pdf\" \/>\n\u00a0\u00a0\u00a0\u00a0<input type=\"submit\" value=\"Search\">\n<\/form><\/code><\/pre>\n
Teraz, gdy kto\u015b wprowadzi s\u0142owo kluczowe w formularzu wyszukiwania, WordPress wyszukuje to s\u0142owo kluczowe we wszystkich powy\u017cszych typach post\u00f3w, aby dopasowa\u0107 wynik.<\/p>\n
Mam nadziej\u0119, \u017ce rozumiesz, jak stworzy\u0107 niestandardowy formularz wyszukiwania w WordPressie. Chcia\u0142bym us\u0142ysze\u0107 wasze przemy\u015blenia i sugestie w sekcji komentarzy poni\u017cej.<\/p>\n
Powi\u0105zane artyku\u0142y<\/h4>\n