¿Cómo agregar un shortcode en WordPress? (Guía para principiantes)

Los códigos cortos son una manera fácil de agregar contenido dinámico a sus publicaciones, páginas y barras laterales de WordPress.


Muchos complementos y temas de WordPress usan códigos cortos para agregar contenido especializado como formularios de contacto, galerías de imágenes, controles deslizantes y más.

En este artículo, le mostraremos cómo agregar fácilmente un shortcode en WordPress. También le mostraremos cómo crear sus propios códigos cortos personalizados en WordPress.

Agregar un shortcode en WordPress

¿Qué son los códigos cortos??

Los códigos cortos en WordPress son accesos directos de código que lo ayudan a agregar contenido dinámico en publicaciones, páginas y widgets de barra lateral de WordPress. Se muestran entre corchetes así:

[myshortcode]

Para comprender mejor los códigos cortos, echemos un vistazo a los antecedentes de por qué se agregaron en primer lugar.

WordPress filtra todo el contenido para asegurarse de que nadie use publicaciones y contenido de la página para insertar código malicioso en la base de datos. Esto significa que puede escribir HTML básico en sus publicaciones, pero no puede escribir código PHP.

Pero, ¿qué sucede si desea ejecutar un código personalizado dentro de sus publicaciones para mostrar publicaciones relacionadas, anuncios publicitarios, formularios de contacto, galerías, etc.?

Aquí es donde entra en juego Shortcode API.

Básicamente, permite a los desarrolladores agregar su código dentro de una función y luego registrar esa función con WordPress como un código corto, para que los usuarios puedan usarlo fácilmente sin tener ningún conocimiento de codificación.

Cuando WordPress encuentre el shortcode, ejecutará automáticamente el código asociado..

Veamos cómo agregar fácilmente códigos cortos en sus publicaciones y páginas de WordPress.

Agregar un código corto en publicaciones y páginas de WordPress

Primero, debe editar la publicación y la página donde desea agregar el shortcode. Después de eso, debe hacer clic en el botón Agregar bloque para insertar un bloque de código corto.

Agregar bloque de shortcode en WordPress

Después de agregar el bloque de shortcode, simplemente puede ingresar su shortcode en la configuración del bloque. El shortcode será proporcionado por varios complementos de WordPress que podría estar utilizando, como WPForms para formularios de contacto, OptinMonster para formularios de marketing por correo electrónico, botón WP Call para insertar un botón de clic para llamar, etc..

Insertar shortcode en el editor de bloques

Para obtener más información sobre el uso de bloques, consulte nuestro tutorial de Gutenberg para obtener más detalles..

Ahora puede guardar su publicación o página y obtener una vista previa de sus cambios para ver el shortcode en acción.

Agregar un código corto en los widgets de barra lateral de WordPress

También puede usar códigos cortos en los widgets de la barra lateral de WordPress. Simplemente visite el Apariencia »Widgets página y agregue el widget “Texto” a una barra lateral.

Ahora puede pegar su shortcode dentro del área de texto del widget.

Agregar shortcode en el widget de la barra lateral

No olvides hacer clic en el botón “Guardar” para almacenar la configuración de tu widget.

Después de eso, puede visitar su sitio web de WordPress para ver la vista previa en vivo del shortcode en el widget de la barra lateral.

Agregar un código corto en el antiguo editor clásico de WordPress

Si todavía está utilizando el antiguo editor clásico en WordPress, aquí es cómo puede agregar códigos cortos a sus publicaciones y páginas de WordPress.

Simplemente edite la publicación y la página donde desea agregar el shortcode. Puede pegar el shortcode en cualquier lugar dentro del editor de contenido donde desea que se muestre. Solo asegúrese de que el shortcode esté en su propia línea.

Editor clásico de shortcode

No olvides guardar tus cambios. Después de eso, puede obtener una vista previa de su publicación y página para ver el shortcode en acción.

Cómo agregar un shortcode en archivos de tema de WordPress

