Aprovechar al máximo los códigos cortos de WordPress

Lo más probable es que si ha estado usando WordPress por un tiempo, entonces ha oído hablar de algo llamado código abreviado. Ok, eso podría ser un eufemismo. Si ha estado usando WordPress durante un mes, es probable que ya haya estado usando códigos abreviados de izquierda a derecha.

Se ha convertido en una práctica común que los códigos abreviados se incluyan como puntos de venta importantes en temas en sitios como Envato (entre otros). Cada vez que un complemento hace algo que requiere una función compleja, tiende a ofrecer un código abreviado que simplifica drásticamente el proceso. Entonces, como dije, sin duda estás familiarizado con ellos.

Sin embargo, el hecho de que esté familiarizado con los casos de uso de shortcode que ha encontrado hasta ahora no significa que haya aprendido a desbloquear todo su potencial. Además, debido a su facilidad de uso, a veces se implementan de formas que no son ideales para los usuarios a largo plazo.

Con el fin de ayudar a todos los lectores de Elegant Themes a aprovechar al máximo los códigos abreviados de WordPress, he decidido volver a lo básico (brevemente), analizar por qué los códigos abreviados específicos de un tema pueden ser problemáticos y, finalmente, brindarle una breve lista de los mejores complementos de código abreviado de WordPress.

Para comenzar, necesitamos hacer la pregunta más obvia.

¿Qué son los códigos cortos de WordPress?

En pocas palabras, un shortcode es una etiqueta entre paréntesis que permite a los usuarios de WordPress implementar fácilmente una funcionalidad predefinida en cualquier área habilitada de shortcode de su sitio. Tales como publicaciones, páginas, widgets y ganchos.

Por ejemplo, un shortcode básico para una galería se ve así:

[galería]

Los cinco códigos cortos estándar de WordPress

Lo que muchos usuarios pueden no saber es que WordPress en realidad viene con la capacidad de ejecutar cinco códigos cortos de inmediato:

  • [subtítulo]
  • [ incrustar ] (aquí se muestra con espacios para evitar que se ejecute)
  • [galería]

He vinculado cada uno de los códigos cortos anteriores a sus páginas correspondientes en el Codex de WordPress . Para aquellos interesados, esas páginas lo ayudarán a aprovechar al máximo los cinco códigos cortos estándar que ofrece WordPress. Estas páginas son un gran recurso para principiantes e incluso los usuarios experimentados pueden encontrar o redescubrir algunas prácticas recomendadas útiles.

Complementos de código abreviado frente a códigos abreviados específicos del tema

Ahora es el momento de abordar lo que probablemente sea el concepto erróneo más grande sobre los códigos cortos en general. Independientemente de lo que el autor de un tema pueda decir en su texto promocional, los códigos abreviados no deben vincularse a un tema específico. Los códigos abreviados deben venir como parte de un complemento separado para que, independientemente del tema que esté utilizando, la funcionalidad de su código abreviado no se rompa.

Esto es algo que todos los autores de temas decentes entienden. Sin embargo, sigo viendo esta práctica por todas partes. Autores de temas que usan códigos abreviados que solo funcionan con su tema como un importante punto de venta. A menudo atrae a clientes que no conocen mejor. Debido a que ignoran cómo funcionan los temas y los complementos, no entienden que un año después, cuando quieren cambiar su tema, no pueden. ¿Por qué? Porque construyeron su negocio sobre la base de una funcionalidad que no se puede trasladar de un tema a otro. Es por eso que el mejor vehículo para los códigos cortos personalizados es a través de un complemento separado, ya sea por el propio autor del tema o por un tercero.

Dicho esto, echemos un vistazo a algunos de los mejores complementos de paquetes de shortcode disponibles en la actualidad.

Los mejores complementos de paquetes de códigos cortos que existen

Cuando busca complementos de códigos abreviados, seguramente encontrará una gran cantidad que los usa. Pero los que elegí para enfocarme en esta publicación son esos complementos que proporcionan paquetes de códigos abreviados. Muchos complementos usarán un código corto para ejecutar su función principal o una característica que ofrecen, pero estos complementos proporcionan una gran cantidad de códigos cortos útiles (a veces más de 100) con sus propias funciones útiles. Y, por supuesto, todos están diseñados para funcionar con cualquier tema.

