Vai al contenuto principale

WP File Download: generatore di icone

Per accedere ai set di icone e di file singoli , vai al menu WP File Download > Icons Builder

 

menu-costruttore-icone

 

1. Generatore di icone WP File Download

Puoi applicare i formati di file SVG o PNG all'intero sito abilitando l' Imposta come predefinito nell'angolo destro di ogni scheda.

 

imposta-come-icona-predefinita

 

Il generatore di icone SVG

Per accedere a Set SVG, vai su WP File Download > Icons Builder > scheda Set SVG. Da qui, puoi applicare uno stile icona a tutti gli altri, eliminare l'icona di override e la funzionalità più importante è Modifica icona .

 

cruscotto svg

 

Dopo aver cliccato sul Modifica di un'icona qualsiasi, si passerà alla pagina di personalizzazione.

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

  • Colore dell'icona
  • Dimensione dell'icona
  • Selezione del simbolo

 

imposta-icona-svg

 

Nome estensione: imposta lo stile del nome dell'estensione

  • Tipo di estensione
  • Famiglia di caratteri
  • Dimensione del carattere
  • Colore del testo

 

imposta-nome-svg

 

Impostazione del frame: questa è la forma attorno all'icona e al nome dell'estensione

  • Selezione della forma
  • Colore del telaio
  • Dimensioni Spessore

 

imposta-frame-svg

 

Wrapper: Contenuto dell'icona

  • Confine
    • Raggio del 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, ricordatevi di cliccare sul pulsante Salva accanto all'icona di anteprima nell'intestazione. 

 

imposta-svg-salva

 

Inoltre, quando vuoi tornare al set di icone predefinito o ripristinare tutte le tue personalizzazioni, clicca sul "Ripristina set originale" nella sezione "Ripristina impostazioni predefinite".

 

ripristina-svg-predefinito

 

Il set PNG e l'override dell'icona

Allo stesso modo, per accedere a Set PNG, vai su WP File Download > Icons Builder > scheda Set PNG. In questa scheda puoi caricare le tue icone corrispondenti ai tipi di file.

 

carica-png-set

 

Ed è possibile impostare l'icona di rappresentanza per i file sconosciuti.

 

caricamento-file-sconosciuto

 

2. Progettazione di blocchi di file singoli

Per accedere a Single file, vai su WP File Download > Icons Builder > Single file. Questa funzionalità include due colonne: blocco di anteprima e area CSS personalizzata in basso a sinistra, mentre la parte principale è dedicata alle impostazioni del blocco a destra.

 

dashboard a file singolo

 

Tutti gli elementi nel blocco file singolo possono essere nascosti/visibili cliccando sul pulsante di attivazione/disattivazione presente su ciascuno di essi. Di seguito sono riportate le impostazioni che è possibile modificare:

Icon configuration

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

Titolo del file

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

 

icona-titolo-opzione

 

Descrizione file

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

Informazioni sul file

  • Dimensione del file, Data di creazione del file, Data di aggiornamento del file, Hit di download del file, Versione del file: visibile/nascosta
  • Dimensione del carattere
  • Margine: superiore, destro, inferiore, sinistro.
  • Imbottitura: in alto, a destra, in basso, a sinistra.

 

opzione-informazioni-file

 

Integrazione con WooCommerce

  • Margine: superiore, destro, inferiore, sinistro
  • Larghezza del pulsante
  • Dimensione del carattere
  • Ombra della scatola: x, y, sfocatura e diffusione, colore
  • Imbottitura: in alto, a destra, in basso, a sinistra
  • Raggio del confine
  • Dimensione del bordo
  • Colore del bordo

 

opzione-pulsante-download

 

  • Normale: 
    • Colore del carattere
    • Tipo di colore del pulsante: 
      • Solido: colore di sfondo del pulsante
      • Gradiente: Pulsante inizio/fine gradiente
  • Passa il mouse sopra:
    • Colore del carattere passante
    • Tipo di sfondo al passaggio del mouse:
      • Solido: colore di sfondo al passaggio del mouse
      • Gradiente: inizio/fine del gradiente al passaggio del mouse
  • Scarica l'icona
  • Colore dell'icona
  • Dimensione dell'icona
  • Posizione dell'icona
  • Spaziatura delle icone

 

pulsante-di-scarica-opzione-2

 

Pulsante di anteprima

  • Margine: superiore, destro, inferiore, sinistro
  • Larghezza del pulsante
  • Dimensione del carattere
  • Ombra della scatola: x, y, sfocatura e diffusione, colore
  • Imbottitura: in alto, a destra, in basso, a sinistra
  • Raggio del confine
  • Dimensione del bordo
  • Colore del bordo

 

anteprima-pulsante-opzione-1

 

  • Normale: 
    • Colore del carattere
    • Tipo di colore del pulsante: 
      • Solido: colore di sfondo del pulsante
      • Gradiente: Pulsante inizio/fine gradiente
  • Passa il mouse sopra: 
    • Colore del carattere passante
    • Tipo di sfondo Hoever
      • Solido: colore di sfondo al passaggio del mouse
      • Gradiente: inizio/fine del gradiente al passaggio del mouse
  • Icona di anteprima
  • Colore dell'icona
  • Dimensione dell'icona
  • Posizione dell'icona
  • Spaziatura delle icone

 

pulsante-anteprima-opzione-2

 

Infine, non dimenticare di cliccare sul Salva impostazioni .