Tutorial Shortcodes Ultimate

La mejor forma de acceder a una lista de códigos cortos que ayudan a agilizar las ediciones de entradas para tu WordPress. Un plugin que te permite agregar funciones nuevas a tu blog. Puedes modificar tu página web totalmente y darle un aspecto único y personalizado. Con este plugin podrás crear desde tablas, botones, columnas, hasta insertar videos de YouTube, archivos multimedia desde tu ordenador o Mapas de Google, todo de una manera muy sencilla.

Se llama Shortcodes Ultimate, puedes descargarlo desde el repositorio de WordPress, es gratuito y puedes agregar más códigos cortos que son pagos. Con ayuda de los códigos cortos, se han facilitado las tareas en la creación de páginas web, y lo mejor es que no se limita a una sola opción, ya que te presenta una multitud de opciones para que escojas ya que más te convenga.

¿Qué son los Shortcodes?

Es un método muy utilizado en WordPress desde hace tiempo, con la finalidad de insertar dinamismo a la hora de la creación de contenidos, ya que puedes agregar pequeños códigos de tan solo una línea añadida en nuestro editor de páginas o entradas, que te facilitan las tareas habituales para el desarrollo de un sitio web directamente desde el editor de WordPress.

Con estos códigos puedes crear tablas, botones, recuadros de texto con efectos y estilos personalizados, carruseles de imágenes, acordeones, pestañas, así como también insertar archivos multimedia, videos de YouTube o Mapas de Google.

Lo mejor de Shortcode Ultimate es que tienes la posibilidad de utilizar una multitud de opciones y seleccionar la que más te convenga. Posee una cantidad de códigos con los que cualquier usuario puede crear sus entradas o sitios web de WordPress que tengan mucho más estilo y lo mejor que es de una manera rápida y sencilla.

Los Shortcode son palabras encerradas entre signos de corchete [ ] con los que se programa una página web. Por lo general, en WordPress se crea una previa programación a la que solo se le agrega un Shortcode como atajo para una configuración de la entrada de la página, de esta forma al querer que se ejecute, en vez de reescribir todos las palabras para la programación, solo escribiremos el atajo, es decir, el Shortcode.

Los shortcodes son utilizados por plugin para que puedan ser realizadas las funciones de WordPress, de esta forma se crean los sitios web.

¿Qué es Shortcode Ultimate?

Cuando hablamos de Shortcode Ultimate nos referimos a un plugin freemium que funciona con más de 700.000 instalaciones activas, y cuenta con aproximadamente 4 millones de descargas. Su función principal es permitir a los usuarios insertar en sus páginas web o de WordPress determinados elementos con solo la inclusión de un atajo, un código corto.

Además de ello, esta herramienta te permite personalizar dichos shortcodes para darle un aspecto único al elemento que insertas, lo único que necesitas en conocer un poco de CSS programación.

Viene con 2 versiones, la gratuita y la Premium. La versión gratuita te ayuda a personalizar decenas de elementos de la entrada de tu página, en cambio, la versión Premium te permite crear tus propios códigos cortos, cambiar los skin e insertar elementos extras.

¿Qué se puede hacer con Shortcodes Ultimate?

Shortcodes Ultimate cuenta con 67 códigos cortos en la versión completa, con ellos puedes insertar:

1.- Contenido

  1. Cabecera: Podrás personar tu título con detalles, márgenes, colores y tamaños individualizados.
  2. Línea divisora: Es una línea que separa los párrafos, con esta herramienta podrás personalizar el grosor o estilo de la línea, así como el color, e incluso agregar un tipo de enlace que dirija hacia arriba o abajo.
  3. Espaciado: Puedes agregar un párrafo totalmente en blanco, que sirve para ganar espacio.
  4. Etiquetas: Tienes la opción de elegir entre varios estilos para añadir texto con etiquetas estilizadas.
  5. Lista: Crea listas con símbolos de señalización definidos, como puntos o iconos de Font Awesome.
  6. Texto Resaltado: Puedes agregar palabras subrayadas, personalizando el color del texto así como el del resaltado.
  7. Letra Inicial: Tienes la opción de insertar una letra destacada al inicio de un parrado, y a su vez elegir el estilo de la letra.
  8. Botón: Con la herramienta puedes insertar shortcodes que creen de forma fácil un botón personalizado, escogiendo el color, color, entre otros aspectos.
  9. Enlace permanente: Incluir el ID de entrada de una página web.
  10. Texto de relleno: Puedes decidir el número de párrafos o palabras que deseas incluir en el contenido, además de especificar si quieres cachearlo o no.
  11. Tabla: Puedes hacer resposive sumamente fácil a la hora de crear una tabla.
  12. Feed RSS: Incluye el contenido de un feed
  13. Código QR: Tienes la posibilidad de crear un código QR escogiendo sus dimensiones, márgenes colores, etc.
  14. Miembro: Puedes personalizar y añadir una ficha de miembro.
  15. Imagen de relleno: Puedes insertar imágenes, estableciendo sus dimensiones y temática.
  16. Texto con icono: insertar un icono, personalizando su tamaño, color y demás aspectos.

