• Inicio
  • Pasos Para Crear Una Web
  • Herramientas
    • WordPress
      • Los Mejores Temas WordPress
      • Mejores Plugins Para WordPress
    • Alojamiento Web Barato
    • Ebooks
    • Tutoriales
    • Miembros
  • EBOOKS CATEGORIAS
    • Libros Gratis
    • Libros En Inglés
    • Crear Empresas
    • Ecología
    • Herramientas Para Emprendedores
    • Ingresos Online
    • Marketing
    • Motivación
    • Tutoriales
  • Contacto
Facebook Twitter Instagram
RSS Facebook Twitter LinkedIn
Servicios Para Negocio Por Internet | WORDPRESS
  • Inicio
  • Pasos Para Crear Una Web
  • Herramientas
    • WordPress
      • Los Mejores Temas WordPress
      • Mejores Plugins Para WordPress
    • Alojamiento Web Barato
    • Ebooks
    • Tutoriales
    • Miembros
  • EBOOKS CATEGORIAS
    • Libros Gratis
    • Libros En Inglés
    • Crear Empresas
    • Ecología
    • Herramientas Para Emprendedores
    • Ingresos Online
    • Marketing
    • Motivación
    • Tutoriales
  • Contacto
Facebook Twitter Instagram
Servicios Para Negocio Por Internet | WORDPRESS
Portada » Tutoriales » Cómo Usar Wordpress Gratis Cursos » Cómo Agregar Formularios De Búsqueda En Entradas De WordPress Con Códigos Cortos
Cómo Usar Wordpress Gratis Cursos

Cómo Agregar Formularios De Búsqueda En Entradas De WordPress Con Códigos Cortos

Wilmer MedinaBy Wilmer Medinadiciembre 6, 2021No hay comentarios6 Mins Read
Facebook Twitter Pinterest LinkedIn Tumblr Email
Divi WordPress Theme

¿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.

como agregar formularios de contacto en 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’.

Ingrese la clave de licencia de SearchWP

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.

Configuración de motores de SearchWP

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.

Ajustar la configuración del control deslizante de SearchWP

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’.

Descargar la extensión SearchWP Shortcodes

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.

Insertar un bloque HTML personalizado

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.

Haga clic en Publicar o Actualizar para guardar su publicación.

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.

Vista previa del formulario SearchWP

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.

Editando functions.php en el Editor de temas

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.

Código corto del 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.

Vista previa del formulario de búsqueda

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.


Divi WordPress Theme

Bibliografía

Envíalo a tus Amigos y Contactos

  • Correo electrónico
  • WhatsApp
  • Pinterest
  • Facebook
  • Telegram
  • Twitter
Share. Facebook Twitter Pinterest LinkedIn Tumblr Email
Previous ArticleCómo Despublicar Una Página En WordPress (4 Pasos Sencillos)
Next Article Cómo Limitar El Número De Publicaciones En El RSS Feed De WordPress
Wilmer Medina
  • Facebook
  • Twitter
  • LinkedIn

Escrito por Wilmer Medina , emprendedor y master en tecnologías por Internet.

Related Posts

6 De Los Mejores Plugins WordPress Para Cargar Archivos (Gratis y de Paga)

mayo 2, 2022

Mejores Herramientas CRM De WordPress Para El 2022

abril 5, 2022

Cómo Eliminar Los Scripts Java Script & CSS Para Optimizar La Velocidad Del Sitio WordPress

marzo 1, 2022

Coméntanos Sobre Lo Que Leíste ! Cancelar respuesta

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.

Suscríbete al blog por correo electrónico

Introduce tu correo electrónico para suscribirte a este blog y recibir notificaciones de nuevas entradas.

Lo Reciente

6 De Los Mejores Plugins WordPress Para Cargar Archivos (Gratis y de Paga)

mayo 2, 2022

Mejores Herramientas CRM De WordPress Para El 2022

abril 5, 2022

Cómo Eliminar Los Scripts Java Script & CSS Para Optimizar La Velocidad Del Sitio WordPress

marzo 1, 2022

9 De Los Mejores Plugins WordPress Para Integración Con PayPal

febrero 1, 2022

Cómo Agregar Tickers De Noticias Con Desplazamiento En WordPress

enero 3, 2022

12 Cosas Que Hay Que Hacer Antes De Cambiar Un Tema De WordPress

diciembre 31, 2021

Cómo Enviar un Sitio Web en WordPress a Google News

diciembre 29, 2021

Cómo Personalizar La Página De Restablecimiento De Contraseña En WordPress

diciembre 27, 2021
Nuevos Ebooks & Cursos
  • Cómo Crear Una APP y Ganar Dinero Con Ella | Android/iOS $0.00
  • Cómo Ganar Dinero Escribiendo eBooks $0.00
  • Cómo Hacer Dinero Con Inversiones Inteligentes $0.00
  • Cómo Tener Una Mente Creativa | Estrategia y Guía $2.99
  • Cómo Escoger El Mejor Web Hosting $0.00
Suscríbete al blog por correo electrónico

Introduce tu correo electrónico para suscribirte a este blog y recibir notificaciones de nuevas entradas.

Type above and press Enter to search. Press Esc to cancel.

 

Cargando comentarios...