Cómo agregar una barra de búsqueda a WordPress usando Shortcode










  • ¿Quieres añadir una barra de búsqueda en tu sitio web de WordPress? Las barras de búsqueda son una excelente manera de ayudar a sus visitantes a encontrar contenido específico en su sitio web. Por ejemplo, si están buscando un artículo específico, pueden escribir el nombre del artículo para encontrarlo. No solo son útiles, sino que también son extremadamente fáciles de agregar.

    Las barras de búsqueda se vuelven más útiles para los sitios web con el tiempo. Cuanto más tiempo exista un sitio web, más contenido producirá. Cuanto más contenido se produce, más difícil es encontrar contenido antiguo. Por supuesto, esto se puede arreglar fácilmente agregando una página de archivo también. Hoy demostraré cómo agregar una barra de búsqueda en WordPress usando un shortcode.

    Por qué agregar una barra de búsqueda en WordPress

    El objetivo principal de una barra de búsqueda es bastante obvio, es decir, permitir a los visitantes buscar más contenido. A medida que un sitio web envejece, el contenido se aleja de la página principal y se vuelve más difícil de encontrar y, por lo tanto, de ver. Por lo general, solo lo ven los motores de búsqueda y las páginas de archivo.

    Por supuesto, si su sitio web no tiene una  clasificación alta , es posible que no aparezca en los resultados de los motores de búsqueda. Confiar en esto como un método para que el contenido antiguo obtenga vistas no es la mejor idea como un sitio web no clasificado. En cambio, brindarles a los visitantes una forma de buscar fácilmente contenido en el sitio web es una forma mucho más confiable de obtener vistas.

    Cómo agregar una barra de búsqueda en WordPress con un código corto

    Hoy, demostraré cómo agregar una barra de búsqueda en WordPress usando un shortcode . No serán necesarios complementos adicionales, pero necesitará acceso a su cPanel . Su servidor web le proporciona el inicio de sesión para su cPanel cuando crea una cuenta. Debe hacer una copia de seguridad de su sitio web antes de comenzar. Siempre que esté editando código directamente, cree una copia de seguridad. Esto le permitirá volver a antes de editar el código en caso de que se haya cometido un error fatal.

    Comencemos iniciando sesión en cPanel y haciendo clic en la opción Administrador de archivos. El Administrador de archivos le permitirá acceder a todos los archivos relacionados con su sitio web.

    Haga clic en la opción Administrador de archivos.

    Necesita ubicar el archivo functions.php de su tema. Haga clic en el directorio public_html, luego haga clic en la carpeta wp-content. Dentro de esta carpeta, encontrará todo el contenido relacionado con su sitio web. Haga clic en la carpeta de temas e ingrese a la carpeta del tema que está utilizando actualmente. Finalmente, haz clic derecho en el archivo functions.php y selecciona la opción Editar.

    Seleccione la opción "Editar".

    Aparecerá una ventana emergente. Este cuadro le advertirá que cree una copia de seguridad de sus archivos antes de editar cualquier cosa. Esto asegurará que pueda revertir su sitio web a cuando estaba funcionando si algo sale mal. Haga clic en el botón "Editar". Se abrirá una nueva pestaña que contiene todo el código del archivo.

    Haga clic en el botón "Editar".

    Copie y pegue las siguientes líneas de código en el archivo functions.php. Esto creará el shortcode para agregar una barra de búsqueda:[ht_message mstyle=”info” title=”” show_icon=”” id=”” class=”” style=”” ]function searchbar( $form ) {

    $formulario = '<formulario rol=”buscar” método=”obtener” id=”buscarformulario” acción=”' . URL_inicio( '/' ) . '” >

    <div><label class=”screen-reader-text” for=”s”>' .
    __('Buscar:') . '</label>


    <input type=”text” value=”' .
    get_search_query() . '” nombre=”s” id=”s” />


    <tipo de entrada=”enviar” id=”buscarenviar” valor=”'.
    esc_attr__('Buscar') .'” />


    </div>


    </form>';

    devolver $formulario;

    }

    add_shortcode('barra de búsqueda', 'barra de búsqueda');[/ht_message]

    Una vez que haya insertado el código en el archivo functions.php, haga clic en el botón "Guardar cambios" para finalizar.

    Haga clic en el botón "Guardar cambios".

    Ahora es el momento de colocar la barra de búsqueda. Tienes bastantes opciones de colocación. La primera opción es insertar directamente la barra de búsqueda en sus publicaciones o páginas. Abra una publicación o página existente o nueva y pegue [barra de búsqueda]. Esto dará como resultado lo siguiente:

    Barra de búsqueda

    Hacer esto tiene algunas desventajas. Como puede ver, la barra de búsqueda aparecerá dentro de un cuerpo de texto. El segundo problema es que debe agregar este código corto a cada publicación y página en la que lo desee. Una mejor alternativa es agregarlo a la barra lateral. Esto asegurará que sea visible en cada página y publicación.

    En el panel de administración de la izquierda, haga clic en Apariencia y seleccione la opción Widgets. La página de widgets le permite personalizar las barras laterales, las barras de pie de página flotantes y otros widgets en su sitio web.

    haz clic en Apariencia y selecciona la opción Widgets.

    Ubique un widget de texto y arrástrelo a su barra lateral. Siéntase libre de arrastrarlo a otro lugar si lo desea en una ubicación diferente. Asigne un nombre a su widget de texto y agregue el código abreviado al cuadro de texto. Haga clic en el botón "Guardar" cuando haya terminado.

    Haga clic en el botón "Guardar" cuando haya terminado.

    La barra de búsqueda ahora aparecerá en su barra lateral o donde haya colocado el widget de texto.

    Barra de búsqueda de la barra lateral

    Felicitaciones, ha agregado con éxito una barra de búsqueda a su sitio web. Esta es, con mucho, la mejor ubicación para ello y aparecerá en todo su sitio web en lugar de en las páginas o publicaciones que tienen el código abreviado. Otras ubicaciones también funcionan. Siempre que pueda insertar el código abreviado, aparecerá.

    Mantenga su contenido fácil de encontrar

    A medida que agrega más contenido, se vuelve cada vez más difícil lograr que se vea todo su contenido. El contenido más antiguo realmente tendrá problemas a medida que pase el tiempo. Agregar funciones como barras de búsqueda o páginas de archivo lo ayudará a mejorar la accesibilidad de su sitio web. Tenga en cuenta que es posible que desee crear una página de redireccionamiento en caso de que la búsqueda de su visitante no arroje nada.

    Actualmente, la barra de búsqueda dará un error 404 si no se encuentra la búsqueda. Agregar una redirección ayudará a mantener a sus visitantes alejados de estos mensajes de error. Recomendaría redirigirlos a la página de archivo para que puedan ver todo el contenido que ofrece su sitio web.

    ¿Qué te parece la barra de búsqueda? ¿Dónde ha colocado la barra de búsqueda en su sitio web?










  • Subir