2.- Caja

  1. Pestañas: Puedes crear contenido distribuido en pestañas, ya sean verticales u horizontales.
  2. Spoiler: Son códigos cortos que crean menús desplegables.
  3. Cita: Puedes crear citas, personalizarlas, así como alinearlas a la izquierda o derecha.
  4. Acordeón: Permite incluir el contenido en los menús desplegables, y personalizarlos en estilos predefinidos.
  5. Servicio: puedes informar sobre los servicios que ofreces en tu página web, personalizando la imagen o el icono, de forma que crees un conjunto de título icono y descripción.
  6. Columnas: Puedes escoger formatos para crear columnas.
  7. Caja: Crea una caja personalizada para hacer un aviso donde coloques un título y la descripción.
  8. Expandir: Puedes incluir el efecto ‘’mostrar más’’ en cualquier párrafo que solo muestre las palabras y luego el enlace donde se mostrara el resto del contenido.
  9. Nota: Un texto tipo aviso con un párrafo sombreado, en el que puedes escoger el color del texto así como del mismo sombreado.
  10. Splash screem: Contenido completo en la pantalla, con la posibilidad de predefinir tamaño, color, opacidad, etc.
  11. Panel: Un marco alrededor del texto, donde puedes personalizar el color, tamaño, grosor y alineación.
  12. Exit popup: es un estilo donde aparecerá un popup cuando el usuario acerque el ratón a alguna zona de la pantalla, aquí puedes elegir tamaño, opacidad y estilo.
  13. Tabla con precios: incorpora una tabla de precios, personalizando el color, contenido, url, entre otros.

3.- Medios

  1. YouTube: Puedes insertar un video, personalizando las dimensiones y el display, además de la reproducción, controles, entre otros.
  2. Vimeo: De igual forma puedes insertar un video de YouTube, personalizando el tamaño y el autoplay.
  3. Video: Puedes insertar un archivo de video, escogiendo el tamaño, reproducción continua y autoplay.
  4. Audio: Al igual que el anterior puedes insertar un audio personalizando su reproducción, tamaño, entre otros.
  5. Documento: Consiste en un lector de documentos, de Google, debes configurarlo estableciendo las dimensiones e indicando la URL.
  6. Dailmotion: Puedes insertar un video de Dailmotion, con opciones de modificación parecidas a las de YouTube.
  7. Mapa de Google: con Shortcode podrás insertar un mapa, con tan solo escribir la dirección dentro del código.

4.- Galeria:

  1. Diapositiva: Puedes incluir imágenes desde tu ordenador, así como artículos, además de personalizar el estilo y las dimensiones del link.
  2. Carrusel: Inserta imágenes o artículos con el efecto carrusel.
  3. Lightbox: Consiste en una caja de luz donde se insertan imágenes, videos, entre otros.
  4. Content slider: Las diapositivas contienen textos o cualquier tipo de contenido que desees, en este caso puedes personalizar la apariencia, transición entre otros.

5.- Datos:

  1. Datos de usuarios: muestra datos de cada usuario elegido, mediante su ID
  2. Meta Dato: da a conocer los meta datos de un post mediante un ID
  3. Fecha de artículo: Muestra, mediante diferentes variables, la fecha de un artículo.

6.- Otros:

  1. Pista: Puedes establecer una etiqueta emergente con un texto, cuando el usuario pase el ratón sobre un contenido, aquí puedes personalizar el texto, posición, y otros aspectos.
  2. Miembros: Esconde contenido, que solo la personas que estén registradas puedan ver.
  3. Privado: Establece notas que sean privadas para cada autor de los contenidos, sin que los lectores tengan acceso a ellos.
  4. Artículos: Personaliza el listado de artículos, puedes distribuirlos según el orden, el autor, entre otras categorías.
  5. Invitado: Es un contenido visible solo para usuarios no registrados en tu sitio web.
  6. Animación: Puedes escoger entre diferentes efectos para la aparición de un texto.
  7. Barra de progreso: Puedes variar la forma, como una barra de progreso circular, o una barra horizontal, en la cual puedes definir, tamaño, color, texto, alineación, entre otros.
  8. Sombra: Puedes agregarle sombra a cualquier elemento, predefiniendo el estilo que desees.

Una de las mayores ventajas de esta herramienta, es que su funcionamiento es muy sencillo, puedes hacer grandes proyectos con esta lista de códigos cortos. Una vez conoces la capacidad que posee, y todos los shortcodes que te ofrece para personalizar tu página web y hacerla lucir increíble y totalmente personalizada, solo queda instalarlo y aprenderlo a utilizar.

¿Cómo utilizar Shortcodes Ultimate?

La instalación de Shortcodes Ultimate es igual que la instalación de cualquier otro plugin en WordPress. Puedes descargarlo directamente de internet, o buscar en el repositorio de WordPress en la parte de plugins e instalarlo con tan solo hacer un click.

Bien, ahora que lo tenemos instalado, llega la mejor parte, aprender a darle vida a nuestra página web. Al revisar nuestro WordPress y fijarnos en el menú lateral, no damos cuenta de que se encuentra un nuevo elemento denominado Shortcodes.