Códigos cortos de Elegant Themes

Si bien quizás no sea tan completo o poderoso como algunos de los otros complementos en esta lista, puede ser la elección natural para muchos que leen esta publicación. Como sin duda, la mayoría de ustedes ya son miembros de Elegant Theme y, como tales, obtengan este complemento de forma gratuita.

En total, hay dieciséis códigos cortos diferentes. Algunos con variaciones; como «botones» que vienen en pequeño, grande e icono. Los dieciséis completos se enumeran a continuación y el enlace de demostración le mostrará cómo se ve cada uno en acción.

Códigos cortos incluidos:

  • Botones
  • Cajas de contenido
  • Contenido alternado
  • Contenido con pestañas
  • Diapositivas
  • Control deslizante de imagen
  • Información sobre herramientas fácil
  • Medios de comunicación social
  • Proteja con contraseña su contenido
  • Información del autor
  • columnas
  • Listas de iconos personalizados
  • Tablas de Precios Corporativos
  • Testimonios
  • Capitulares
  • Citas

Precio: GRATIS con $89/año Membresía | demostraciónMás información

Códigos cortos Ultimate

Para cualquiera que quiera un paquete de shortcode de primer nivel que probablemente sea más poderoso, extenso y bien diseñado de lo que un complemento gratuito tiene derecho a ser, este es el complemento para usted. Honestamente, es raro que me encuentre con un complemento gratuito tan bien hecho. He usado miles y revisado cientos a lo largo de los años y este es, con mucho, uno de los mejores. Hay alrededor de 1 millón de usuarios que están de acuerdo conmigo. Además de 1,588 calificaciones de cinco estrellas en el directorio de complementos de WordPress.

Este complemento cuenta con más de 50 códigos cortos (la imagen de arriba está un poco desactualizada), un generador de códigos cortos, un diseño receptivo moderno, un editor de CSS personalizado con resaltado de sintaxis, un widget especial, una API rica y una experiencia de usuario increíble.

Códigos cortos incluidos:

  • encabezados
  • Divisor
  • citar
  • Citas
  • Liza
  • Expandir
  • YouTube (y otras plataformas)
  • Audio
  • Huéspedes
  • Documentos
  • Pestañas
  • Espaciador
  • Menú
  • Deslizador
  • Miembros
  • programador
  • DropCap
  • Botones
  • Caja ligera
  • Etiqueta
  • Fila
  • Y muchos muchos mas…

He incluido el siguiente video para que pueda ver este complemento en acción. Si te gusta, ¡dale una vuelta! Puede descargar la versión actual (en el momento de esta publicación) desde el enlace de descarga a continuación.

Precio: GRATIS | Descargar | Más información

Estilos con Shortcodes para WordPress

El complemento Styles with Shortcodes es nuestro primer complemento premium de códigos cortos. Tiene una excelente calificación de compradores en CodeCanyon con miles de ventas y comentarios positivos. El objetivo de este complemento es hacer que el estilo de varios elementos de su sitio sea fácil para los no programadores.

Viene con más de 100 códigos abreviados incorporados, solo algunos de los cuales se enumeran a continuación, y la capacidad de crear sus propios códigos abreviados. También viene con soporte para tipos de publicaciones personalizadas , fácil importación/exportación, nuevas columnas receptivas y más.

Códigos cortos incluidos:

  • Acordeón
  • cotizaciones en bloque
  • Botones
  • Código (resaltador de sintaxis)
  • Cajas de colores
  • columnas
  • Divisores
  • Botones sociales
  • mapas
  • Mesas
  • tapas de herramientas
  • marcos de fotos
  • galerías
  • Cubrir
  • Pestañas
  • Alterna
  • Y mucho más

Precio: $28 | demostración | Más información

Vision – Complemento de códigos cortos de WordPress

