La guía completa de códigos cortos de WordPress

La guía completa de códigos cortos de WordPress

Divulgación: este contenido es compatible con lectores, lo que significa que si hace clic en algunos de nuestros enlaces, podemos ganar una comisión.

Cuando escuche la palabra «códigos cortos», es posible que no esté seguro de lo que significa. Una vez que complete esta guía, sabrá exactamente qué es un código abreviado y cómo usarlo para crear contenido increíble de WordPress. Sumerjámonos.

Por qué los códigos cortos de WordPress son tan importantes

Los shortcodes de WordPress son importantes porque te ahorran dos cosas: pasar más tiempo creando elementos para tu sitio web y aprendiendo a codificar.

Los códigos abreviados facilitan la adición de funcionalidades más complicadas a casi cualquier parte de su sitio web, especialmente publicaciones, widgets y páginas. Sin códigos abreviados, debe aprender a codificar un formulario o agregar mapas de Google en una publicación. Puede crear sus propios códigos cortos o descargar un complemento de códigos cortos para usarlos repetidamente.

Puede usar códigos abreviados para agregar cosas a su sitio web como:

  • Una forma específica
  • Una llamada a la acción al final de una publicación.
  • una galeria de imagenes
  • Un widget específico
  • Botones para compartir en redes sociales

A continuación, analizamos formas de mejorar el uso de su shortcode tanto a corto como a largo plazo.

Consejos rápidos para mejorar su sitio con códigos cortos de WordPress hoy

Usar un complemento de WordPress

La guia completa de codigos cortos de WordPress
La guía completa de códigos cortos de WordPress 8

La forma más fácil de comenzar a usar códigos cortos es descargar el complemento Shortcodes Ultimate. Una vez que haya activado el complemento, podrá acceder a su extensa lista de códigos cortos que luego puede personalizar e insertar como un bloque de Gutenberg.

Shortcodes Ultimate, como probablemente pueda adivinar por el nombre, le permite usar más de 50 códigos cortos para insertar funciones como:

  • Carrusel de imágenes
  • Audio
  • mapa de Google
  • Animación
  • Menú
  • Modelo
  • Divisor
  • citar
  • Código QR

Shortcodes Ultimate es uno de los mejores complementos de shortcode, con más de 800,000 instalaciones activas y reseñas estelares de cinco estrellas. Con Shortcodes Ultimate, elimina la necesidad de aprender a codificar para crear funciones complejas que parezcan profesionales para cualquier visitante.

Comprender cómo funciona un código abreviado

El término en sí es una combinación de las palabras «atajo» y «código».

En su forma más básica, un shortcode es simplemente un fragmento de código entre corchetes que puede copiar y pegar donde quiera que aparezca una función específica.

WordPress los introdujo en 2008 para que los usuarios ejecutaran ciertos tipos de código dentro de las publicaciones sin tener que codificarlo ellos mismos para crear funciones dentro de sus publicaciones, páginas o widgets.

Si bien WordPress ya viene con algunos códigos cortos básicos incorporados, puede descargar complementos que abren su mundo a una amplia gama de códigos cortos diferentes que lo ayudan a crear contenido rico en funciones. Como se mencionó anteriormente, Shortcodes Ultimate es solo un ejemplo de un complemento de shortcode, y hay otros que puede probar para ver cuál funciona mejor para usted.

Use el complemento WPForms

¿Quiere conocer una manera fácil de crear formularios de usuario para su sitio web utilizando códigos abreviados? Descargue el complemento WPForms. El complemento de WordPress es un favorito personal debido a lo fácil que resulta crear formularios personalizados para casi cualquier necesidad imaginable.

La guia completa de codigos cortos de WordPress
La guía completa de códigos cortos de WordPress 9

Los WPForms gratuitos le brindan acceso a muchas funciones de formulario que puede usar si solo necesita lo básico. Sin embargo, si desea ir un paso más allá, las funciones pagas le brindan acceso a herramientas de creación de formularios más sólidas para una gama más amplia de necesidades.

Una vez que cree su formulario con WPForms, se le dará un código abreviado que puede insertar en cualquier lugar. Es probable que los insertes en publicaciones o páginas. A continuación, veremos cómo hacerlo a través del editor Gutenberg de WordPress.

Familiarícese con la función de código abreviado del editor de Gutenberg