Desde aquí podemos visualizar las siguientes opciones:

  • Ajustes: Nos podemos documentar sobre el plugin además de ver algunos video tutoriales, solo que de versiones más antiguas. Aquí podemos cambiar el prefijo del Shortcode, personalizar el código CSS, así como puedes activar el formato personalizado.
  • Ejemplos: Nos muestra ciertas cosas de lo que podemos hacer con Shortcodes Ultimate, siendo un bien inicio para conocer el plugin y algunas de las opciones que nos ofrece.
  • Hoja de trucos: es una lista de códigos que nos muestra lo que podemos editar, de esta forma podemos realizar modificaciones.
  • Addons: Es una opción para agregar más códigos cortos al Shortcodes Ultimate, con la diferencia que son de pago.

Si bien puedes conocer un poco más Shortcodes Ultimate desde los ejemplos, también puedes realizar una entrada o página completa de prueba que luego puedes eliminar fácilmente.

¿Cómo realizar una página o entrada nueva?

Lo primero que debemos hacer es abrir una entrada nueva, ahí nos aparece una opción del lado derecho que dice ‘’Insertar shortcode’’ encima del editor de textos de WordPress, una vez tenemos ese botón disponible hacemos click en el, lo que nos mostrara una ventana con todas las opciones que nos ofrece el plugin.

Busca entre la cantidad de opciones que te ofrece, las cuales ya explicamos más arriba. Al seleccionar el Shortcode, cambiara la ventana mostrando un asistente donde podrás personalizar los cambios que desees, y así se completen los atributos dentro del código corto.

El proceso de cada opción es muy sencillo y visual, si por ejemplo escoges la opción de ‘’Enlace’’ se debe indicar cuál será la URL que se enlazara cuando el usuario que visite la página haga click en el botón. En ‘’Estilo’’ puedes definir el efecto que tendrá el botón, además de poder elegir el color, texto, tamaño, entre otros aspectos.

También puedes agregar un icono dentro del botón, y al finalizar te da la opción de ver una vista previa de cómo va a quedar el botón con las opciones que hemos escogido.

Una vez completado, le damos click donde dice ‘’Insertar shortcode’’ para agregarlo a la entrada que estamos diseñando. Aquí también se puede observar una vista previa de cómo va quedando nuestra entrada.

Si, por ejemplo, queremos agregar un mapa, escogemos en el listado esa opción, y podemos observar que podemos personalizar el tamaño, además de poner la dirección. Una ver modificados los aspectos a nuestro gusto, solo nos queda copiar el Shortcode y pegarlo al editor de WordPress, ya podemos ver en ‘’vista previa’’ como se aprecia nuestro mapa de Google.

Como sabemos este plugin tiene muchas opciones, y estos son solo dos ejemplos de lo que puedes hacer con Shortcodes Ultimate, puedes probar cada uno de los shortcodes que te ofrece, así los vas conociendo poco a poco y utilizarlos cuando los necesites. El proceso es súper fácil, solo debes seleccionar la opción, personalizarla y pegarla en el editor de WordPress.

Conclusión

El plugin gratuito Shortcodes Ultimate, por Vladimir Anokhin, es un verdadero plugin potente, te ofrece gran variedad de opciones para hacer de tu página web única. Teniendo claro los atributos que puedes personalizar podrás hacer una multitud de cosas de manera muy rápida, consiguiendo modificar totalmente la visualización de tu página web sin recurrir a ningún constructor visual o cambiar de theme.

Se recomienda Shortcodes Ultimate, no solo por su facilidad a la hora de utilizar si no porque posee gran cantidad de opciones, y lo mejor es que son detalladas. Cuenta con vistas previas, para ir analizando cómo va quedando nuestra entrada o página, permitiendo modificarla totalmente hasta conseguir lo que deseamos, esto resulta muy beneficioso a la hora de querer personalizar en totalidad nuestra página web, además de que Shortcodes Ultimate cuenta con un diseño adaptable (responsive).

Al hacer uso de este plugin, veras desde tu propio sitio web, su potencia, versatilidad y dinamismo, y darás respuesta al por que es conocido como uno de los plugins más utilizados para la creación y edición de páginas web, para añadir diferentes funcionalidades y elementos visuales a nuestras entradas, así como a los themes de WordPress. Así como también es muy utilizado para maquetar landings transaccionales.

Si tienes en mente crear tu propia web de uso propio o para tu portafolio y así darte a conocer, ya sea con un blog o con la creación de un negocio, puedes hacerlo de forma muy sencilla utilizando Shortcodes Ultimate, por lo pronto solo necesitas de un dominio, un hosting y comenzar con WordPress, editando tus entradas y páginas, añadiéndoles plugins a voluntad. Si quieres maquetar de forma rápida y sencilla no te pierdas la oportunidad de utilizar Shortcodes Ultimate.

¿Interesado en aprenderlo todo sobre Shortcodes Ultimate y otros plugins básicos de WordPress? No lo dudes y ponte en contacto con Explotación Web. Te ayudaremos a llevar tu web al siguiente nivel.