¿Qué son los códigos cortos en WordPress?
WordPress es uno de los CMS más accesibles del mercado, lo que le ha llevado a ser también la opción más popular. Si bien nunca tiene que escribir líneas completas de código, puede haber ocasiones en las que necesite usar códigos abreviados en WordPress.
La buena noticia es que los códigos abreviados son muy fáciles de usar y, en la mayoría de los casos, solo son líneas de código que debe copiar y pegar en un bloque de código abreviado. Así es, realmente no tienes que entender cómo funciona el código, solo necesitas saber qué hace y decidir la ubicación.
Hoy explicaré qué son los shortcodes y cómo usarlos en WordPress.
¿Qué es un código corto?
Un shortcode es una línea corta de código rodeada de corchetes que agrega una característica específica a WordPress. El código completo se encuentra en el backend de su sitio web, y el código abreviado es lo que activa su activación.
Por lo tanto, en lugar de tener que agregar varias líneas de algo como HTML, PHP o CSS a cada publicación o página en la que desea usarlo, simplemente necesita agregar una línea, luego WordPress puede cargar el código completo.
Ahora puede que se pregunte cómo llega allí el código completo. Bueno, hay tres maneras. La primera es que la mayoría de los temas tienen una selección de códigos abreviados predeterminados que están presentes, y muchos de ellos son exclusivos del tema.
El segundo método es que un complemento agregará el código durante la instalación. En algunos casos, eso es todo lo que realmente hará un complemento.
Y, por último, es posible escribir manualmente el código usted mismo, pero esto es para usuarios con conocimientos de codificación.
La buena noticia es que la mayoría de los temas y complementos tienen una lista completa de códigos cortos que puede usar en sus respectivas páginas. Por lo tanto, el 99% del tiempo, solo está copiando y pegando los códigos cortos que desea usar en WordPress.
Dicho esto, algunos códigos abreviados pueden y deben personalizarse, pero a menudo hay ejemplos para ayudarlo.
¿Cuáles son los códigos cortos predeterminados en WordPress?
La instalación base de WordPress viene con una variedad de códigos cortos listos para usar después de la instalación. Algunos temas tienen más opciones, pero solo enumeraré las opciones predeterminadas y lo que hacen.
- [título] [/título] : permite a los usuarios insertar títulos alrededor del contenido deseado.
- : permite a los usuarios agregar una galería de imágenes.
- : los usuarios pueden incrustar un archivo de audio directamente en una publicación o página.
- : los usuarios pueden incrustar un archivo de video directamente en una publicación o página.
- [lista de reproducción] [/lista de reproducción] : permite a los usuarios crear una lista de reproducción para contenido de video y audio.
- [ incrustar ] [ /incrustar ] : los usuarios pueden personalizar las dimensiones del contenido incrustado, como videos, imágenes o audio.
Es posible que ya haya notado que todos estos códigos abreviados predeterminados también tienen un bloque predeterminado que es mucho más común. Dicho esto, estos son un excelente punto de partida cuando desea aprender cómo funcionan los códigos cortos en WordPress.
WordPress incluso proporciona páginas dedicadas para explicar cómo funciona cada uno de estos códigos abreviados, cómo personalizar el código abreviado y múltiples ejemplos. Puedes encontrar todo eso en el Codex de WordPress .
Nota: si desea saber cómo usar un shortcode específico para un complemento o tema, el proceso es idéntico. Solo recuerda consultar ese complemento o tema para saber cómo personalizar el shortcode, ya que cada uno es único.
Cómo usar un código corto en WordPress
Paso 1: comprender el código abreviado
La mayoría de la gente ignorará por completo este paso, pero creo que vale la pena señalarlo. Cada complemento o tema que agregue un código abreviado proporcionará la información necesaria para usarlo. Eso te hace la vida mucho más fácil.
En muchos casos, los complementos agregarán códigos abreviados muy básicos que solo requieren que copie y pegue una sola línea de texto. En otros casos, crearán nuevas páginas que consisten únicamente en ese shortcode específico. Estos son casos simples.
El problema es cuando se puede personalizar un shortcode. Esto no es algo malo, y entender cómo hacerlo es cómo puedes dominar el uso de códigos abreviados.
Por ejemplo, echemos un vistazo a la función [Incrustar].
La forma más básica de este shortcode se verá así:
Eso simplemente incrustará el contenido tal como está. Sin embargo, la mayoría de los usuarios querrán, como mínimo, establecer el tamaño de lo que están incrustando. Para hacer eso, el shortcode ahora se verá así:
La conclusión importante es que puede personalizar un código abreviado, pero la forma en que lo hace depende del código abreviado en sí. No existe una explicación única para todos cuando se trata de realizar cambios específicos.
Pueden ser muy diferentes entre sí, por lo que deberás consultar la fuente del shortcode que quieras utilizar.
Paso 2: agregue el código abreviado a WordPress
La buena noticia es que agregar códigos abreviados es muy fácil en WordPress. Puede agregarlos en una publicación, página o widget de texto. Independientemente de lo que elija, el método es idéntico.
Solo tenga en cuenta la diferencia de tamaño al elegir un widget.
Nota: si todavía usa el editor clásico, el proceso es aún más fácil. En lugar de tener que agregar un bloque, puede pegar el código abreviado directamente en el editor visual. Realmente no hay nada que hacer.
Primero, ve a cualquier publicación o página de tu sitio web. Una vez allí, agregue un bloque de Shortcode.
Ahora, simplemente pegue el código abreviado en el bloque de código abreviado.
Eso es realmente todo lo que hay que hacer para agregar códigos cortos en WordPress. Solo tenga en cuenta que no verá la salida o el resultado del código abreviado en el editor. Para verlo realmente, use el botón "Vista previa" o guarde los cambios y véalo en una página en vivo.
¿Los códigos cortos afectan la velocidad de la página en WordPress?
Quizás se pregunte si los códigos abreviados tendrán un impacto en los tiempos de carga, y la respuesta es sí... hasta cierto punto.
En aproximadamente el 99% de los casos, estamos hablando de un impacto de un milisegundo, que es insignificante para la mayoría de los sitios. El verdadero problema proviene de dos escenarios: el uso de varios códigos abreviados en una sola página y el uso de códigos abreviados que necesitan ponerse en contacto con un servidor de terceros.
Cada vez que usa un código abreviado, WordPress debe ubicar el controlador de código abreviado en el backend. Realmente no se nota para una sola instancia. Ahora, supongamos que decide usar más de 10 códigos cortos en una página. Bueno, entonces podrías notar una desaceleración.
Es por eso que solo debe usar códigos abreviados cuando sea necesario para evitar que su sitio trabaje demasiado para cada visitante.
El otro escenario es cuando un shortcode se conecta a un tercero. Esto significa que su sitio web debe conectarse con ese servidor de terceros para obtener la información requerida. Un gran ejemplo de esto es Google Maps.
Google Maps es una gran adición a cualquier sitio web, pero el mapa podría significar un tiempo de carga adicional. Después de todo, necesita conectarse con Google para llevar la información a sus páginas. Y cuando combina esto con el uso de múltiples códigos cortos, bueno, sus páginas tardarán un poco más en cargarse.
Los códigos cortos son tu mejor amigo en WordPress
Muchos principiantes intentan evitar los códigos abreviados tanto como sea posible, pero la verdad es que una vez que aprendes a usarlos, realmente pueden ayudar a acelerar la creación de contenido. Y muchos complementos se basan exclusivamente en códigos cortos para funcionar.
Por lo tanto, a veces realmente no tienes otra opción. La buena noticia es que son fáciles de agregar y, en la mayoría de los casos, todo se reduce a copiar y pegar el código abreviado correcto.
¿Con qué frecuencia utiliza códigos cortos? ¿Te encuentras personalizando los códigos cortos o simplemente usando la opción predeterminada?