Digamos que ha descargado el complemento Shortcodes Ultimate. ¿Qué sigue? Bueno, lo mejor que puedes hacer es familiarizarte con cómo trabajar con códigos cortos en tu editor de WordPress Gutenberg.

Una vez que abra una publicación o página que desea modificar, insertar el código abreviado de su elección puede ser tan fácil como hacer clic en el icono másque debería aparecer a medida que escribe en su editor.

1659447864 729 La guia completa de codigos cortos de WordPress
La guía completa de códigos cortos de WordPress 10

Desde allí, puede hacer clic en el icono de códigos cortos para insertar la función de shortcode en su editor. Si no ve el ícono de shortcode de inmediato, haga clic en el Explorar todo o busque «shortcode» en la barra de búsqueda para encontrar el bloque de shortcode.

1659447864 717 La guia completa de codigos cortos de WordPress
La guía completa de códigos cortos de WordPress 11

Luego puede hacer clic en el ícono de corchetes para acceder a la lista completa de códigos cortos para encontrar el que necesita. Hay un montón para elegir. Le recomendamos encarecidamente que se tome el tiempo de jugar con algunos códigos cortos para tener una idea de lo que cada uno de ellos puede hacer.

1659447864 387 La guia completa de codigos cortos de WordPress
La guía completa de códigos cortos de WordPress 12

Como puede ver, la lista de códigos cortos es bastante extensa. Si necesita incrustar un video de YouTube, por ejemplo, simplemente elija el código abreviado de YouTube.

A partir de ahí, puede personalizar una serie de cosas sobre cómo desea que se muestre su video de YouTube.

1659447864 781 La guia completa de codigos cortos de WordPress
La guía completa de códigos cortos de WordPress 13

Una vez que inserte la URL deseada, también puede elegir el ancho y la altura específicos del video, si desea que el video responda y si desea que se reproduzca automáticamente con sonido. Una vez que golpeas el Insertar código corto botón, estará listo para comenzar. Puede ver cómo los usuarios verán su video usando el Avance botón.

Tenga en cuenta que el uso de un complemento como Shortcodes Ultimate puede brindarle un poco más de opciones de personalización para las funciones de código abreviado que podría incluir con su editor de Gutenberg de todos modos.

Si bien puede simplemente incrustar su URL de YouTube con un bloque de Gutenberg y terminarlo, hacerlo a través de un complemento de shortcode como Shortcodes Ultimate le facilita la personalización de funciones como el ancho y la longitud, ya sea que desee que la reproducción automática esté activada o desactivada. y haz que tus videos sean responsivos.

A medida que Gutenberg evoluciona y crea nuevas funciones, agrega continuamente más bloques que actúan como los propios códigos abreviados.

Familiarícese con los códigos cortos predeterminados de WordPress

Si no desea agregar otro complemento a su sitio, no se preocupe. WordPress viene con su propio conjunto de códigos cortos predeterminados. Es una buena idea familiarizarse con cada uno de ellos, ya que pueden ser útiles si solo necesita trabajar con códigos cortos básicos.

Los códigos cortos incorporados de WordPress son:

Puede usar los códigos abreviados incorporados usando el bloque de código abreviado en el editor y escribiendo el código abreviado deseado junto con sus especificaciones.

Estrategias a largo plazo para códigos cortos de WordPress

Hasta ahora, hemos revisado algunas estrategias a corto plazo que puede usar para familiarizarse con los códigos abreviados de WordPress. También puede usar algunas estrategias a largo plazo para asegurarse de aprovechar al máximo el uso de su shortcode. Los siguientes son algunos que vale la pena probar.

Aprenda a crear sus propios códigos cortos

Si desea crear sus propios códigos abreviados, puede tomar una de dos rutas: aprenda a hacerlo usted mismo editando sus archivos de temas de WordPress o descargando el Complemento Shortcoder y tomando la ruta fácil.

La edición de los archivos de su tema de WordPress es algo que solo le recomendamos que haga con la máxima precaución. Si eres un aficionado a la hora de editar o manejar código, lo pasarás mal si haces cambios de forma incorrecta y algo en tu sitio se rompe. Aunque vale la pena señalar que la edición de sus archivos de temas para crear códigos abreviados es definitivamente factible si tiene experiencia con archivos PHP.

