Ga naar hoofdinhoud

WP File Download: iconenbouwer

Om toegang te krijgen tot iconensets en in één bestand , ga je naar het menu WP File Download > Iconenbouwer

 

iconen-builder-menu

 

1. WP File Download pictogrambouwer

Je kunt de SVG- of PNG-bestandsindeling voor je hele website toepassen door de 'Instellen als standaard' rechtsboven in elk tabblad in te schakelen.

 

instellen als standaardpictogram

 

De SVG-pictogrambouwer

Om toegang te krijgen tot 'SVG instellen', ga je naar WP File Download > Pictogrammenbouwer > tabblad 'SVG instellen'. Vanuit hier kun je een pictogramstijl toepassen op alle andere pictogrammen, het overschrijvende pictogram verwijderen en, de belangrijkste functie, het pictogram bewerken .

 

svg-dashboard

 

Als je op de 'Pictogram bewerken' bij een pictogram, kom je op de aanpassingspagina terecht.

Pictogram: Wijzig het pictogram binnen het pictogram.

  • Pictogramkleur
  • Pictogramgrootte
  • Symboolselectie

 

set-svg-icon

 

Extensienaam: Stel de stijl van de extensienaam in.

  • Uitbreidingstype
  • Lettertypefamilie
  • Lettergrootte
  • Tekst kleur

 

set-svg-name

 

Kaderinstelling: Dit is de vorm rond het pictogram en de extensienaam.

  • Vormselectie
  • Framekleur
  • Afmeting Dikte

 

set-svg-frame

 

Wrapper: Inhoud van het pictogram

  • Grens
    • Grensradius
    • Randgrootte
    • Randkleur
  • Achtergrond
    • Achtergrond kleur
  • Schaduw
    • Verticale positie
    • Horizontale positie
    • Vervagingsradius 
    • Spreidingsradius
    • Schaduwkleur

 

set-svg-wrapper

 

Vergeet tot slot niet op de knop 'Opslaan' naast het voorbeeldpictogram in de header te klikken. 

 

set-svg-save

 

Als je bovendien wilt terugkeren naar de standaardpictogrammen of al je aanpassingen wilt resetten, klik je op de "Terugzetten naar originele instellingen" in het gedeelte "Terugzetten naar standaardinstellingen".

 

reset-to-default-svg

 

De PNG-set en pictogramoverride

Op dezelfde manier kunt u toegang krijgen tot Set PNG door naar WP File Download > Icons Builder > Set PNG-tabblad te gaan. Op dit tabblad kunt u uw eigen pictogrammen uploaden die overeenkomen met de bestandstypen.

 

upload-png-set

 

En je kunt een pictogram instellen voor de weergave van onbekende bestanden.

 

upload-bestand-onbekend

 

2. Blokontwerp voor enkelvoudige rijen

Om toegang te krijgen tot de functie 'Enkel bestand', ga naar WP File Download > Pictogrammenbouwer > Enkel bestand. Deze functie bestaat uit twee kolommen: een voorbeeldblok en een gedeelte voor aangepaste CSS aan de linkerkant, en het hoofdgedeelte met de blokinstellingen aan de rechterkant.

 

dashboard met één bestand

 

Alle elementen in het blok met één bestand kunnen worden verborgen/zichtbaar gemaakt door op de schakelaar bij elk element te klikken. Hieronder ziet u wat u kunt aanpassen:

Pictogram configuratie

  • Marges: boven, rechts, onder, links.
  • Link op pictogram
  • Selecteer uw iconenset
  • Pictogramgrootte
  • JoomUnited Voorbeeld-icoon

Bestandsnaam

  • Marges: boven, rechts, onder, links.
  • Lettergrootte
  • Vulling: boven, rechts, onder, links.
  • Wikkellabel

 

pictogram-titel-optie

 

Bestand beschrijving

  • Marges: boven, rechts, onder, links.
  • Lettergrootte
  • Vulling: boven, rechts, onder, links.

Bestandsinformatie

  • Bestandsgrootte, aanmaakdatum bestand, update datum bestand, aantal downloads, bestandsversie: zichtbaar/verborgen
  • Lettergrootte
  • Marges: boven, rechts, onder, links.
  • Vulling: boven, rechts, onder, links.

 

bestand-voor-optie

 

Downloadknop

  • Marges: boven, rechts, onder, links
  • Knopbreedte
  • Lettergrootte
  • Schaduw van een kader: x, y, vervagen en spreiden, kleur
  • Vulling: boven, rechts, onder, links
  • Grensradius
  • Randgrootte
  • Randkleur

 

download-button-option

 

  • Normaal: 
    • Letterkleur
    • Type knopkleur: 
      • Effen: Achtergrondkleur van de knop
      • Gradiënt: Knop gradiënt begin/einde
  • Zweven:
    • Letterkleur bij hover
    • Type hover-achtergrond:
      • Effen: Achtergrondkleur bij hoveren
      • Gradiënt: Beweeg de muis over het begin/einde van de gradiënt
  • Download-icoon
  • Pictogramkleur
  • Pictogramgrootte
  • Pictogrampositie
  • Pictogramafstand

 

download-button-option-2

 

Voorbeeld knop

  • Marges: boven, rechts, onder, links
  • Knopbreedte
  • Lettergrootte
  • Schaduw van een kader: x, y, vervagen en spreiden, kleur
  • Vulling: boven, rechts, onder, links
  • Grensradius
  • Randgrootte
  • Randkleur

 

preview-button-option-1

 

  • Normaal: 
    • Letterkleur
    • Type knopkleur: 
      • Effen: Achtergrondkleur van de knop
      • Gradiënt: Knop gradiënt begin/einde
  • Zweven: 
    • Letterkleur bij hover
    • Hoever achtergrondtype
      • Effen: Achtergrondkleur bij hoveren
      • Gradiënt: Beweeg de muis over het begin/einde van de gradiënt
  • Voorbeeldpictogram
  • Pictogramkleur
  • Pictogramgrootte
  • Pictogrampositie
  • Pictogramafstand

 

preview-button-option-2

 

Vergeet tot slot niet op 'Instellingen opslaan' .