Cómo usar códigos cortos en los widgets de la barra lateral de WordPress

¿Le gustaría aprender a usar códigos abreviados en sus widgets de la barra lateral de WordPress?

El bloque de shortcode le permite agregar shortcodes a cualquier página o publicación. Sin embargo, si desea usar el mismo código en todo su sitio, puede ser más fácil agregarlo a un módulo ejecutable en la barra lateral.

En este artículo, le mostraremos cómo usar códigos cortos en la barra lateral de WordPress.

Los códigos cortos le permiten agregar contenido y funcionalidad avanzados a su sitio web, incluidos formularios de contacto, tablas, citas aleatorias y más. WordPress tiene varios códigos cortos incorporados, pero algunos complementos también agregan sus propios códigos cortos.

Puede agregar códigos abreviados a cualquier página o publicación utilizando el editor de WordPress y el bloque de código abreviado incorporado. Sin embargo, si desea utilizar un código abreviado en todo su sitio, a menudo tiene sentido agregarlo a la barra lateral.

Por ejemplo, puede mostrar fotos de Instagram en la barra lateral de WordPress usando un código abreviado proporcionado por Aplastar globo Instagram Feed.

Este contenido luego se muestra en su sitio de WordPress, por lo que no tiene que agregarlo a cada página y publicarlo manualmente. Esto puede ahorrarle mucho tiempo y esfuerzo y ayuda a garantizar que el diseño de su sitio se mantenga consistente.

Con eso en mente, veamos algunas formas diferentes de agregar y usar códigos abreviados en los widgets de la barra lateral de WordPress. Simplemente use los enlaces rápidos a continuación para ir directamente al método que desea usar.

La mayoría de los temas de WordPress gratuitos y de pago vienen con barras laterales habilitadas para widgets. Con eso en mente, a menudo puede simplemente agregar un widget de código abreviado a la barra lateral de su sitio.

Primero ve a Apariencia » Widgets en tu tablero. Aquí puede ver todas las diferentes áreas donde puede agregar widgets en WordPress, incluida la barra lateral.

Simplemente haga clic en el botón "+" y comience a ingresar el "Código corto".

Cuando vea el bloque correcto, arrástrelo a la barra lateral de WordPress.

Ahora puede agregar su shortcode al bloque.

Cuando haya terminado, asegúrese de hacer clic en "Actualizar" para aplicar los cambios.

Ahora puede visitar su blog o sitio web de WordPress para ver el shortcode en acción.

Si está utilizando un tema de bloque, puede agregar un código abreviado a la barra lateral usando el editor de sitio completo. En su tablero de WordPress, vaya a objetos » editor.

Esto abrirá el editor de sitio completo con una de las plantillas de temas ya seleccionadas.

Si desea agregar un shortcode a otra plantilla, haga clic en la flecha en la barra de herramientas y seleccione "Ver todas las plantillas".

Ahora verá todas las diferentes plantillas que componen su tema.

Simplemente busque la plantilla a la que desea agregar el código abreviado y haga clic en ella.

Luego haga clic en el botón "+" y comience a escribir "Código corto".

Cuando vea el widget correcto, simplemente arrástrelo a la barra lateral del tema.

Ahora puede agregar su shortcode al widget. Cuando esté satisfecho con sus cambios, haga clic en "Guardar" para activar el código abreviado.

A veces, es posible que desee mostrar otro contenido junto con el código abreviado. Por ejemplo, RifaPrensa Puedes agregar un concurso o un sorteo a tu barra lateral con un shortcode. Para llamar aún más la atención sobre la competencia, puede mostrar un título sobre la competencia.

En lugar de crear códigos abreviados y bloques de título separados, simplemente puede agregar el código abreviado y el texto a un bloque HTML personalizado. Esto le ayuda a clasificar los diferentes contenido en un diseño agradable. También puede formatear el bloque con HTML para que pueda controlar exactamente cómo se ve en la barra lateral.

El bloque HTML personalizado no admite códigos abreviados de forma predeterminada, pero puede cambiarlo fácilmente agregando un código personalizado a WordPress. Una vez que agregue este código, puede usar códigos abreviados en cualquier bloque HTML personalizado en su sitio web de WordPress.

A menudo encontrará guías con instrucciones sobre cómo agregar código personalizado al archivo functions.php de su sitio. Sin embargo, esto no se recomienda ya que los errores en el código pueden causar errores comunes de WordPress o incluso romper su sitio por completo.

