botones e.nigma - KolMitE

botones e.nigma

botones e.nigma

noviembre 19, 2020 General 0

Descripción

e.nigma buttons es un complemento ligero que soluciona un problema común que se aplica a muchos usuarios de WordPress: resaltar visualmente un enlace (por ejemplo, un enlace de descarga). Una gran solución es el uso de botones.

El propósito de un botón es claro. Pulsas ese botón y pasa algo. Este es un principio bien conocido que la mayoría de los usuarios conocen. A diferencia de los enlaces de texto normales (por ejemplo, un enlace de descarga), es más probable que los botones se noten, especialmente si los usa en combinación con un icono.

Los botones e.nigma le permiten crear fácilmente esos botones visualmente atractivos utilizando un entorno de código abreviado simple.

El desarrollo del complemento es un proceso abierto. La versión actual está disponible en github:

https://github.com/chemiker/enigma-buttons

Siéntase libre de contribuir y corregir errores o enviar mejoras a través de github.

Códigos cortos y atributos

botones e.nigma agrega el shortcode [button] a su instalación. Las siguientes opciones se pueden utilizar para ajustar el botón a sus necesidades:

  • label: La etiqueta de tu botón
  • icon: El icono de tu botón
  • link: El enlace de tu botón
  • color: El color del botón
  • border: sí (predeterminado) o no
  • size: pequeño, mediano (predeterminado) o grande
  • class: Clases de CSS adicionales que se agregarán al icono de sus botones

La mayoría de los atributos de los códigos cortos se explican por sí mismos. Sin embargo, cabe señalar que el icon El atributo se puede rellenar utilizando códigos abreviados de Font Awesome modificados.

Por ejemplo: si desea utilizar el icono de GitHub, buscará ese icono en la lista de todos los iconos. Lo que encontrará es la clase CSS correspondiente. por botones e.nigma se utiliza el nombre del icono (que se obtiene si se quita el “fa-” al principio de la clase CSS). Para GitHub, la clase CSS sería fa-github. Así, github es su valor para el icon atributo.

Colores

Están disponibles los siguientes colores:
* verde
* naranja
* púrpura
* cian
* blanco
* rojo
* negro

Además de esos valores, también puede utilizar un código de color hexadecimal (por ejemplo, # ff3600)

Iconos

botones e.nigma utiliza Font Awesome de Dave Gandy como recurso de icono. En su sitio web se puede encontrar una descripción general de todos los iconos disponibles.

Ejemplos

[button label="My GitHub account" icon="github" color="orange" link="https://github.com/chemiker"]

Te trae un botón naranja vinculado, de tamaño mediano, que tiene un ícono de GitHub y la etiqueta “Mi cuenta de GitHub”.

[button icon="github" color="orange" link="https://github.com/chemiker" size="large"]

Te trae un ícono naranja de GitHub vinculado de gran tamaño.

Instalación

  1. Sube la carpeta del complemento al /wp-content/plugins/ directorio
  2. Active el complemento a través del menú ‘Complementos’ en WordPress

Preguntas más frecuentes

¿Hay clases CSS reservadas para el atributo ‘clase’?

Si. La idea original detrás de ese atributo de clase era la capacidad de agregar clases CSS Font Awesome adicionales (para girar, rotar, etc.). Se pueden encontrar varios ejemplos en la documentación de Font Awesome.

Reseñas

No hay reseñas para este complemento.

Colaboradores y desarrolladores

“E.nigma buttons” es un software de código abierto. Las siguientes personas han contribuido a este complemento.

Colaboradores

  • Alexander Lueken

Traduce “botones de e.nigma” a tu idioma.

Interesado en el desarrollo?

Explore el código, consulte el repositorio de SVN o suscríbase al registro de desarrollo mediante RSS.

Registro de cambios

1.1.5

  • Actualización de readme

1.1.4

  • Actualización de readme

1.1.3

  • Modificaciones menores de CSS

1.1.2

  • Actualizado a Font Awesome 4.7
  • Soporte agregado para la localización

1.1.1

  • Actualizado a Font Awesome 4.6.3

1.1

  • Actualizado a Font Awesome 4.2
  • Admite valores hexadecimales (por ejemplo, # ff3600) como atributo de color

1.0.1

  • Corrija la altura de línea incorrecta para varios temas

1.0

  • Versión inicial

Por favor Comparte y Síguenos:
RSS
Follow by Email
Facebook
Twitter

Deja una respuesta