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

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


Los códigos abreviados de WordPress son pequeñas etiquetas que se utilizan como accesos directos para ejecutar funciones específicas en publicaciones y páginas. Puede reconocer los códigos cortos entre corchetes que rodean una palabra o frase simple. Se presentaron en la versión 2.5 con la misión de ayudar a las personas a ejecutar funciones de la manera más fácil..

Como ya sabrás, WordPress usa lenguaje de programación PHP para encenderse. Entonces, cuando desee agregar una característica específica directamente a publicaciones y páginas, deberá escribir el código en el editor de texto. En cambio, los códigos cortos permiten a los usuarios reemplazar todo el bloque de código con un término simple y ejecutarlo simplemente publicando una publicación. Increíble, ¿no es así??

En esta guía, puedes aprender:

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

Lectura recomendada: Cursos de WordPress por Udemy

Cómo usar los códigos cortos de WordPress

Shortcodes en texto y editores visuales

Para usar códigos cortos, uno no tiene que saber codificar o comprender cómo funcionan en el backend. WordPress en sí, así como la mayoría de los temas y complementos de WordPRess, usan diferentes códigos cortos para permitir el uso de muchas funciones avanzadas.

Por ejemplo, para mostrar toda la galería de imágenes, solo tiene que usar [galería] shortcode que viene instalado con WordPress. La mayoría de los códigos cortos se pueden usar en su forma básica como en el ejemplo anterior.

Los códigos abreviados se reemplazan por el contenido real tan pronto como publique u obtenga una vista previa de una publicación o página.

Parámetros de shortcode

Más a menudo que no, los códigos cortos pueden tener parámetros adicionales. Al agregarles información adicional, puede personalizar y cambiar la salida. Por ejemplo, si bien el shortcode trivial [galería] muestra todas las imágenes adjuntas a la publicación, es posible cambiar eso. El código corto de la galería le permite especificar imágenes por su ID para que pueda mostrar solo las imágenes específicas o incluso incluir imágenes que no son parte de esa publicación en particular.

Además, es posible definir un tamaño de la galería y muchas otras cosas al proporcionar parámetros adicionales. Aquí hay un ejemplo:

La galería de este ejemplo solo mostraría imágenes con números de identificación específicos. En este caso, el tamaño se cambiaría automáticamente a mediano. Y obtienes todo eso con un simple shortcode. Ahora imagine cómo se vería todo si estuviera a punto de agregar manualmente el código PHP que tendría decenas, si no cientos de líneas. Gracias, shortcodes!

Etiquetas de inicio y fin

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

Por ejemplo, un complemento de Google Maps puede permitirle mostrar una ubicación en los mapas a través del código corto. La mayoría de estos complementos tendrán etiquetas de inicio y fin, mientras que la dirección debe escribirse en el medio. Aquí hay un ejemplo:

[[mapas]] Nueva York, EE.UU. [[/ mapas]]

Como puede ver en el ejemplo, la etiqueta final siempre comienza con un signo de barra “/”. Al tener ambas etiquetas, WordPress puede identificar las partes de los códigos cortos más fácilmente.

Trabaja en el editor de texto

Códigos cortos de WordPress

