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

Los códigos cortos son una manera fácil de agregar contenido dinámico a las 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, deslizamiento y más. En este artículo, le mostraremos cómo agregar fácilmente un código corto a WordPress. También le mostraremos cómo crear sus propios códigos cortos personalizados en WordPress.

¿Cuáles son los códigos cortos? Los códigos cortos de WordPress son accesos directos para códigos que lo ayudan a agregar contenido dinámico en patillas, páginas y widgets de WordPress. Se muestran en soportes cuadrados de la siguiente manera:
[Mi código corto] Para comprender mejor los códigos cortos, echemos un vistazo a los antecedentes de por qué se agregaron primero. WordPress filtra todo el contenido para garantizar 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 el HTML básico en sus publicaciones, pero no puede escribir el código PHP. Pero si desea ejecutar un cierto código personalizado en sus publicaciones para mostrar publicaciones relacionadas, anuncios de banner, formularios de contacto, galerías, etc.? Aquí viene la API de código corto. 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 conocimiento de codificación.
Cuando WordPress encuentra el código corto, ejecutará automáticamente el código asociado. Veamos cómo agregar fácilmente códigos cortos a sus publicaciones y páginas de WordPress. Agregar un brevemente a las publicaciones y páginas de WordPress, 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 un bloque de código corto. Después de agregar el bloque de código corto, simplemente puede ingresar su código corto en la configuración del bloque. El código corto será proporcionado por varios complementos de WordPress que podría usar, como WPFORMS para formularios de contacto, OptInmonster para formularios de marketing por correo electrónico, el botón de llamada WP para ingresar un botón de clic, 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 los cambios para ver el código corto en acción. Agregar un código corto a los widgets de barra lateral de WordPress también puede usar códigos cortos en los widgets de barra lateral de WordPress. Simplemente acceda a la página de la página »Widgets y agregue el widget” Texto “a una barra lateral. Ahora puede insertar el código corto en el área de texto del widget.

Recuerde hacer clic en el botón “Guardar” para almacenar la configuración del 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 en la barra lateral. Agregar un brevemente al antiguo editor clásico de WordPress Si todavía usa el editor clásico antiguo en WordPress, así es como 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 código corto. Puede pegar el código corto en cualquier lugar del editor de contenido donde desea que se muestre. Solo asegúrese de que Shortcode esté en su propia línea. No olvide guardar sus cambios. Después de eso, puede obtener una vista previa de la publicación y la página para ver el código corto en acción.
Cómo agregar un código corto a los archivos temáticos de WordPress está destinado a usarse en publicaciones, páginas y widgets de WordPress. Sin embargo, a veces es posible que desee usar un código corto en un archivo de tema de WordPress. WordPress lo hace fácilmente, pero deberá editar los archivos temáticos de WordPress. Si no ha hecho esto antes, vea nuestra guía sobre cómo copiar y pegar el código a WordPress. Básicamente, puede agregar un código corto a cualquier plantilla temática de WordPress simplemente agregando el siguiente código.

WordPress ahora buscará el código corto y mostrará el resultado en la plantilla temática.

Cómo crear su propio código corto personalizado en los códigos cortos de WordPress puede ser realmente útil cuando desea agregar contenido dinámico o código personalizado a las publicaciones de WordPress. Sin embargo, si desea crear un corto código personalizado, requiere una experiencia de codificación. Si se siente cómodo escribiendo el código PHP, aquí hay un ejemplo del código que puede usar como plantilla.
// cosas que quieres hacer.
$ Message = ‘¡Hola mundo!’;
// La salida debe ser devolver
devolver $ mensaje;
}
// Registre el código corto
add_shortcode (‘saludo’, ‘wpb_demo_shortcode’);
En este código, primero creamos una función que ejecuta un cierto código y devuelve la salida. Después de eso, creé un nuevo código corto llamado “HI” y le dije a WordPress que ejecutara la función que creé.
Ahora puede usar este código corto en sus publicaciones, páginas y widgets utilizando el siguiente código: [Hola] ejecutará la función que ha creado y mostrará la salida deseada. Ahora echemos un vistazo a un uso más práctico de un código corto. En este ejemplo, mostraremos un banner de Google Adsense en un código corto.
// La función de código corto
Función wpb_demo_shortcode_2 () {
// Código de publicidad pegado dentro de una variable
$ String. = ‘

‘;
// devolución del código de anuncios
devolver $ cadena;
}
// Registre el código corto
add_shortcode (‘my_ad_code’, ‘wpb_demo_shortcode_2’);
Recuerde reemplazar el código de publicidad con su propio código publicitario.
Ahora puede usar el código corto [my_ad_code] en las patillas, páginas y widgets de WordPress. WordPress ejecutará automáticamente la función asociada con el código corto y mostrará el código de publicidad. Los usuarios a menudo le preguntan los códigos cortos vs Gutenberg sobre las diferencias entre el código corto y los nuevos bloques de Gutenberg. Básicamente, si encuentra útiles los códigos cortos, le gustará 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 pedir a los usuarios que agregue un código corto para mostrar contenido dinámico, los bloques permiten a los usuarios agregar contenido dinámico en publicaciones / páginas con una interfaz de usuario más intuitiva. Muchos complementos populares de WordPress van al uso de bloques de Gutenberg en lugar de códigos cortos porque son más amigables para los principiantes.