Skip to main content

WP File Download: Constructor de iconos

Para acceder a los conjuntos de iconos y de archivos únicos , vaya al menú WP File Download > Generador de iconos

 

menú del generador de iconos

 

1. Generador de iconos WP File Download

Puede aplicar los formatos de archivo SVG o PNG en todo su sitio habilitando la Establecer como predeterminado en la esquina derecha de cada pestaña.

 

establecer como icono predeterminado

 

El constructor de iconos SVG

Para acceder a la pestaña "Set SVG", ve a WP File Download > Constructor de Iconos > pestaña "Set SVG". Desde aquí, puedes aplicar un estilo de icono a todos los demás, eliminar el icono de reemplazo y, lo más importante, el "Editar icono" .

 

tablero de instrumentos SVG

 

Después de hacer clic en Editar ícono de cualquier ícono, se moverá a la página de personalización.

Icono: Cambiar el icono dentro del icono

  • Color del icono
  • Tamaño del icono
  • Selección de símbolos

 

establecer-icono-svg

 

Nombre de la extensión: establece el estilo del nombre de la extensión

  • Tipo de extensión
  • Familia de fuentes
  • Tamaño de fuente
  • Color de texto

 

establecer-nombre-svg

 

Configuración del marco: Esta es la forma alrededor del ícono y el nombre de la extensión

  • Selección de forma
  • Color del marco
  • Tamaño Grosor

 

establecer-svg-marco

 

Envoltorio: Contenido del icono

  • Borde
    • Radio del borde
    • Tamaño del borde
    • Color del borde
  • Antecedentes
    • Color de fondo
  • Sombra
    • Posición vertical
    • Posición horizontal
    • Radio de desenfoque 
    • Radio de propagación
    • Color de sombra

 

conjunto-svg-wrapper

 

Por último, recuerda hacer clic en el botón Guardar junto al ícono de vista previa en el encabezado. 

 

establecer-svg-guardar

 

Además, cuando desee volver al conjunto de iconos predeterminado o restablecer toda su personalización, haga clic en el "Restablecer al conjunto original" en la sección "Restablecer a valores predeterminados".

 

restablecer-a-valor-predeterminado-svg

 

El conjunto PNG y la anulación de iconos

De igual forma, para acceder a la opción "Configurar PNG", ve a WP File Download > Creador de Iconos > pestaña "Configurar PNG". En esta pestaña, puedes subir tus propios iconos según el tipo de archivo.

 

subir-png-set

 

También puedes configurar el icono de representación para los archivos desconocidos.

 

archivo de carga desconocido

 

2. Diseño de bloque de archivo único

Para acceder a Archivo único, vaya a WP File Download > Constructor de iconos > Archivo único. Esta función incluye dos columnas: bloque de vista previa y área de CSS personalizado (abajo a la izquierda), y la sección principal, la configuración del bloque (a la derecha).

 

tablero de un solo archivo

 

Todos los elementos del bloque de archivo único se pueden ocultar o mostrar haciendo clic en el botón correspondiente. A continuación, se muestra lo que puede ajustar:

Configuración de iconos

  • Margen: superior, derecho, inferior, izquierdo.
  • Enlace en el icono
  • Seleccione su conjunto de iconos
  • Tamaño del icono
  • Icono de vista previa de JoomUnited

Título del archivo

  • Margen: superior, derecho, inferior, izquierdo.
  • Tamaño de fuente
  • Relleno: superior, derecha, inferior, izquierda.
  • Etiqueta de envoltura

 

opción de título de icono

 

Descripción del archivo

  • Margen: superior, derecho, inferior, izquierdo.
  • Tamaño de fuente
  • Relleno: superior, derecha, inferior, izquierda.

Información del archivo

  • Tamaño del archivo, Fecha de creación del archivo, Fecha de actualización del archivo, Fecha de descarga del archivo, Versión del archivo: visible/oculta
  • Tamaño de fuente
  • Margen: superior, derecho, inferior, izquierdo.
  • Relleno: superior, derecha, inferior, izquierda.

 

opción de información de archivo

 

Botón de descarga

  • Margen: superior, derecho, inferior, izquierdo
  • Ancho del botón
  • Tamaño de fuente
  • Sombra de caja: x, y, desenfocar y extender, color
  • Relleno: superior, derecha, inferior, izquierda
  • Radio del borde
  • Tamaño del borde
  • Color del borde

 

botón de descarga opcional

 

  • Normal: 
    • Color de fuente
    • Tipo de color del botón: 
      • Sólido: color de fondo del botón
      • Degradado: Botón de inicio/fin de degradado
  • Flotar:
    • Color de fuente al pasar el cursor
    • Tipo de fondo al pasar el cursor:
      • Sólido: color de fondo al pasar el cursor
      • Gradiente: Pasar el cursor sobre el inicio/fin del gradiente
  • Icono de descarga
  • Color del icono
  • Tamaño del icono
  • Posición del icono
  • Espaciado de iconos

 

botón de descarga opción 2

 

Botón de vista previa

  • Margen: superior, derecho, inferior, izquierdo
  • Ancho del botón
  • Tamaño de fuente
  • Sombra de caja: x, y, desenfocar y extender, color
  • Relleno: superior, derecha, inferior, izquierda
  • Radio del borde
  • Tamaño del borde
  • Color del borde

 

botón de vista previa opción 1

 

  • Normal: 
    • Color de fuente
    • Tipo de color del botón: 
      • Sólido: color de fondo del botón
      • Degradado: Botón de inicio/fin de degradado
  • Flotar: 
    • Color de fuente al pasar el cursor
    • Sin embargo, el tipo de fondo
      • Sólido: color de fondo al pasar el cursor
      • Gradiente: Pasar el cursor sobre el inicio/fin del gradiente
  • Icono de vista previa
  • Color del icono
  • Tamaño del icono
  • Posición del icono
  • Espaciado de iconos

 

botón de vista previa opción 2

 

Por último, no olvides hacer clic en Guardar configuración .