Este complemento (junto con los GT Shortcodes a continuación) tiene el elemento de diseño más atractivo, como excelentes botones, íconos, listas y barras de progreso. En cuanto a la calidad, estoy bastante seguro de que todas las opciones premium aquí están a la par, tal vez con algunas variaciones en el soporte y el volumen puro de funciones. Pero para la mayoría de las personas (a menos que esté buscando hacer algo muy específico), cualquiera de ellos hará el trabajo. Es una cuestión de cómo se destacan de los demás. En el caso de Vision, se destaca en términos de diseño moderno con buenas opciones de color.

Códigos cortos incluidos:

  • Acordeones y Tabs
  • Botones
  • Cargadores circulares
  • Cargadores circulares (iconos)
  • columnas
  • Contenido y cuadros de alerta
  • Capitulares
  • Lista de funciones animadas
  • Iconos de imagen
  • Contadores de números
  • Cuadros de precios
  • Barras de progreso
  • Extraer cotizaciones
  • y mucho más.

Precio: $24 | demostración | Más información

Códigos cortos de GT

GT es otra muestra fuerte con un gran diseño. Un poco más ligero en la cantidad que los demás, pero creo que demuestra que se preocupan por crear cada elemento bastante bien. Todos sus elementos son receptivos, de diseño limpio/plano y livianos. Estaba particularmente impresionado con sus gráficos .

Códigos cortos incluidos:

  • Gráficos
  • Imágenes de carga diferida
  • acordeones
  • Alertas
  • cotizaciones en bloque
  • Botones
  • Iconos impresionantes de fuentes
  • columnas
  • Destacar
  • Popovers
  • Barras de progreso
  • Pestañas
  • Mesas
  • Video
  • Información sobre herramientas
  • Publicidad
  • mapas
  • animaciones
  • y más

Precio: $20 | demostración | Más información

Intenso – Códigos cortos y Creador de sitios para WordPress

Nuestro último y último complemento de shortcode es en realidad mucho más que solo shortcodes. Debatí si incluirlo o no, porque en general se convierte más en un sistema de creación de sitios web y un simple paquete de códigos abreviados, pero incluye un conjunto realmente excelente de códigos abreviados… y si te gustan las otras cosas, entonces es un realmente un gran hallazgo.

Intense Shortcodes incluye más de 100 códigos cortos, 17 tipos de publicaciones personalizadas (incluidos libros, películas, recetas y más), un motor de plantillas, fragmentos de código reutilizables, diseño receptivo y más.

Códigos cortos incluidos:

  • Alertas
  • cotizaciones en bloque
  • Clientela
  • Encimera
  • Énfasis
  • Galería
  • Cuadro flotante
  • Comparación de imágenes
  • Ubicaciones
  • Publicar metadatos
  • Persona
  • Progreso
  • Libros recientes
  • Ubicaciones recientes
  • proyectos recientes
  • fragmentos
  • Recetas
  • Mesas
  • Testimonios
  • animaciones
  • Información sobre herramientas
  • Video
  • Miembros
  • Y muchos más

Precio: $24 | demostración | Más información

En conclusión

Los códigos cortos son la solución definitiva para implementar fácilmente funciones complejas dentro de un sitio de WordPress. O, para el caso, incluso las funciones ligeramente inconvenientes. Los complementos que cubrí en esta publicación son un recurso excelente (y creo que asequible) para cualquiera que busque aprovechar al máximo los códigos abreviados de WordPress.

Sin embargo, es posible que algunos de los más conocedores de códigos deseen ir al grano e implementar solo los códigos cortos que desee, sin toda la pelusa adicional de un paquete masivo de códigos cortos. Me parece bien. Tengo solo un poco de lectura adicional para ti. Es una publicación que nuestro colaborador Kevin Muldoon escribió a principios de este año llamada Cómo crear códigos cortos en WordPress . ¡Échale un vistazo!

En cuanto a todos los demás, ¿qué piensas de las opciones de paquete en esta publicación? ¿Me perdí alguno crucial? Háganos saber en los comentarios a continuación.

Miniatura del artículo por yod67 / Shutterstock.com