Kuidas luua WordPressis kohandatud otsinguvormi
Kas soovite luua WordPressi veebisaidil kohandatud otsinguvormi? Ehitasime varem teemasid nullist, et saaksime veebisaidi jaotistesse lisada oma stiili. Võimalik, et olete loonud ilusa välimusega otsinguvormi kujunduse ja soovite selle nüüd WordPressi sobitada.
WordPress pakub meetodi, get_search_form()mis renderdab otsinguvormi. Kui kasutate seda meetodit oma kohandatud teemas, saate WordPressi tuumaga loodud vaikotsingu vormi. Ja te ei soovi vaikevaliku vormi, kuna teie vormikujundus on erinev. Selle olukorra ületamiseks peate looma kohandatud otsinguvormi, mis alistab vaikevormi.
Kohandatud otsinguvormi loomisega saate sellele lisada oma märgistuse ja stiili. Selles artiklis näitan teile, kuidas WordPressis kohandatud otsinguvormi luua.
Meetod get_search_form()otsib searchform.phpfaili teie aktiivse teema kataloogist. Kui seda faili pole olemas, kasutab WordPress vaikimisi otsinguvormi, mis on selle tuumas.
Looge kohandatud otsinguvorm
Looge searchform.phpfail oma aktiivse teema kataloogis. Selles failis lisage otsinguvormi märgistus. Näiteks on minu puhul otsinguvorm järgmine.
<form id="searchform" method="get" action="<?php echo esc_url( home_url( '/') ); ?>">
<input type="text" class="search-field" name="s" placeholder="Search" value="<?php echo get_search_query(); ?>">
<input type="submit" value="Search">
</form>Ülaltoodud koodis pole midagi väljamõeldud ega keerukat. Andsin lihtsalt vormi sildile id ‘searchform’ ja otsiteksti väljale klassi ‘search-field’. Selle ID ja klassi abil saan lisada otsinguvormile stiili. Nii nagu teie puhul, peate kasutama oma märgistust.
Kuva otsinguvorm
Järgmine samm on otsinguvormi kuvamine veebisaidil. Võiksite paigutada otsinguvormi külgribale, päisesse, menüü kõrvale jne.
Funktsiooni kasutades get_search_form()saab nende otsinguvormi kuvada veebisaidil kõikjal. Kõik, mida peate tegema, on helistada sellele meetodile kohast, kus soovite otsinguvormi kuvada.
<?php get_search_form(); ?>Pärast ülaltoodud koodi paigutamist soovitud kohta minge brauserisse. Nüüd peaksite veebisaidil nägema oma otsinguvormi.
Kohandage otsingutulemit
Võib juhtuda, et teie veebisaidil on rohkem ressursse, nagu raamatud, ajakirjad, e-raamatud, PDF-failid jne, ja peate kõigi nende ressursside sisu otsingutulemites näitama. Seda saab teha lihtsalt.
Eeldades, et teil on kõigi nende ressursside jaoks kohandatud postitüübid, peate otsinguvormi lisama iga postitustüübi jaoks peidetud välja.
Oletame, et olete ülaltoodud ressursside jaoks loonud kohandatud postitüüpide raamatu, ajakirja, e-raamatu, pdf-i. Seejärel on teie peidetud väljad järgmised.
<form id="searchform" method="get" action="<?php echo esc_url( home_url( '/') ); ?>">
<input type="text" class="search-field" name="s" placeholder="Search" value="<?php echo get_search_query(); ?>">
<input type="hidden" name="post_type[]" value="book" />
<input type="hidden" name="post_type[]" value="magazine" />
<input type="hidden" name="post_type[]" value="ebook" />
<input type="hidden" name="post_type[]" value="pdf" />
<input type="submit" value="Search">
</form>Nüüd, kui keegi sisestab otsinguvormi märksõna, otsib WordPress seda märksõna tulemuse vastendamiseks kõigis ülaltoodud postituste tüüpides.
Loodan, et saate aru, kuidas WordPressis kohandatud otsinguvormi luua. Tahaksin kuulda teie mõtteid ja ettepanekuid allpool olevas kommentaaride jaotises.