{"id":28279,"date":"2021-05-23T16:23:00","date_gmt":"2021-05-23T13:23:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=28279"},"modified":"2021-10-17T16:48:51","modified_gmt":"2021-10-17T13:48:51","slug":"como-crear-un-formulario-de-busqueda-personalizado-en-wordpress","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/es\/como-crear-un-formulario-de-busqueda-personalizado-en-wordpress\/","title":{"rendered":"C\u00f3mo crear un formulario de b\u00fasqueda personalizado en WordPress"},"content":{"rendered":"

\u00bfEst\u00e1 buscando crear un formulario de b\u00fasqueda personalizado en un sitio web de WordPress? Sol\u00edamos crear temas desde cero para poder agregar nuestro propio estilo a las secciones del sitio web. Es posible que haya creado un dise\u00f1o de un formulario de b\u00fasqueda atractivo y ahora quiera encajarlo en WordPress.<\/p>\n

WordPress proporciona un m\u00e9todo get_search_form()<\/code>que procesa el formulario de b\u00fasqueda. Si usa este m\u00e9todo en su tema personalizado, obtendr\u00e1 un formulario de b\u00fasqueda predeterminado creado en el n\u00facleo de WordPress. Y no desea el formulario de b\u00fasqueda predeterminado ya que el dise\u00f1o de su formulario es diferente. Para superar esta situaci\u00f3n, debe crear un formulario de b\u00fasqueda personalizado que anule el predeterminado.<\/p>\n

Al crear un formulario de b\u00fasqueda personalizado, puede agregarle su propio marcado y estilo. En este art\u00edculo, le muestro c\u00f3mo crear un formulario de b\u00fasqueda personalizado en WordPress.<\/p>\n

El m\u00e9todo get_search_form()<\/code>busca un searchform.php<\/code>archivo en el directorio de su tema activo. Si este archivo no existe, WordPress usa el formulario de b\u00fasqueda predeterminado que se incluye en su n\u00facleo.<\/p>\n

Crear un formulario de b\u00fasqueda personalizado<\/h3>\n

Crea un searchform.php<\/code>archivo en el directorio de tu tema activo. En este archivo, agregue su marcado del formulario de b\u00fasqueda. Por ejemplo, en mi caso, el formulario de b\u00fasqueda es el siguiente.<\/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
No hay nada elegante o complejo en el c\u00f3digo anterior. Solo le di id ‘formulario de b\u00fasqueda’ a la etiqueta del formulario y la clase ‘campo de b\u00fasqueda’ al campo de texto de b\u00fasqueda. Usando esta identificaci\u00f3n y clase, puedo agregar estilo al formulario de b\u00fasqueda. Como este en su caso, debe usar su propio marcado.<\/p>\n
Mostrar formulario de b\u00fasqueda<\/h3>\n
El siguiente paso es mostrar el formulario de b\u00fasqueda en el sitio web. Es posible que desee colocar el formulario de b\u00fasqueda en la barra lateral, el encabezado, junto al men\u00fa, etc.<\/p>\n
Usando la funci\u00f3n, get_search_form()<\/code>uno puede mostrar su formulario de b\u00fasqueda en cualquier lugar del sitio web. Todo lo que necesita hacer es llamar a este m\u00e9todo desde el lugar donde desea mostrar el formulario de b\u00fasqueda.<\/p>\n
<?php get_search_form(); ?><\/code><\/pre>\n
Despu\u00e9s de colocar el c\u00f3digo anterior en el lugar deseado, vaya al navegador. Ahora deber\u00eda ver su formulario de b\u00fasqueda en el sitio web.<\/p>\n
Personalizar el resultado de la b\u00fasqueda<\/h3>\n
Puede ser el caso, su sitio web tiene m\u00e1s recursos como libros, revistas, libros electr\u00f3nicos, PDF, etc. y necesita mostrar el contenido de todos estos recursos en el resultado de b\u00fasqueda. Se puede hacer f\u00e1cilmente.<\/p>\n
Suponiendo que tiene tipos de publicaci\u00f3n personalizados para todos estos recursos, debe agregar un campo oculto para cada tipo de publicaci\u00f3n en el formulario de b\u00fasqueda.<\/p>\n
Supongamos que ha creado tipos de publicaciones personalizados: libro, revista, libro electr\u00f3nico, pdf para los recursos anteriores. Entonces, sus campos ocultos ser\u00e1n los siguientes.<\/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
Ahora, cuando alguien ingresa una palabra clave en el formulario de b\u00fasqueda, WordPress busca esa palabra clave en todos los tipos de publicaciones anteriores para que coincida con el resultado.<\/p>\n
Espero que comprenda c\u00f3mo crear un formulario de b\u00fasqueda personalizado en WordPress. Me gustar\u00eda escuchar sus pensamientos y sugerencias en la secci\u00f3n de comentarios a continuaci\u00f3n.<\/p>\n
Art\u00edculos relacionados<\/h4>\n