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, etc. En este artículo, le mostraremos cómo agregar fácilmente shortcode en WordPress. También le mostraremos cómo crear sus propios códigos cortos personalizados en WordPress.
¿Qué son los códigos cortos?
Contents
Los códigos cortos en WordPress son atajos de código que lo ayudan a agregar contenido dinámico a las publicaciones, páginas y widgets de la barra lateral de WordPress. Se muestran entre corchetes como este:
[myshortcode]
Para comprender mejor los códigos cortos, echemos un vistazo a por qué se agregaron en primer lugar. WordPress filtra todo el contenido para asegurarse de que nadie esté usando las publicaciones y el 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 artículos, pero no puede escribir código PHP. Pero, ¿qué sucede si desea ejecutar un código personalizado en sus publicaciones para mostrar publicaciones relacionadas, anuncios publicitarios, formularios de contacto, galerías, etc.? Aquí es donde entra en juego el código corto de la API. Básicamente, permite a los desarrolladores agregar su código a 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 encuentra el shortcode, ejecuta automáticamente el código asociado a él. 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 código corto. Después de eso, debe hacer clic en el botón Agregar bloque para insertar el bloque de código corto.
Después de agregar el bloque de código corto, puede ingresar su código corto en la configuración del bloque. El código abreviado lo proporcionarán varios complementos de WordPress que puede usar, como WPForms para formularios de contacto, OptinMonster para formularios de marketing por correo electrónico, botón WP Call para insertar un botón Click to call, etc.
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 código abreviado en acción.
Agregar un código corto en los widgets de la barra lateral de WordPress
También puede usar códigos cortos en los widgets de la barra lateral de WordPress. Solo visita el Apariencia »Widgets página y agregue el widget «Texto» a una barra lateral. Ahora puede pegar su código corto en el cuadro de texto del widget.
No olvide hacer clic en el botón «Guardar» para guardar la configuración de su widget. Después de eso, puede visitar su sitio web de WordPress para ver la vista previa en vivo del código corto 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 de WordPress, aquí le mostramos cómo 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 código corto. Puede pegar el código abreviado en cualquier lugar del editor de contenido donde desee que se muestre. Solo asegúrese de que el código abreviado esté en su propia línea.
No olvide guardar sus cambios. Después de eso, puede obtener una vista previa de su publicación y página para ver el código corto en acción.
Cómo agregar shortcode en archivos de tema de WordPress
Los códigos cortos están pensados para su uso en publicaciones, páginas y widgets de WordPress. Sin embargo, a veces querrá utilizar un código corto en un archivo de tema de WordPress. WordPress lo hace fácil, pero necesitará editar sus archivos de tema de WordPress. Si no lo ha hecho 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.
WordPress ahora buscará el código corto y mostrará su salida en su plantilla de tema.
Cómo crear su propio shortcode personalizado en WordPress
Los códigos cortos pueden ser realmente útiles cuando desea agregar contenido dinámico o código personalizado en publicaciones y páginas de WordPress. Sin embargo, si desea crear un código abreviado personalizado, requiere cierta 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 al shortcode function wpb_demo_shortcode () {// Qué quieres hacer. $ mensaje = «¡Hola a todos!»; // La salida debe ser return return $ mensaje; } // guarda el shortcode add_shortcode (‘saludo’, ‘wpb_demo_shortcode’); En este código, primero creamos una función que ejecuta código y devuelve el resultado. Después de eso, creamos un nuevo código corto llamado « saludo » y le dijimos a WordPress que ejecutara la función que creamos. Ahora puede agregar este código corto a sus publicaciones, páginas y widgets usando el siguiente código:
[greeting]
Ejecutará la función que creó y mostrará la salida deseada. Ahora veamos un uso más práctico de un shortcode. En este ejemplo, mostraremos un banner de Google AdSense en un código corto. // La función del shortcode wpb_demo_shortcode_2 () {// Código de anuncio pegado en una variable $ string. = »; // El código del anuncio devuelto return $ string; } // Guarde el shortcode add_shortcode (‘my_ad_code’, ‘wpb_demo_shortcode_2’); Recuerde reemplazar el código de anuncio con su propio código de anuncio. Ahora puede usar el [my_ad_code] código abreviado en las publicaciones, páginas y widgets de la barra lateral de WordPress. WordPress realizará automáticamente la función asociada con el código corto y mostrará el código del anuncio.
Códigos cortos vs bloques de Gutenberg
Los usuarios a menudo nos preguntan sobre las diferencias entre el código corto 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 le permiten hacer lo mismo pero de una manera más fácil de usar. En lugar de obligar a los usuarios a agregar códigos cortos 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 al uso de bloques de Gutenberg en lugar de códigos cortos porque son más amigables para los principiantes. Hemos reunido una lista de los complementos de bloques de Gutenberg más útiles para WordPress que quizás desee probar. Si desea crear sus propios bloques Gutenberg personalizados, puede seguir nuestro tutorial paso a paso sobre cómo crear bloques Gutenberg personalizados en WordPress. Esperamos que este artículo le haya ayudado a aprender cómo agregar shortcode en WordPress. También puede consultar nuestra guía sobre los mejores complementos de creación de páginas de WordPress de arrastrar y soltar, y cómo crear un tema personalizado de WordPress sin escribir ningún código. Si le gustó este artículo, suscríbase a nuestro canal de YouTube para ver tutoriales en video de WordPress. También puede encontrarnos en Twitter y Facebook.