{"id":24681,"date":"2021-05-23T16:05:00","date_gmt":"2021-05-23T13:05:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=24681"},"modified":"2021-10-17T20:43:08","modified_gmt":"2021-10-17T17:43:08","slug":"kuinka-luoda-tasmahakulomake-wordpressissa","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/fi\/kuinka-luoda-tasmahakulomake-wordpressissa\/","title":{"rendered":"Kuinka luoda t\u00e4sm\u00e4hakulomake WordPressiss\u00e4"},"content":{"rendered":"

Haluatko luoda mukautetun hakulomakkeen WordPress-verkkosivustolle? Rakensimme aiemmin teemoja tyhj\u00e4st\u00e4, jotta voimme lis\u00e4t\u00e4 oman tyylisi verkkosivuston osioihin. Olet ehk\u00e4 luonut tyylikk\u00e4\u00e4n n\u00e4k\u00f6isen hakulomakkeen ja haluat nyt sovittaa sen WordPressiin.<\/p>\n

WordPress tarjoaa menetelm\u00e4n, get_search_form()<\/code>joka hakee hakulomakkeen. Jos k\u00e4yt\u00e4t t\u00e4t\u00e4 menetelm\u00e4\u00e4 mukautetussa teemassasi, saat oletushakulomakkeen, joka on luotu WordPress-ytimeen. Ja et halua oletushakulomaketta, koska lomakemallisi on erilainen. T\u00e4m\u00e4n tilanteen ratkaisemiseksi sinun on luotava mukautettu hakulomake, joka ohittaa oletuslomakkeen.<\/p>\n

Luomalla mukautetun hakulomakkeen voit lis\u00e4t\u00e4 siihen oman merkinn\u00e4n ja tyylin. T\u00e4ss\u00e4 artikkelissa n\u00e4yt\u00e4n sinulle, kuinka voit luoda mukautetun hakulomakkeen WordPressiss\u00e4.<\/p>\n

Menetelm\u00e4 get_search_form()<\/code>etsii searchform.php<\/code>tiedostoa aktiivisen teeman hakemistosta. Jos t\u00e4t\u00e4 tiedostoa ei ole olemassa, WordPress k\u00e4ytt\u00e4\u00e4 oletushaun lomaketta, joka sis\u00e4ltyy sen ytimeen.<\/p>\n

Luo mukautettu hakulomake<\/h3>\n

Luo searchform.php<\/code>tiedosto aktiivisen teeman hakemistoon. Lis\u00e4\u00e4 t\u00e4h\u00e4n tiedostoon hakulomakkeen merkinn\u00e4t. Esimerkiksi minun tapauksessani hakulomake on seuraava.<\/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
Yll\u00e4 olevassa koodissa ei ole mit\u00e4\u00e4n hienoa tai monimutkaista. Annoin juuri id ’searchform’ lomaketunnisteelle ja class ’search-field’ hakutekstikentt\u00e4\u00e4n. T\u00e4m\u00e4n tunnuksen ja luokan avulla voin lis\u00e4t\u00e4 tyylin hakulomakkeeseen. N\u00e4in sinun on k\u00e4ytett\u00e4v\u00e4 omaa merkint\u00e4\u00e4si.<\/p>\n
N\u00e4yt\u00e4 hakulomake<\/h3>\n
Seuraava vaihe on hakulomakkeen n\u00e4ytt\u00e4minen verkkosivustolla. Haluat ehk\u00e4 sijoittaa hakulomakkeen sivupalkkiin, otsikkoon, valikon viereen jne.<\/p>\n
Funktion avulla get_search_form()<\/code>voidaan n\u00e4ytt\u00e4\u00e4 hakulomake miss\u00e4 tahansa verkkosivustolla. Sinun tarvitsee vain kutsua t\u00e4t\u00e4 menetelm\u00e4\u00e4 paikasta, jossa haluat n\u00e4ytt\u00e4\u00e4 hakulomakkeen.<\/p>\n
<?php get_search_form(); ?><\/code><\/pre>\n
Kun olet asettanut yll\u00e4 olevan koodin haluttuun paikkaan, siirry selaimeen. Sinun pit\u00e4isi nyt n\u00e4hd\u00e4 hakulomake verkkosivustolla.<\/p>\n
Muokkaa hakutulosta<\/h3>\n
Saattaa olla, ett\u00e4 verkkosivustollasi on enemm\u00e4n resursseja, kuten kirjoja, aikakauslehti\u00e4, e-kirjoja, PDF-tiedostoja jne., Ja sinun on n\u00e4ytett\u00e4v\u00e4 kaikkien n\u00e4iden resurssien sis\u00e4lt\u00f6 hakutuloksissa. Se voidaan tehd\u00e4 helposti.<\/p>\n
Olettaen, ett\u00e4 sinulla on mukautettuja postityyppej\u00e4 kaikille n\u00e4ille resursseille, sinun on lis\u00e4tt\u00e4v\u00e4 piilotettu kentt\u00e4 kutakin postityyppi\u00e4 varten hakulomakkeeseen.<\/p>\n
Oletetaan, ett\u00e4 olet luonut mukautettuja postityyppej\u00e4 kirja, aikakauslehti, e-kirja, pdf yll\u00e4 oleville resursseille. Sitten piilotetut kent\u00e4t ovat seuraavat.<\/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
Kun joku kirjoittaa avainsanan hakulomakkeeseen, WordPress etsii avainsanaa kaikista yll\u00e4 olevista kirjoitustyypeist\u00e4 vastaamaan tulosta.<\/p>\n
Toivon, ett\u00e4 ymm\u00e4rr\u00e4t, miten voit luoda mukautetun hakulomakkeen WordPressiss\u00e4. Haluaisin kuulla ajatuksesi ja ehdotuksesi alla olevassa kommenttiosassa.<\/p>\n
Aiheeseen liittyv\u00e4t artikkelit<\/h4>\n