Shortcodes Ultimate. Fantástica Colección de Componentes

por | diciembre 11, 2019

shortcodes-ultimate

Si estás buscando algo parecido a una navaja suiza para WordPress, instala el plugin ShortCodes Ultimate, «Ya Mismo». Con este plugin, tienes la posibilidad de insertar en el contenido una gran cantidad de componentes visuales. En la versión que estamos analizando (la 5.6.1), hay un total de 67 componentes gratuitos listos para ser utilizados.

También, el plugin ShortCodes Ultimate dispone de una versión premium. En la versión de pago nos ofrecen otros 15 componentes adicionales más. Creo que con todos los que hay en la versión gratuita, cubrimos prácticamente todas las necesidades que se nos puedan plantear.

Pero siempre, puede haber alguna circunstancia en la que tengamos que usar esta versión, por ejemplo, si queremos usar una tabla de precios o una barra de progreso.

Instalación

Como siempre nos dirigimos a «Plugin > Añadir nuevo» y, escribimos el texto «ShortCodes Ultimate». Después instalamos y activamos. Los enlaces del plugin se encuentran en el menú principal de WordPress.

shortcodes menu

Que es un Shortcode

Antes de comenzar a explicar para que sirve cada componente, veremos que es eso de un Shortcode. Dicho de forma simple, son una serie de objetos, propiedades y valores asociados, que le dicen a WordPress como tiene que mostrar un determinado contenido. Los shorcodes, los podemos distinguir de otros códigos porque van encerrados entre corchetes «[]».

Componentes Disponibles en Shortcodes Ultimate

Como hemos comentado al inicio del artículo, Shortcodes Ultimate viene con una enorme lista de elementos visuales que podemos insertar. El plugin está muy bien organizado y divide los componentes en los siguientes tipos:

  • Contenido.
  • Caja.
  • Medio.
  • Galería.
  • Datos.
  • Otro.
  • Extra Shortcodes (versión Premium).

shortcode-barra-herramientas

Para colocar el Shortcode en el contenido, nos vamos al editor y veremos en la barra de herramientas un nuevo botón llamado «Inserta shortcode».  Si hacemos clic en él, a continuación se mostrará la ventana en la que podemos seleccionar el componente que deseemos.

shortcodes todos

Contenido

En esta familia, tenemos un total de 15 componentes que pasamos a analizar.

Cabecera

Nos sirve para insertar una cabecera personalizada. Podemos configurar el tamaño, alineación, margen, etc. También es posible aplicarle estilos. La versión gratuita permite un sólo estilo, que la verdad es muy básico.

shortcode-cabecera-defecto

Si quieres algo diferente, tienes que pagar por la versión Premium (que tiene mas variedad de estilos) o, puedes crear una clase en el CSS de tu tema y configurarla en la cabecera. Aquí tienes un ejemplo de como quedaría.

shortcode-estilo-verde

Este es el Shortcode.

[[su_heading size="30" class="su-heading-style-flat-green "]Este es el texto de cabecera[/su_heading]]

Y esta la clase que debes añadir al CSS de tu tema, «Apariencia > Personalizar > CSS adicional».

.su-heading-style-flat-green {
    color: #fff;
    background: #33cc94;
    border-left: 15px solid #2db281;
    padding: 10px 15px;
    line-height: 1.4;
}

Divider

Como su propio nombre indica, nos sirve para dividir partes del texto. El divisor puede ser: línea, punteado, línea discontínua y doble.

shortodes-divisor

Botón

Uno de los componentes visuales más configurables es el botón. Hay disponibles 9 estilos diferentes:

  • Por defecto.
  • Plano.
  • Fantasma.
  • Blando.
  • Cristal.
  • Burbuja.
  • Ruido.
  • Pincelada.
  • 3D.

También podemos elegir el color de fondo y el texto, así como la URL destino y el código javascript que pretendamos ejecutar al pulsar el botón. Se puede asociar un icono al botón, así como el tipo de borde, sombra, etc. Es un componente muy completo, con infinidad de configuraciones.

shortcodes-botones

Tabla

Nos permite insertar una tabla con sus filas y columnas correspondientes. Se le puede aplicar estilos CSS y, también podemos hacerla adaptable a cualquier dispositivo (responsive).

Feed RSS

Al insertar este complemento y especificar la URL del feed, obtenemos la información correspondiente. El número máximo de elementos que se permiten mostrar es de 20.

Espaciado

Coloca un espaciado en blanco. El valor de la altura oscila entre 20 y 800.

Letra Capital

shortcode-letra-capital

