¿Cómo añadir un código corto en WordPress? (Guía para principiantes)

Los códigos cortos son una forma fácil de añadir contenido dinámico a tus publicaciones, páginas y barras laterales de WordPress.

Muchos plugins y temas de WordPress utilizan códigos abreviados para añadir contenido especializado como formularios de contacto, galerías de imágenes, deslizadores y más.

En este artículo, te mostraremos cómo añadir fácilmente un código corto en WordPress. También te mostraremos cómo crear tus propios atajos personalizados en WordPress.

¿Qué son los códigos cortos?

Los códigos cortos en WordPress son atajos de código que te ayudan a añadir contenido dinámico en los posts, páginas y widgets de la barra lateral de WordPress. Se muestran entre corchetes como este:

[myshortcode]

Para entender mejor los defectos, echemos un vistazo al fondo de por qué fueron añadidos en primer lugar.

WordPress filtra todo el contenido para asegurarse de que nadie utilice los mensajes y el contenido de la página para insertar código malicioso en la base de datos. Esto significa que puedes escribir HTML básico en tus posts, pero no puedes escribir código PHP.

Pero, ¿y si quisieras ejecutar algún código personalizado dentro de tus mensajes para mostrar mensajes relacionados, banners, formularios de contacto, galerías, etc.?

Aquí es donde entra en juego la API de código corto.

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 abreviado, de modo que los usuarios puedan utilizarlo fácilmente sin tener ningún conocimiento de codificación.

Cuando WordPress encuentre el atajo, ejecutará automáticamente el código asociado a él.

Veamos cómo agregar fácilmente los atajos en tus publicaciones y páginas de WordPress.

Añadir un código corto en los mensajes y páginas de WordPress

Primero, necesitas editar el post y la página donde quieres añadir el atajo. Después de eso, necesitas hacer clic en el botón de agregar bloque para insertar un bloque de atajo.

Después de añadir el bloque de atajos, puedes simplemente introducir tu atajo en los ajustes del bloque. El atajo será provisto por varios plugins de WordPress que podrías estar usando como WPForms para los formularios de contacto, OptinMonster para los formularios de marketing por correo electrónico, el botón de llamada WP para insertar un botón de clic para llamar, etc.

Para aprender más sobre el uso de los bloques, vea nuestro tutorial de Gutenberg para más detalles.

Ahora puedes guardar tu publicación o página y previsualizar tus cambios para ver el atajo en acción.

Añadir un código corto en los widgets de la barra lateral de WordPress

También puedes usar los atajos en los widgets de la barra lateral de WordPress. Simplemente visita la página Apariencia " Widgets y añade el widget $0027Texto$0027 a una barra lateral.

Ahora puedes pegar tu atajo dentro del área de texto del widget.

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

Después de eso, puedes visitar tu sitio web de WordPress para ver la vista previa en vivo del atajo en el widget de la barra lateral.

Añadir un código corto en el antiguo editor clásico de WordPress

Si todavía usas el viejo editor clásico de WordPress, entonces aquí tienes cómo puedes añadir atajos a tus publicaciones y páginas de WordPress.

Simplemente edita el mensaje y la página donde quieres añadir el código corto. Puedes pegar el código corto en cualquier lugar dentro del editor de contenido donde quieras que se muestre. Sólo asegúrate de que el atajo esté en su propia línea.

No te olvides de guardar tus cambios. Después de eso, puedes ver una vista previa de tu publicación y página para ver el atajo en acción.

Cómo añadir un código corto en los archivos de temas de WordPress

Los códigos cortos están pensados para ser usados dentro de los posts, páginas y widgets de WordPress. Sin embargo, a veces puede que quieras usar un código corto dentro de un archivo de tema de WordPress.

WordPress lo hace fácil, pero tendrás que editar tus archivos de temas de WordPress. Si no lo has hecho antes, entonces consulta nuestra guía sobre cómo copiar y pegar código en WordPress.

Básicamente, puedes añadir un código abreviado a cualquier plantilla de tema de WordPress simplemente añadiendo el siguiente código.

1

WordPress buscará ahora el código corto y mostrará su resultado en su plantilla de temas.

Cómo crear tu propio código corto personalizado en WordPress

Los códigos cortos pueden ser muy útiles cuando se quiere añadir contenido dinámico o código personalizado dentro de la publicación y páginas de WordPress. Sin embargo, si quieres crear un código corto personalizado, entonces requiere algo de experiencia en codificación.

Si te sientes cómodo escribiendo código PHP, aquí tienes un ejemplo de código que puedes usar como plantilla.

1234567891011// función que se ejecuta cuando el código corto se llamafunctionwpb_demo_shortcode() { // Cosas que quieres hacer. $message= $0027¡Hola mundo!$0027; // La salida debe ser return return$message;} // registrar shortcodeadd_shortcode($0027saludo$0027, $0027wpb_demo_shortcode$0027);

En este código, primero creamos una función que ejecuta algún código y devuelve la salida. Después de eso, creamos un nuevo atajo llamado "saludo" y le dijimos a WordPress que ejecutara la función que habíamos creado.

Ahora puedes usar añadir este atajo a tus mensajes, páginas y widgets usando el siguiente código:

[saludo]

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

Ahora veamos un uso más práctico de un atajo. En este ejemplo, mostraremos un banner de Google AdSense dentro de un atajo.

123456789101112131415161718192021// La función de atajofunctionwpb_demo_shortcode_2() { // Código de publicidad pegado dentro de una variable$string.= $0027"//pagead2.googlesyndication.com/pagead/js/adsbygoogle. js"> data-ad-format="fluid" data-ad-layout="in-article" data-ad-client="ca-pub-0123456789101112" data-ad-slot="9876543210"> (adsbygoogle = window. adsbygoogle || []).push({});$0027; // Código del anuncio returnedreturn$string; }// Registro shortcodeadd_shortcode($0027my_ad_code$0027, $0027wpb_demo_shortcode_2$0027);

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

Ahora puedes usar el atajo [my_ad_code] dentro de tus publicaciones, páginas y widgets de WordPress. WordPress ejecutará automáticamente la función asociada con el atajo y mostrará el código de publicidad.

Códigos cortos vs Bloques de Gutenberg

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

Básicamente, si encuentras útiles los atajos, entonces te encantarán los bloques de edición de WordPress. Los bloques te permiten hacer lo mismo pero de una manera más fácil de usar.

En lugar de exigir a los usuarios que añadan un código abreviado para mostrar el contenido dinámico, los bloques permiten a los usuarios añadir contenido dinámico dentro de los mensajes/páginas con una interfaz de usuario más intuitiva. Muchos plugins populares de WordPress están cambiando a usar los bloques de Gutenberg en lugar de los atajos porque son más fáciles de usar para los principiantes.

Hemos reunido una lista de los plugins de bloque de Gutenberg más útiles para WordPress que puedes probar.

Si quieres crear tus propios bloques de Gutenberg personalizados, puedes 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 añadir un código corto en WordPress. También puede que quieras ver nuestra guía sobre los mejores plugins de construcción de páginas de WordPress para arrastrar y soltar, y sobre cómo crear un tema personalizado para WordPress sin escribir ningún código.

Si te gustó este artículo, suscríbete a nuestro canal de YouTube para ver los video tutoriales de WordPress. También puedes encontrarnos en Twitter y Facebook.

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Subir