Los códigos cortos están destinados a usarse dentro de publicaciones, páginas y widgets de WordPress. Sin embargo, a veces es posible que desee utilizar un código corto dentro de un archivo de tema de WordPress.

WordPress facilita hacer eso, pero necesitará editar sus archivos de tema de WordPress. Si no ha hecho esto antes, consulte nuestra guía sobre cómo copiar y pegar código en WordPress.

Básicamente, puede agregar un código corto a cualquier plantilla de tema de WordPress simplemente agregando el siguiente código.

<?php echo do_shortcode ("[your_shortcode]"); ?>

WordPress ahora buscará el shortcode y mostrará su salida en su plantilla de tema.

Cómo crear tu propio shortcode personalizado en WordPress

Los códigos cortos pueden ser realmente útiles cuando desea agregar contenido dinámico o código personalizado dentro de las publicaciones y páginas de WordPress. Sin embargo, si desea crear un shortcode personalizado, entonces requiere algo de experiencia en codificación.

Si se siente cómodo escribiendo código PHP, aquí hay un código de muestra que puede usar como plantilla.

// función que se ejecuta cuando se llama shortcode
función wpb_demo_shortcode () {

// Cosas que quieres hacer.
$ mensaje = ‘¡Hola mundo!’;

// La salida debe ser devuelta
devolver $ mensaje;
}
// registrar shortcode
add_shortcode (‘saludo’, ‘wpb_demo_shortcode’);

En este código, primero creamos una función que ejecuta un código y devuelve la salida. Después de eso, creamos un nuevo shortcode llamado “saludo” y le dijimos a WordPress que ejecutara la función que creamos.

Ahora puede usar agregar este shortcode a sus publicaciones, páginas y widgets con el siguiente código:

[saludo]

Ejecutará la función que creó y mostrará la salida deseada.

Ahora echemos un vistazo a un uso más práctico de un shortcode. En este ejemplo, mostraremos un banner de Google AdSense dentro de un código corto.

// La función shortcode
función wpb_demo_shortcode_2 () {

// Código de anuncio pegado dentro de una variable
$ string. = ‘

(adsbygoogle = window.adsbygoogle || []). push ({});
‘;

// Código de anuncio devuelto
devuelve $ string;

}
// Registrar shortcode
add_shortcode (‘my_ad_code’, ‘wpb_demo_shortcode_2’);

No olvides reemplazar el código de anuncio con tu propio código de anuncio.

Ahora puede usar el código corto [my_ad_code] dentro de sus publicaciones, páginas y widgets de la barra lateral de WordPress. WordPress ejecutará automáticamente la función asociada con el shortcode y mostrará el código publicitario.

Shortcodes vs Gutenberg Blocks

Los usuarios a menudo nos preguntan sobre las diferencias entre shortcode y los nuevos bloques de Gutenberg.

Básicamente, si encuentra útiles los códigos cortos, le encantarán los bloques del editor de WordPress. Los bloques te permiten hacer lo mismo pero de una manera más fácil de usar.

En lugar de requerir que los usuarios agreguen un código corto para mostrar contenido dinámico, los bloques permiten a los usuarios agregar contenido dinámico dentro de publicaciones / páginas con una interfaz de usuario más intuitiva. Muchos complementos populares de WordPress están cambiando a usar bloques Gutenberg en lugar de códigos cortos porque son más amigables para principiantes.

Hemos reunido una lista de los complementos de bloque de Gutenberg más útiles para WordPress que es posible que desee probar.

Si desea crear sus propios bloques de Gutenberg personalizados, puede seguir nuestro tutorial paso a paso sobre cómo crear bloques de Gutenberg personalizados en WordPress.

Esperamos que este artículo te haya ayudado a aprender cómo agregar un shortcode en WordPress. Es posible que también desee ver nuestra guía sobre el mejor arrastre & suelte los complementos del creador de páginas de WordPress y cómo crear un tema personalizado de WordPress sin escribir ningún código.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map