aquí es donde Código WP Iniciar sesión.

Este complemento gratuito facilita la adición de CSS, PHP, HTML y más personalizados a WordPress sin comprometer su sitio. Aún mejor, viene con una biblioteca de fragmentos listos para usar, incluido el código que le permite usar códigos cortos en widgets de texto.

Para comenzar, debe instalar y activar WPCode. Para obtener más información, consulte nuestra guía paso a paso para instalar un complemento de WordPress.

Luego ve a Fragmentos de código » Añadir fragmento en el tablero de WordPress. Ahora puede comenzar a ingresar el "Código corto".

Cuando aparezca, desplace el cursor sobre el siguiente fragmento: "Habilitar la ejecución de código abreviado en widgets de texto".

Luego puede hacer clic en "Usar fragmento".

Esto abrirá el fragmento en el editor WPCode. WPCode configura la configuración del fragmento de código por usted, por lo que puede hacer clic en el botón "Inactivo" para que se vuelva azul.

Luego haga clic en "Actualizar" para activar el fragmento.

Ahora puede agregar un código abreviado a cualquier widget de texto.

solo ve a Apariencia » Widgets y escriba "HTML personalizado" en la barra de búsqueda.

Cuando aparezca el bloque derecho, arrástrelo a la barra lateral de su sitio.

Cuando haya terminado, puede agregar su código HTML y shortcode al bloque.

Si está satisfecho con la configuración del widget, haga clic en Actualizar.

Ahora, cuando visite su sitio web, verá el código abreviado y el HTML personalizado en vivo.

Preguntas frecuentes: uso de códigos cortos en los widgets de la barra lateral de WordPress

No importa qué tema use, debería poder agregar códigos cortos a la barra lateral usando uno de los métodos anteriores. Sin embargo, si necesita ayuda adicional, aquí hay algunas preguntas frecuentes sobre cómo agregar códigos cortos a su barra lateral.

¿Cómo cambio dónde se muestra el widget de la barra lateral?

La posición de la barra lateral está controlada por su tema de WordPress. Si no está satisfecho con la posición de la barra lateral, puede cambiarla a través de la configuración del tema.

Muchos de los mejores temas de WordPress te permiten elegir entre diferentes diseños. Esto a menudo implica mostrar la barra lateral en diferentes lados de la pantalla.

Para ver si su tema tiene diferentes diseños de barra lateral, vaya a Ver » Configuración en el tablero de WordPress. Aquí, busque la configuración etiquetada como "Barra lateral" o algo similar.

Simplemente haga clic en esta opción y busque configuraciones que le permitan cambiar el lugar donde aparece la barra lateral de su sitio.

Por ejemplo, la siguiente imagen muestra la configuración de la barra lateral en el tema Astra WordPress.

Después de realizar los cambios, haga clic en el botón Publicar para publicar el nuevo diseño de la barra lateral.

Si no puede cambiar la posición de la barra lateral usando la configuración integrada, hay otra forma de crear un tema secundario de WordPress.

¿Cómo agrego una barra lateral a mi tema de WordPress?

Si su tema no tiene una barra lateral, puede crear un tema secundario y luego agregar una barra lateral usando código.

Si es nuevo en la escritura de código, también puede usar un complemento como este para crear un tema personalizado de WordPress Producto de semilla. Este popular complemento de creación de páginas le permite diseñar su propio tema y barra lateral con un simple editor de arrastrar y soltar.

Para obtener instrucciones paso a paso, consulte nuestra guía para crear un tema de WordPress personalizado sin código.

¿Cómo uso un shortcode diferente para cada publicación o página?

A veces, es posible que desee utilizar códigos abreviados diferentes para algunas de sus publicaciones y páginas. Por ejemplo, es posible que desee mostrar las publicaciones más populares en su página de archivo y publicar anuncios en su página de inicio.

Para obtener más información, consulte nuestra guía para mostrar diferentes barras laterales para cada publicación y página de WordPress.

Esperamos que este artículo le haya ayudado a aprender cómo agregar fácilmente códigos abreviados a sus widgets de la barra lateral de WordPress. También puede consultar nuestra guía para crear una página de destino con WordPress o nuestra selección experta de los mejores complementos de redes sociales.

Si te ha gustado este artículo, suscríbete al nuestro. canal de Youtube para tutoriales en vídeo de WordPress. También puedes encontrarnos en Closermarketing.es Y Facebook.