En última instancia, la elección es suya. Nos gusta vivir fácilmente, por lo que preferimos crear nuestros códigos cortos usando el complemento Shortcoder.

1659447864 214 La guia completa de codigos cortos de WordPress
La guía completa de códigos cortos de WordPress 14

Una vez que descargue y active el complemento, es simplemente una cuestión de:

  • Nombrar su nuevo shortcode con algo que pueda identificar fácilmente
  • Pegando el HTML/JavaScript/CSS del shortcode que quieres crear
  • Guardando tu nueva creación
  • Copiando y pegando el código abreviado, Shortcoder te lo proporciona donde quieras.

Shortcoder es extremadamente fácil de usar y lo recomendamos encarecidamente si no puede encontrar el código abreviado que necesita. Para comenzar a usar Shortcoder con su sitio web, descárguelo gratis aquí.

Mantenga actualizados sus complementos de código abreviado

Aunque los complementos te hacen la vida más fácil a medida que crece tu sitio de WordPress, sus creadores no siempre garantizan que se mantengan actualizados. Es una buena práctica verificar sus complementos de vez en cuando para asegurarse de que estén actualizados para que sean compatibles con la última versión aceptable de WordPress.

Si su complemento no se actualiza durante mucho tiempo, siempre puede intentar cargar otro, ya que hay algunos para elegir. Tenga en cuenta que esto podría significar que tendrá que revisar cada publicación, página o widget en el que haya utilizado un código abreviado.

Los complementos más populares casi siempre reciben actualizaciones periódicas. Entonces, si bien esto puede ser un problema menor, sigue siendo una posibilidad.

Tenga en cuenta el uso de su código abreviado

A medida que usa códigos cortos, tenga en cuenta que cuanto más use códigos cortos en sus publicaciones y páginas, más tendrá que realizar un seguimiento y editar manualmente si alguna vez decide eliminar su complemento de código corto.

Lo mismo puede ser cierto si está utilizando un tema de sitio web que viene con códigos abreviados propietarios. El día que decidas cambiar de tema, tendrás que volver atrás y editar todos tus shortcodes muertos.

Nuestro consejo es que, si bien los códigos abreviados son una característica excelente y muy útil, utilícelos con moderación. Si hay un código abreviado que parece usar una y otra vez, podría valer la pena el tiempo y la inversión para comunicarse con un desarrollador para que pueda incorporar esa función de forma permanente en su sitio. O potencialmente busque un complemento o tema que tenga la funcionalidad integrada.

De esta manera, tiene la tranquilidad de saber que si eliminara o cambiara su complemento de código abreviado, aún tendría esa función recurrente activa en todo su sitio.

Al igual que mantener actualizados los complementos de shortcode, esto es más o menos una preocupación menor. Pero vale la pena tenerlo en cuenta al modificar y realizar cambios en su sitio de WordPress. Mantener una hoja de cálculo de qué publicaciones y páginas tienen qué códigos abreviados puede ser una buena manera de mantenerse un paso adelante si cree que hará cambios en el futuro.

Esto se vuelve más importante cuanto más contenido publica a medida que su sitio crece. Lo más probable es que tenga que regresar en algún momento para hacer cambios.

Próximos pasos

Si has llegado tan abajo, te hemos hablado de todo lo relacionado con los códigos abreviados. Sabe cómo usarlos, los mejores complementos para agregar a su sitio para obtener una lista increíble de códigos cortos listos para usar que puede personalizar, y puede crear sus propios códigos cortos si lo desea.

Por aquí, nos gusta seguir aprendiendo, especialmente cuando se trata de todo lo relacionado con WordPress. Si está buscando una revisión actualizada de WordPress, escribimos una que puede leer aquí. Si se pregunta cuáles son los mejores complementos de WordPress para su sitio web, nuestra lista de los 30 mejores complementos de WordPress lo guiará en la dirección correcta.

Oye, incluso los mejores de nosotros nos encontramos con errores que no sabemos cómo solucionar. Es por eso que escribimos la Guía para principiantes para identificar y corregir errores de WordPress.

Antes de ir, si se pregunta qué hacen realmente sus usuarios una vez que llegan a su sitio, hemos hecho todo lo posible para crear una lista de los 10 mejores complementos de mapas de calor para WordPress que tal vez desee marcar para una referencia posterior.