Passa al contenuto principale

WP File Download : generatore di icone

Per accedere ai set di icone e file singoli , vai nel menu WP File Download > Generatore di icone

 

icone-builder-menu

 

1. WP File Download icone di WP File Download

Puoi applicare SVG o PNG per i formati di file su tutto il tuo sito abilitando l' opzione Imposta come predefinito nell'angolo destro di ogni scheda.

 

icona impostata come predefinita

 

Il generatore di icone SVG

Per accedere a Set SVG, vai in WP File Download > Icons Builder> scheda Imposta SVG. Da qui, puoi applicare uno stile icona per tutti gli altri, eliminare l'icona di sostituzione e la funzione più importante è il Modifica icona .

 

svg-dashboard

 

Dopo aver fatto clic sul pulsante Modifica icona di qualsiasi icona, si passerà alla pagina di personalizzazione.

Icona: cambia l'icona all'interno dell'icona

  • Colore dell'icona
  • Dimensioni dell'icona
  • Selezione dei simboli

 

set-svg-icona

 

Nome dell'estensione: imposta lo stile del nome dell'estensione

  • Tipo di estensione
  • Famiglia di font
  • Dimensione del font
  • Colore del testo

 

set-svg-name

 

Impostazione della cornice: questa è la forma intorno all'icona e al nome dell'estensione

  • Selezione della forma
  • Colore del telaio
  • Spessore delle dimensioni

 

set-svg-frame

 

Wrapper: contenuto dell'icona

  • Confine
    • Raggio di confine
    • Dimensione del bordo
    • Colore del bordo
  • sfondo
    • Colore di sfondo
  • Ombra
    • Posizione verticale
    • Posizione orizzontale
    • Raggio di sfocatura 
    • Raggio di diffusione
    • Colore dell'ombra

 

set-svg-wrapper

 

Infine, ricorda di fare clic sul pulsante Salva accanto all'icona di anteprima nell'intestazione. 

 

set-svg-save

 

Inoltre, quando desideri ripristinare le icone predefinite impostate o ripristinare tutta la personalizzazione, fai clic sul pulsante "Ripristina set originale" nella sezione "Ripristina impostazioni predefinite".

 

reset-to-default-svg

 

Il set PNG e l'icona sostituiscono

Allo stesso modo, per accedere a Imposta PNG, vai in WP File Download > Generatore di icone> Imposta PNG scheda. In questa scheda puoi caricare le tue icone corrispondenti ai tipi di file.

 

upload-png-set

 

E puoi impostare l'icona di rappresentazione per i file sconosciuti.

 

upload-file-sconosciuto

 

2. Design a blocco di file singolo

Per accedere a File singolo, vai su WP File Download > Icons Builder> File singolo. Questa funzione include due colonne: blocco di anteprima e area CSS personalizzata in basso a sinistra e la parte principale sono le impostazioni del blocco a destra.

 

dashboard a file singolo

 

Tutti gli elementi nel blocco di file singolo possono essere nascosti / visibili facendo clic sul pulsante di attivazione / disattivazione su ciascuno. Di seguito trovi ciò che puoi regolare:

Configurazione delle icone

  • Margine: superiore, destro, inferiore, sinistro.
  • Dimensioni dell'icona
  • Seleziona il tuo set di icone
  • Collegamento sull'icona

Titolo del file

  • Margine: superiore, destro, inferiore, sinistro.
  • Imbottitura: in alto, a destra, in basso, a sinistra.
  • Dimensione del font
  • Etichetta wrapper

 

icona-titolo-opzione

 

Descrizione del file

  • Margine: superiore, destro, inferiore, sinistro.
  • Imbottitura: in alto, a destra, in basso, a sinistra.
  • Dimensione del font

Informazioni sui file

  • Dimensione del file, Data di creazione del file, Aggiornamento del file Download del file raggiunto, Versione del file: visibile / nascosto
  • Dimensione del font
  • Margine: superiore, destro, inferiore, sinistro.
  • Imbottitura: in alto, a destra, in basso, a sinistra.

 

file-infor-opzione

 

Pulsante di download

  • Margine: superiore, destro, inferiore, sinistro
  • Imbottitura: in alto, a destra, in basso, a sinistra
  • Larghezza pulsante
  • Raggio di confine
  • Dimensione del font
  • Dimensione del bordo
  • Ombra riquadro: x, y, sfocatura e diffusione
  • Colore per box-shadow
  • Colore del bordo

 

pulsante di download opzione

 

  • Normale: 
    • Colore del carattere
    • Tipo di colore del pulsante: 
      • Fisso: colore di sfondo del pulsante
      • Gradiente: inizio / fine gradiente del pulsante
  • hover:
    • Colore del carattere al passaggio del mouse
    • Tipo di sfondo al passaggio del mouse:
      • Fisso: colore di sfondo al passaggio del mouse
      • Gradiente: inizio / fine gradiente al passaggio del mouse
  • Icona di download
  • Colore dell'icona
  • Dimensioni dell'icona
  • Posizione dell'icona
  • Spaziatura delle icone

 

pulsante-download-opzione-2

 

Pulsante Anteprima

  • Margine: superiore, destro, inferiore, sinistro
  • Imbottitura: in alto, a destra, in basso, a sinistra
  • Larghezza pulsante
  • Raggio di confine
  • Dimensione del font
  • Dimensione del bordo
  • Ombra riquadro: x, y, sfocatura e diffusione
  • Colore per box-shadow
  • Colore del bordo

 

opzione-pulsante-anteprima-1

 

  • Normale: 
    • Colore del carattere
    • Tipo di colore del pulsante: 
      • Fisso: colore di sfondo del pulsante
      • Gradiente: inizio / fine gradiente del pulsante
  • hover: 
    • Colore del carattere al passaggio del mouse
    • Tipo di sfondo Hoever
      • Fisso: colore di sfondo al passaggio del mouse
      • Gradiente: inizio / fine gradiente al passaggio del mouse
  • Icona Anteprima
  • Colore dell'icona
  • Dimensioni dell'icona
  • Posizione dell'icona
  • Spaziatura delle icone

 

pulsante-anteprima-opzione-2

 

Infine, non dimenticare di fare clic sul pulsante Salva impostazioni .