Aunque son solo accesos directos a funciones, los códigos abreviados son criptogramas específicos de WordPress por sí mismos. Entonces, si intenta escribir un código corto en el editor visual, WordPress le mostrará inmediatamente la salida (o solo el marcador de posición) de ese código corto. Si seguiste el ejemplo de la galería y escribiste el shortcode en el editor Visual, verías que WordPress muestra inmediatamente su contenido (mira la primera imagen en 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 cualquier shortcode dado.

Códigos cortos predeterminados de WordPress

Los códigos cortos generalmente se administran por temas y complementos. 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 únicamente del complemento específico y el tema que esté utilizando.

Por ejemplo, un complemento que lo ayuda a mostrar una ubicación en Google Maps puede tener un código corto [[mapas]], uno que muestre formularios de suscripción usará [[formulario]] y así sucesivamente.

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

Pero, WordPress viene con un conjunto de códigos cortos predeterminados que puede usar sin instalar extensiones adicionales. Por defecto, estos son códigos cortos con los que puede trabajar:

  • – incrustar archivos de audio
  • [subtítulo] – ajusta los subtítulos alrededor del contenido
  • [incrustar]: envolver elementos incrustados y establecer sus dimensiones máximas
  • [galería] – muestra la galería de imágenes
  • [lista de reproducción]: muestra una colección de archivos de audio y video
  • – incrustar archivos de video

Escapar códigos cortos (mostrar texto de códigos cortos sin ejecutarlo)

A veces, es posible que desee mostrar texto que representa un código corto en lugar de ejecutarlo. Si trató de agregar un código corto tanto al texto como a los editores visuales, se dio cuenta de que se ejecutó en ambas ocasiones.

Para mostrar el texto de un shortcode, use corchetes dobles: [[Código corto]]

Si desea mostrar un código corto con etiquetas de inicio y fin, use solo el primer y el último paréntesis doble: [[mapas] Nueva York, EE.UU. [/ mapas]]

Al trabajar en el editor de texto, también puede reemplazar los corchetes por sus códigos. Entonces, en lugar de “[” puede usar “[“, y en su lugar “]” usar “]”. Por ejemplo: [shortcode & # 93; mostrará el shortcode también sin ejecutarlo.

Cómo crear un shortcode simple

Cuando escribes artículos en WordPress diariamente, hay ocasiones en las que te repites y tienes que 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 código HTML que escribes constantemente desde cero, deberías considerar escribir un código corto para él.

Y con esta función simple, no tiene que ser un programador o ni siquiera contratará a uno para simplificar las cosas. Siga los siguientes pasos y hágase un shortcode personalizado:

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

No fue tan difícil, ¿verdad??

Ejemplo más avanzado: Agregar shortcode de imagen

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

  1. Ir al archivo functions.php
  2. Pega el siguiente código:
  3. función img_shortcode ($ atts, $ content = null) {
    
    extract (shortcode_atts (
    formación(
    'ancho' => '',
    'height' => '',
    ), $ atts)
    );
    regreso '';
    }
    add_shortcode ('img', 'img_shortcode');
    
    
  4. Editor de texto abierto:

Aquí puedes usar [img ancho = ‘x’ alto = ‘y’] http: // … [/ img] shortcode donde “x” e “y” son números que representan el ancho y la altura en píxeles.

Puede agregar fácilmente otros atributos de imagen si necesita alguno; mira la lista de todos los atributos de imagen en las escuelas W3.

Cómo usar códigos cortos en el widget de texto

Con la versión 4.9 de WordPress que se lanzó el 15 de noviembre de 2017, los códigos cortos funcionan automáticamente en Text Widgets. Pero si todavía usa una versión anterior de WordPress, esta parte del tutorial lo ayudará a obtener el resultado.

Los códigos cortos pueden contener diferentes funcionalidades que puede agregar a su sitio web de WordPress. Ya sea que haya creado uno para usted o venga con un tema o un complemento que acaba de instalar, probablemente usará códigos cortos todo el tiempo. Como realmente puede ahorrar tiempo y beneficiarse de ellos, no hay razón para no usar códigos cortos.

Si acaba de comenzar a construir su sitio web de WordPress, es posible que haya utilizado códigos cortos solo en el editor de publicaciones. Pero, la verdad es que puedes usar shortcodes prácticamente en cualquier lugar.

Por ejemplo, si está utilizando el complemento Google Maps PRO de 5 segundos que le permite crear fácilmente mapas con innumerables alfileres, puede insertar el mapa a través de un código corto directamente en su widget de texto y mostrar su ubicación en la barra lateral en lugar de un solo enviar. Pero si su tema no admite códigos cortos en widgets, deberá habilitar la función usted mismo y eso es lo que vamos a mostrar en este artículo.

Si necesita usar un código corto en sus archivos PHP (por ejemplo, si desea ejecutar el código en su archivo header.php y ejecutar el código corto donde esté el encabezado), puede hacerlo fácilmente envolviendo el código a su alrededor. . Pero si ha intentado usar un shortcode en su widget de texto como en el ejemplo que hemos mencionado anteriormente, terminó decepcionado porque eso simplemente no funciona y el widget muestra el shortcode en su lugar es el contenido. A menos que su tema ya tenga la función registrada, deberá habilitarla usted mismo.

Por lo tanto, si desea poder poner un shortcode en un widget de texto y hacer que se ejecute, no se preocupe; puedes hacerlo en cuestión de segundos:

  1. Funciones abiertas.php
  2. Copie y pegue las siguientes dos líneas:
  3. add_filter ('widget_text', 'shortcode_unautop');
    add_filter ('widget_text', 'do_shortcode');
  4. Guardar cambios

Si bien en realidad es suficiente usar solo la segunda línea que hace que el shortcode funcione, querrá la primera línea para evitar la inserción automática de WordPress del párrafo y las etiquetas de ruptura donde crea inconscientemente saltos de línea formateando el texto en un widget . Por si acaso pones un shortcode en una línea separada, unautop eliminará esas etiquetas de párrafo y el shortcode funcionará como un encanto.

Ahora puedes navegar a Apariencia -> Widgets y arrastre el widget de texto donde quiera que esté. Después de todo esto, cuando escribe un shortcode directamente en su widget de texto (que está registrado en su sitio, por supuesto) se ejecutará tal como se escribió en el Editor de publicaciones.

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

Los códigos cortos están en todas partes

Si recién está comenzando 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 los códigos cortos mediante el uso de una interfaz fácil de usar proporcionada por un complemento. Pero cuando te involucres más con el blog y comiences a usar más complementos, comprenderás el verdadero poder de los códigos cortos.

Usarlos se convertirá en una rutina, y rápidamente te acostumbrarás a escribir corchetes en cada nueva publicación que crees. Tómese unos minutos y use este artículo para aprender los conceptos básicos..

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map