¿Deseas insertar un formulario de búsqueda en una publicación de WordPress?
Agregar un formulario de búsqueda al contenido de su publicación o página es una buena manera de alentar a sus visitantes a encontrar más contenido y permanecer en su sitio web por más tiempo. En este tutorial, le mostraremos cómo agregar un formulario de búsqueda en sus publicaciones y páginas utilizando un código corto de búsqueda de WordPress.
¿Por qué agregar un formulario de búsqueda a sus publicaciones y páginas?
Si un visitante ha disfrutado leyendo una publicación en su blog de WordPress, es probable que desee leer más. Ofrecer un formulario de búsqueda en la publicación les ayudará a encontrar más contenido que les interese.
Cuando facilita que los usuarios pasen más tiempo en su sitio web, puede aumentar las visitas a su página y reducir su tasa de rebote. También es más probable que sus visitantes se unan a su lista de correo electrónico, dejen un comentario, realicen una compra y lo sigan en las redes sociales.
En este tutorial, le mostraremos cómo agregar el formulario de búsqueda estándar de WordPress a sus publicaciones. Si desea agregar un formulario de búsqueda personalizado, consulte nuestra guía paso a paso sobre cómo crear un formulario de búsqueda personalizado de WordPress. Le mostraremos dos métodos para agregar un formulario de búsqueda a sus publicaciones, y el primero es el más simple. Use los enlaces a continuación para ir al método que le gustaría usar.
- Método 1: agregar un formulario de búsqueda con un complemento
- Método 2: agregar un formulario de búsqueda mediante código
Método 1: Cómo insertar un formulario de búsqueda con un complemento
La forma más fácil de agregar un formulario de búsqueda a sus publicaciones es utilizando el complemento SearchWP. Es el mejor complemento de búsqueda para WordPress utilizado por más de 30.000 sitios.
Configuración de SearchWP
Lo primero que debe hacer es instalar y activar el complemento. Para obtener más detalles, consulte nuestra guía paso a paso sobre cómo instalar un complemento de WordPress.
Tras la activación, debe visitar el Configuración »SearchWP página y luego haga clic en la opción de menú ‘Licencia’.
Luego, debe ingresar su clave de licencia en el cuadro Licencia. Puede encontrar esta información en su cuenta en el sitio web de SearchWP. Después de eso, debe hacer clic en el botón Activar.
A continuación, debe hacer clic en la opción de menú Motores. Esto le lleva a una pantalla donde puede elegir la configuración de su motor de búsqueda.
Aquí debe crear un motor de búsqueda para todo el sitio. Puede ajustar la configuración de su motor de búsqueda haciendo clic en los menús desplegables Publicaciones, Páginas y Medios.
Los controles deslizantes de relevancia de atributo en cada sección ajustan cómo los motores de búsqueda valoran y clasifican el contenido. Por ejemplo, si desea valorar el título de la publicación por encima del contenido, puede ajustar los controles deslizantes en consecuencia.
Una vez que haya terminado de ajustar la configuración, asegúrese de hacer clic en el botón ‘Guardar motores’ para guardar el motor de búsqueda predeterminado.
Agregar un formulario de búsqueda a una publicación
Ahora necesita descargar la extensión de códigos cortos de SearchWP para agregar fácilmente su nuevo formulario de búsqueda de publicaciones personalizadas a WordPress.
Deberá visitar el sitio web de la extensión de códigos cortos de SearchWP y luego hacer clic en el botón ‘Descargar disponible con licencia activa’.
Después de eso, debe instalar y activar la extensión de la misma manera que instaló el complemento anterior. Ahora puede agregar un formulario de búsqueda en sus publicaciones.
Simplemente edite la publicación y coloque el cursor donde desea agregar el formulario de búsqueda. Después de eso, haga clic en el icono más ‘Agregar bloque’ para abrir el menú de bloques.
A continuación, escriba ‘html’ en el cuadro de búsqueda. Luego, seleccione el bloque ‘HTML personalizado’.
Una vez que haya agregado el nuevo bloque, puede agregar los siguientes códigos cortos y HTML a su página. Si necesita más ayuda, consulte nuestra guía sobre cómo agregar un código corto en WordPress.
[searchwp_search_form]<div class="search-results-wrapper"> [searchwp_search_results]<h2>[searchwp_search_result_link]</h2> [searchwp_search_result_excerpt][/searchwp_search_results] </div> <div class="no-search-results-found"> [searchwp_search_results_none]No results found, please search again. [/searchwp_search_results_none] </div> <div class="search-results-pagination"> [searchwp_search_results_pagination direction="prev" link_text="Previous"][searchwp_search_results_pagination direction="next" link_text="Next"]</div>
Este código agregará un formulario de búsqueda a la publicación, creará una sección para mostrar los resultados de la búsqueda, mostrará un mensaje sin resultados si es necesario y agregará paginación si los resultados van a varias páginas.
Asegúrese de hacer clic en Publicar o Actualizar para guardar su publicación y publicarla.
Para ver el formulario de búsqueda en acción, simplemente vea la publicación en su sitio web de WordPress. Así es como se ve en nuestro sitio de demostración con el tema Twenty Twenty-One.
Para obtener más consejos sobre cómo personalizar su búsqueda, consulte nuestra guía sobre cómo mejorar la búsqueda de WordPress con SearchWP.
Método 2: Cómo insertar un formulario de búsqueda mediante código
También puede agregar un formulario de búsqueda a sus publicaciones de WordPress mediante el uso de un fragmento de código. Este método no se recomienda para principiantes, por lo que si no está familiarizado con el código, debería usar el Método 1 en su lugar.
En este método, tendrá que editar el archivo functions.php de su tema.
Si no ha editado el archivo functions.php antes, eche un vistazo a nuestra guía para principiantes sobre cómo pegar fragmentos de la web en WordPress.
Todo lo que tienes que hacer es abrir el archivo functions.php de tu tema o un complemento específico del sitio y pegar el siguiente código:
add_shortcode('wpbsearch', 'get_search_form');
Así es como se ve en nuestro sitio web de demostración cuando se usa el Editor de temas de WordPress para agregar el fragmento al archivo functions.php del tema Twenty Twenty-One.
Después de eso, simplemente agrega el código corto [wpbsearch]a la publicación o página donde le gustaría que aparezca el formulario de búsqueda.
Esto mostrará el formulario de búsqueda predeterminado. Para ver el formulario de búsqueda, simplemente vea la publicación en su sitio web de WordPress.
Si desea mostrar un formulario de búsqueda personalizado, debe usar este código en su lugar.
function wpbsearchform( $form ) {
$form = '<form role="search" method="get" id="searchform" action="' . home_url( '/' ) . '" >
<div><label class="screen-reader-text" for="s">' . __('Search for:') . '</label>
<input type="text" value="' . get_search_query() . '" name="s" id="s" />
<input type="submit" id="searchsubmit" value="'. esc_attr__('Search') .'" />
</div>
</form>';
return $form;
}
add_shortcode('wpbsearch', 'wpbsearchform');
No dude en modificar el código para personalizar el formulario de búsqueda como desee.
Esperamos que este tutorial le haya ayudado a aprender cómo agregar una búsqueda en su publicación con un código corto de búsqueda de WordPress.
También puede aprender a crear una dirección de correo electrónico comercial gratuita o consultar nuestra lista de razones por las que debería usar WordPress para su sitio web.
Si le gustó este artículo, suscríbase a nuestro canal de YouTube para tutoriales en video de WordPress. También puedes encontrarnos en Twitter y Facebook.
La publicación Cómo agregar un formulario de búsqueda en una publicación de WordPress con un código corto apareció por primera vez en Webtralia.
