{"id":28473,"date":"2021-05-23T16:30:00","date_gmt":"2021-05-23T13:30:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=28473"},"modified":"2021-10-17T04:41:45","modified_gmt":"2021-10-17T01:41:45","slug":"hur-man-skapar-anpassat-sokformular-i-wordpress","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/sv\/hur-man-skapar-anpassat-sokformular-i-wordpress\/","title":{"rendered":"Hur man skapar anpassat s\u00f6kformul\u00e4r i WordPress"},"content":{"rendered":"

Vill du skapa ett anpassat s\u00f6kformul\u00e4r p\u00e5 en WordPress-webbplats? Vi brukade bygga teman fr\u00e5n grunden s\u00e5 att vi kan l\u00e4gga till v\u00e5r egen styling i avsnitten p\u00e5 webbplatsen. Du kanske har skapat en design av ett snyggt s\u00f6kformul\u00e4r och nu vill passa in det i WordPress.<\/p>\n

WordPress tillhandah\u00e5ller en metod get_search_form()<\/code>som g\u00f6r s\u00f6kformul\u00e4ret. Om du anv\u00e4nder den h\u00e4r metoden i ditt anpassade tema f\u00e5r du ett standards\u00f6kformul\u00e4r som skapats i WordPress-k\u00e4rnan. Och du vill inte ha standards\u00f6kformul\u00e4ret eftersom din formul\u00e4rdesign \u00e4r annorlunda. F\u00f6r att \u00f6vervinna denna situation m\u00e5ste du skapa ett anpassat s\u00f6kformul\u00e4r som \u00e5sidos\u00e4tter standardinst\u00e4llningen.<\/p>\n

Genom att skapa ett anpassat s\u00f6kformul\u00e4r kan du l\u00e4gga till din egen markering och styling till den. I den h\u00e4r artikeln visar jag dig hur du skapar ett anpassat s\u00f6kformul\u00e4r i WordPress.<\/p>\n

Metoden get_search_form()<\/code>letar efter searchform.php<\/code>fil i ditt aktiva temas katalog. Om den h\u00e4r filen inte finns anv\u00e4nder WordPress standards\u00f6kformul\u00e4ret som ing\u00e5r i k\u00e4rnan.<\/p>\n

Skapa ett anpassat s\u00f6kformul\u00e4r<\/h3>\n

Skapa searchform.php<\/code>fil i ditt aktiva temas katalog. L\u00e4gg till din markering av s\u00f6kformul\u00e4ret i den h\u00e4r filen. I mitt fall \u00e4r till exempel s\u00f6kformul\u00e4ret f\u00f6ljande.<\/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
Det finns inget snyggt eller komplicerat i ovanst\u00e5ende kod. Jag gav just id ’s\u00f6kformul\u00e4r’ till formul\u00e4retiketten och klass ’s\u00f6kf\u00e4lt’ till s\u00f6ketekstf\u00e4ltet. Med hj\u00e4lp av detta ID och klass kan jag l\u00e4gga till styling i s\u00f6kformul\u00e4ret. S\u00e5 h\u00e4r i ditt fall m\u00e5ste du anv\u00e4nda din egen markering.<\/p>\n
Visa s\u00f6kformul\u00e4r<\/h3>\n
N\u00e4sta steg \u00e4r att visa s\u00f6kformul\u00e4ret p\u00e5 webbplatsen. Du kanske vill placera s\u00f6kformul\u00e4ret i sidof\u00e4ltet, rubriken, bredvid menyn etc.<\/p>\n
Med funktionen get_search_form()<\/code>kan man visa sitt s\u00f6kformul\u00e4r var som helst p\u00e5 webbplatsen. Allt du beh\u00f6ver g\u00f6ra \u00e4r att ringa den h\u00e4r metoden fr\u00e5n den plats d\u00e4r du vill visa s\u00f6kformul\u00e4ret.<\/p>\n
<?php get_search_form(); ?><\/code><\/pre>\n
Efter att ha placerat ovanst\u00e5ende kod p\u00e5 \u00f6nskad plats, g\u00e5 till webbl\u00e4saren. Du b\u00f6r nu se ditt s\u00f6kformul\u00e4r p\u00e5 webbplatsen.<\/p>\n
Anpassa s\u00f6kresultat<\/h3>\n
Det kan vara fallet, din webbplats har fler resurser som b\u00f6cker, tidskrifter, e-b\u00f6cker, PDF-filer etc. och du m\u00e5ste visa inneh\u00e5ll fr\u00e5n alla dessa resurser i s\u00f6kresultatet. Det kan g\u00f6ras enkelt.<\/p>\n
F\u00f6rutsatt att du har anpassade inl\u00e4ggstyper f\u00f6r alla dessa resurser m\u00e5ste du l\u00e4gga till ett dolt f\u00e4lt f\u00f6r varje inl\u00e4ggstyp i s\u00f6kformul\u00e4ret.<\/p>\n
L\u00e5t oss s\u00e4ga att du har skapat anpassade inl\u00e4ggstyper bok, tidskrift, e-bok, pdf f\u00f6r ovanst\u00e5ende resurser. D\u00e5 blir dina dolda f\u00e4lt f\u00f6ljande.<\/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
Nu n\u00e4r n\u00e5gon anger ett nyckelord i s\u00f6kformul\u00e4ret, s\u00f6ker WordPress efter det nyckelordet i alla ovanst\u00e5ende inl\u00e4ggstyper f\u00f6r att matcha resultatet.<\/p>\n
Jag hoppas att du f\u00f6rst\u00e5r hur du skapar ett anpassat s\u00f6kformul\u00e4r i WordPress. Jag skulle vilja h\u00f6ra dina tankar och f\u00f6rslag i kommentarsektionen nedan.<\/p>\n
relaterade artiklar<\/h4>\n