Cerca

Cómo crear shortcodes en WordPress y trabajar en ellos más fácilmente

Cómo crear códigos cortos de WordPress y trabajar con ellos más fácilmente

Los códigos cortos de WordPress son etiquetas pequeñas que se utilizan como enlaces para ejecutar características específicas en publicaciones y páginas.Puede reconocer códigos cortos con corchetes que encierran una palabra o frase simple.Se introdujeron en la versión 2.5 con la misión de ayudar a las personas a realizar funciones de una manera sencilla.

Como ya sabrás, WordPress utiliza el lenguaje de programación PHP para activarlo.Por lo tanto, cuando desee agregar una característica específica directamente a publicaciones y páginas, debe escribir el código en el editor de texto.En su lugar, los códigos cortos permiten a los usuarios reemplazar todo el bloque de código por un término simple y ejecutarlo simplemente publicando.

En esta guía puede aprender:

  • Cómo usar códigos cortos de WordPress
  • Cómo crear un simple shortcode
  • Cómo usar códigos cortos en widgets de texto

Lectura recomendada: Cursos de Udemy WordPress

Cómo usar códigos cortos de WordPress

Shortcodes en editores de texto y visuales

Para usar códigos cortos, no es necesario saber cómo codificar o entender cómo funcionan en el back-end.WordPress en sí, así como la mayoría de los temas y plugins de WordPRess, utiliza diferentes códigos cortos para permitir el uso de muchas características avanzadas.

Por ejemplo, para ver toda la galería de imágenes, solo tiene que usar el código corto

Esto se instala con WordPress.La mayoría de los shortcodes se pueden utilizar en su forma básica como en el ejemplo anterior.

Los shortcodes se reemplazan por contenido real tan pronto como publique o obtenga una vista previa de una publicación o página.

Parámetros de shortcode

Más a menudo, los códigos cortos pueden tener parámetros adicionales.Al agregarles más información, puede personalizar y editar la salida.Por ejemplo, mientras que el shortcode banal

muestra todas las imágenes adjuntas a la publicación, puede editarla.El shortcode de la Galería le permite especificar imágenes basadas en su ID para que solo pueda mostrar imágenes específicas o incluso incluir imágenes que no formen parte de esa publicación en particular.

Además, puede definir un tamaño de galería y muchas otras cosas proporcionando parámetros adicionales.Este es un ejemplo:[ids galleria = “1,5,7” size = “medium”]

La galería de este ejemplo mostraría solo imágenes con números de ID especificados.En este caso, el tamaño se cambiaría automáticamente en promedio.Y obtienes todo esto con un simple shortcode.Ahora imagina cómo sería todo esto si fueras a agregar manualmente código php que tendría decenas si no cientos de líneas.¡Gracias, códigos cortos!

Etiquetas de inicio y fin

Algunos códigos cortos más complejos pueden tener etiquetas de inicio y fin.Así que en lugar de un shortcode, terminarías con dos con contenido específico en el medio.