Pues eso, es para incrustar una letra capital. El estilo puede ser: por defecto, plano, sencillo y simple.

Tabla CSV

shortcode-tabla-csv

Gracias a este componente visual, es posible insertar un archivo CSV. Para hacerlo, simplemente le tenemos que facilitar la dirección URL completa donde se encuentra el archivo.

Texto de Relleno

Esta opción sirve para colocar textos de prueba del tipo «Lorem Ipsum». Pueden ser párrafos, palabras o bytes.

Acento

shortcodes-acento

Sirve para enfatizar o darle importancia a un texto. Es posible configurar tanto el color de fondo como el del texto.

Enlace Permanente

Creo que no hacen falta explicaciones.

Imagen de Relleno

Con este componente podemos colocar una imagen aleatoria con las dimensiones que deseemos. Estos son algunos de los temas que tenemos disponibles: vida noctura, animales, comida, deportes, etc.

Etiqueta

shortcodes-etiqueta

Sirve para insertar una etiqueta de color predefinida.

Código QR

shortcodes-codigo-qr

Podemos configurar también un código QR. Las opciones disponibles de configuración son: tamaño, margen, datos, enlace, colores, etc.

Lista

shortcodes-lista

Se utiliza para insertar una lista con su correspondiente icono asociado. El icono lo podemos elegir de entre todos los que nos muestra el selector de iconos que lleva incorporado, o bien, utilizar alguna imagen de la galería.

Caja

Los componentes de caja son los siguientes:

Cita Desplazada

shortcodes-cita-desplazada

Pues eso, sirve para insertar una cita sobre algún particular. Se puede colocar a ambos lados de la página y, naturalmente, es posible asignarle cualquier clase CSS para cambiar su aspecto visual.

Servicio

 shortcodes-servicio

En este componente se puede elegir un icono y un título asociado en negrita, así como también la descripción del título que hayamos elegido.

Columnas

shortcodes-columnas

Con este elemento es posible insertar varias columnas. En el ejemplo podemos ver los shortcodes que corresponderían a 3 columnas.

Caja

shortcodes-caja

En el componente caja podemos configurar un título y el texto que queramos. Es posible cambiar los colores y también el estilo de la barra de título.

Spoiler

shortcodes-spoiler

Con este elemento visual tenemos un título y su descripción. Se puede mostrar u ocultar pulsando el icono personalizado correspondiente. Se utiliza frecuentemente para realizar el típico, FAQ, de preguntas y respuestas.

Nota

shortcodes-nota

Acordeón

shorcodes-acordeon

Si envolvemos varios spoilers en un acordeón conseguimos éste efecto.

Cita

shorcotes-cita

Pues eso, el componente «Cita» nos permite insertar un texto con el nombre de su autor.

Medio

Aquí tenemos un total de 8 componentes. Casi todos son para incluir vídeos, son los siguientes:

  • Youtube.
  • Mapas de Google.
  • Vimeo.
  • DailyMotion.
  • Audio.
  • Documento.
  • Youtube Avanzado.
  • Video.

Galería

Estos controles nos sirven para crear galerías de imágenes. Tenemos disponibles éstos:

  • Lightbox.
  • Contenido.
  • Carrusel de imágenes.
  • Galería.

Datos

En el grupo de datos sólo tenemos estos 3 componenes:

  • Datos de usuario.
  • Fecha del artículo.
  • Meta dato.

Otros

Po último tenemos el resto de componentes gratuitos que sirven para muy diversas aplicaciones.

  • Feed RSS.
  • Artículos.
  • Espaciado.
  • Menu.
  • Información emergente.
  • Páginas inferiores.
  • Plantilla.
  • Privado.
  • Miembros.
  • Páginas hermanas.
  • Animación.
  • Invitado.
  • Programador.

Extra Shortcodes

Aquí están agrupados todos los componentes que vienen con la versión Premium. Son los siguientes:

  • Splash screen.
  • Text with icon.
  • Pricing table.
  • Exit popup.
  • Progress pie.
  • Testimonial.
  • Panel.
  • Progress bar.
  • Icono.
  • Photo panel.
  • Member.
  • Content slider.
  • Icon panel.
  • Section.
  • Sombra.

Conclusión

La verdad es que este plugin es tremendo. Tiene una variedad y una cantidad de posibilidades impresionante. Algunos elementos creo que se los podían haber ahorrado, porque ya vienen de serie parecidos. Pero sin duda alguna, Shortcodes Ultimate, es un plugin muy funcional que seguro que en alguna ocasión tendrás que utilizar.

¡Haz clic para puntuar esta entrada!
(Votos: 2 Promedio: 5)

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *