Muchos WordPress plugins y los temas 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.
¿Qué son los códigos cortos?
Los códigos cortos en WordPress son atajos 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 como este:
[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é pasaría si quisiera ejecutar algún 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 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 shortcode, por lo que los usuarios pueden usarlo fácilmente sin tener ningún conocimiento de codificación.
Cuando WordPress encuentra el shortcode ejecutará 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 shortcode. Después de eso, debe hacer clic en el botón Agregar bloque para insertar un shortcode cuadra.
Después de agregar el shortcode bloquear, simplemente puede ingresar su shortcode en la configuración del bloque. La shortcode será proporcionado por varios WordPress plugins que podrías estar usando como WPForms para formularios de contacto, OptinMonster para formularios de marketing por correo electrónico, Botón de llamada de WP para insertar un botón de clic para llamar, 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 la shortcode en acción.
Agregar un código corto en los widgets de la barra lateral de WordPress
También puede utilizar 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 puedes pegar tu shortcode dentro del área de texto del widget.
No olvide hacer clic en el botón «Guardar» para almacenar 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 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í le mostramos 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. Puedes pegar el shortcode en cualquier lugar dentro del editor de contenido donde desee que se muestre. Solo asegúrate de shortcode 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 shortcode en acción.
Cómo agregar un código corto en archivos de tema de WordPress
Los códigos cortos están diseñados para usarse dentro de publicaciones, páginas y widgets de WordPress. Sin embargo, a veces es posible que desee utilizar un shortcode dentro de un archivo de tema de WordPress.
WordPress facilita hacerlo, pero deberá editar los archivos de su 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 shortcode 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 su propio código corto personalizado en WordPress
Los códigos cortos pueden ser realmente útiles cuando desea agregar contenido dinámico o código personalizado dentro de la publicación y las páginas de WordPress. Sin embargo, si desea crear un shortcode, 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.
// function that runs when shortcode is called
function wpb_demo_shortcode() {
// Things that you want to do.
$message="Hello world!";
// Output needs to be return
return $message;
}
// register shortcode
add_shortcode('greeting', 'wpb_demo_shortcode');
En este código, primero creamos una función que ejecuta algún código y devuelve el resultado. Después de eso, creamos un nuevo shortcode llamado ‘saludo’ y le dijo a WordPress que ejecutara la función que creamos.
Ahora puede usar agregar esto shortcode 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 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 shortcode.
// The shortcode function
function wpb_demo_shortcode_2() {
// Advertisement code pasted inside a variable
$string .= '<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<ins class="adsbygoogle"
style="display:block; text-align:center;"
data-ad-format="fluid"
data-ad-layout="in-article"
data-ad-client="ca-pub-0123456789101112"
data-ad-slot="9876543210"></ins>
<script>
</script>';
// Ad code returned
return $string;
}
// Register shortcode
add_shortcode('my_ad_code', 'wpb_demo_shortcode_2');
No olvide reemplazar el código de anuncio con su propio código de anuncio.
Ahora puede usar el [my_ad_code] shortcode dentro de sus publicaciones, páginas y widgets de barra lateral de WordPress. WordPress ejecutará automáticamente la función asociada con el shortcode y mostrar el código de publicidad.
Códigos cortos vs bloques de Gutenberg
Los usuarios nos preguntan a menudo sobre las diferencias entre shortcode vs los nuevos bloques de Gutenberg.
Básicamente, si encuentra útiles los códigos cortos, entonces 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 solicitar a los usuarios que agreguen un shortcode 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 WordPress populares plugins están cambiando a usar bloques de Gutenberg en lugar de códigos cortos porque son más amigables para los principiantes.
Hemos elaborado una lista de los bloques de Gutenberg más útiles. plugins para WordPress que quizás quieras 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 a agregar un shortcode en WordPress. Es posible que también desee ver nuestra guía sobre el mejor creador de páginas de WordPress de arrastrar y soltar pluginsy cómo crear un tema de WordPress personalizado sin escribir ningún código.
Si le gustó este artículo, suscríbase a nuestro Canal de Youtube . También puedes encontrarnos en Twitter y Facebook.
.
Fuente: wpbeginner