Por ejemplo, un complemento de Google Maps podría permitirle ver una ubicación en los mapas a través del código abreviado.La mayoría de estos plugins tendrán etiquetas de inicio y fin, mientras que la dirección debe escribirse entre.Este es un ejemplo:

][[maps] Nueva York, Estado[[/ maps]s Unidos ]

Como se puede ver en el ejemplo, la etiqueta final siempre comienza con una marca de barra "/".Al tener ambas etiquetas, WordPress puede identificar más fácilmente las partes de código corto.

Trabajar en el editor de texto

Códigos cortos de WordPress

Aunque son solo accesos directos a funciones, los códigos cortos son en realidad criptogramas específicos de WordPress por sí solos.Por lo tanto, si intenta escribir un shortcode en el editor visual, WordPress le mostrará inmediatamente la salida (o simplemente el marcador de posición) de ese shortcode.Si siguiera el ejemplo de la galería y escribiera el shortcode en el Editor visual, vería que WordPress muestra inmediatamente su contenido (consulte la primera imagen de esta publicación para ver cómo funciona).

Si desea editar un shortcode y trabajar con sus parámetros, cambie a un editor de texto que le permita ver la estructura de un shortcode determinado.

Códigos cortos predeterminados de WordPress

Los shortcodes generalmente son manejados por temas y plugins.Cada desarrollador puede registrar códigos cortos por su cuenta, por lo que cada uno es diferente.Lo que hace un shortcode, cuáles son sus parámetros y funciones, depende exclusivamente del plugin y tema específico que esté utilizando.

Por ejemplo, un plugin que le ayuda a ver una ubicación en Google Maps podría tener un código abreviado], uno [[maps]que muestra los formularios de registro lo usará ] y así [[form]sucesivamente.

Cada producto es diferente, así que asegúrese de comprobar la descripción y documentación de temas y plugins para obtener más información sobre su uso específico.

Sin embargo, WordPress viene con un conjunto de códigos cortos predefinidos que puede usar sin instalar extensiones adicionales.De forma predeterminada, estos son códigos cortos con los que puede trabajar:

  • – incrusta archivos de audio

  • [didascalia] – envuelve subtítulos alrededor del contenido
  • – envuelve objetos incrustados y establece su tamaño máximo

  • – muestra la galería de imágenes

  • – muestra una colección de archivos de audio y vídeo

  • – incrustar archivos de vídeo

Escapar de los shortcodes (muestra texto de shortcode sin ejecutarlo)

A veces, es posible que desee ver texto que representa un código abreviado en lugar de ejecutarlo.Si intentó agregar un shortcode tanto a los editores de texto como visuales, se dio cuenta de que se había ejecutado en ambas ocasiones.

Para mostrar el texto de un shortcode, utilice paréntesis dobles: [[shortcode]]

Si desea mostrar un shortcode con etiquetas de inicio y fin, utilice solo los primeros y últimos paréntesis dobles:[[maps] Nueva York, EE[/ maps]. UU.]

Al trabajar en el editor de texto, también puede reemplazar corchetes por sus códigos.Así que en lugar de [” puoi usare “& # 91;”, e invece “]"" usar "]".Por ejemplo: [ shortcode &#93 ; también mostrará el shortcode sin ejecutarlo.

Cómo crear un simple shortcode

Cuando escribes artículos en WordPress todos los días, hay momentos en los que repites y cuando necesitas escribir algo una y otra vez.No importa si se trata de una URL del sitio web, una oración larga, o tal vez un pedazo de HTML que escribe constantemente desde cero, usted debe considerar escribir un shortcode para él.

Y con esta sencilla característica, no tienes que ser programador o no contratarás ni uno para hacer las cosas simples para ti.Siga los pasos que se indican a continuación y cree un código personalizado:

    1. Abra el archivo de función.php el menú Apariencia -> Editor
    2. Inserte el código siguiente al final del archivo:
función fsg_shortURL {
devolver "http://www.firstsiteguide.com";
}
add_shortcode ('fsg', 'fsg_shortURL');
  1. Vaya al Editor de texto y escriba par[fsg]a obtener la DIRECCIÓN URL en lugar del shortcode

No fue difícil, ¿verdad?

Ejemplo más avanzado: Añadir shortcode de imagen

Al colocar el código siguiente en Functions.php, puede crear el shortcode para colocar una imagen con atributos personalizados de ancho y alto:

    1. Vaya al archivo De funciones.php
    2. Pegue el siguiente código:
función img_shortcode ($ atts, $ content = null) {

extracto (shortcode_atts (
		Vector(
			'width' => '',
			'altura' => '',
		), $atts)
	);
retorno '';
}
add_shortcode ('img', 'img_shortcode');

  1. Editor de texto abierto:

Aquí puede utilizar[img width = ‘x’ height = ‘y’] http: //… [/ img]shortcodes donde "x" e "y" son números que representan ancho y alto en píxeles.

Puede agregar fácilmente más atributos de imagen si los necesita; comprueba la lista de todos los atributos de imagen en W3 Schools .

Cómo usar códigos cortos en widgets de texto

Con wordpress versión 4.9 que fue lanzado el 15 de noviembre de 2017, los códigos cortos funcionan automáticamente en widgets de texto.Pero si todavía está utilizando una versión anterior de WordPress, esta parte del tutorial le ayudará a obtener el resultado.

Los códigos cortos pueden contener varias características que puede agregar a su sitio web de WordPress.Ya sea que haya creado uno para usted o haya llegado con un tema o plug-in que acaba de instalar, probablemente usará códigos cortos todo el tiempo.Puesto que realmente puede ahorrar tiempo y aprovecharlo, no hay razón para no utilizar shortcodes.

Si acabas de empezar a crear tu sitio web de WordPress, es posible que solo hayas usado códigos cortos en el editor de publicaciones.Pero la verdad es que puedes usar shortcodes prácticamente en cualquier lugar.

Por ejemplo, si estás usando el plugin de Google Maps PRO de 5 segundos que te permite crear mapas fácilmente con innumerables pines en él, es posible que quieras insertar el mapa a través del shortcode directamente en el Widget de texto y mostrar tu ubicación en la barra lateral en lugar de un solo envío.Pero si tu tema no admite códigos cortos en widgets, tendrás que habilitar la función por tu cuenta y eso es lo que mostraremos en este artículo.

Si necesita utilizar un shortcode en sus archivos PHP (por ejemplo, si desea ejecutar el código en su archivo de encabezado.php y ejecutar el shortcode dondequiera que el encabezado esté presente), puede hacerlo fácilmente envolviéndolo.Pero si usted trató de utilizar un shortcode en su widget de texto como en el ejemplo que mencionamos anteriormente, usted estaba decepcionado porque simplemente no funciona y el widget mostró el código corto en lugar de que está contenido.A menos que el tema ya haya registrado la característica, deberá habilitarla usted mismo.

Por lo tanto, si desea ser capaz de insertar un shortcode en un widget de texto y hacer que funcione, no se preocupe; puedes hacerlo realidad en segundos:

    1. Funciones abiertas.php
    2. Copie y pegue las dos líneas siguientes:
add_filter («widget_text», «shortcode_unautop»);
add_filter ('widget_text', 'do_shortcode');
  1. Guarde los cambios

Aunque en realidad es suficiente usar solo la segunda línea que hace que el shortcode funcione, querrás que la primera línea evite insertar automáticamente el párrafo de WordPress y romper etiquetas donde inconscientemente creas saltos de línea formateando texto en un widget.En caso de insertar un shortcode en una línea separada, unautop eliminará esas etiquetas de párrafo y el shortcode funcionará como un hechizo.

Ahora puede acceder a Appearance -> Widgets y arrastrar el Widget de texto al lugar que desee.Después de todo, cuando escribes un shortcode directamente en tu Widget de texto (que está registrado en tu sitio, por supuesto) se ejecutará exactamente como se escribió en el Editor de correos.

Del mismo modo, puede ejecutar código PHP desde su widget de texto.Fue bastante fácil, ¿no?Disfruta de tus códigos cortos.

Los shortcodes están por todas partes

Si estás empezando un blog de WordPress, los códigos cortos pueden parecer redundantes y difíciles de entender.La mayoría de las veces será posible evitar shortcodes utilizando una interfaz fácil de usar proporcionada por un plugin.Pero cuando te involucras más con el blog y cuando empieces a usar varios plugins, entenderás el verdadero poder de los códigos cortos.

Usarlos se convertirá en una rutina y te acostumbrarás rápidamente a escribir corchetes en cada nuevo post que crees.Así que tómese unos minutos y use este artículo para aprender lo básico.

Open

info.ibdi.it@gmail.com

Close