WP File Download : Ikonebygger

For at få adgang til ikoner sæt og enkelt fil blok design, skal du gå i menuen WP File Download > Ikoner Builder

 

ikoner-builder-menu

 

1. WP File Download ikonbygger

Du kan anvende SVG eller PNG til filformater på hele dit websted ved at aktivere Set som standardindstilling i højre hjørne af hver fane.

 

 

SVG-ikonbyggeren

For at få adgang til Set SVG skal du gå til WP File Download > Icons Builder> Set SVG-fanen. Herfra kan du anvende en ikonstil for alle andre, slette tilsidesættelsesikonet, og den vigtigste funktion er knappen Rediger ikon .

 

 

Efter at have klikket på knappen Rediger ikon på et hvilket som helst ikon, flyttes det til tilpasningssiden.

Ikon: Skift ikonet inde i ikonet

  • Ikonfarve
  • Ikonstørrelse
  • Symbolvalg

 

 

Udvidelsesnavn: Indstil stilen på udvidelsesnavnet

  • Udvidelsestype
  • Skrifttypefamilie
  • Skriftstørrelse
  • Tekstfarve

 

 

Rammeindstilling: Dette er form omkring ikonet og udvidelsesnavnet

  • Valg af form
  • Ramme farve
  • Størrelse tykkelse

 

 

Indpakning: Ikonets indhold

  • Grænse
    • Grænseradius
    • Kantstørrelse
    • Kantfarve
  • Baggrund
    • Baggrundsfarve
  • Skygge
    • Lodret position
    • Vandret position
    • Slør radius 
    • Spred radius
    • Skygge farve

 

 

Til sidst skal du huske at klikke på knappen Gem ved siden af ​​preview-ikonet i overskriften. 

 

 

Når du desuden ønsker at vende tilbage til standardikonsættet eller nulstille al din tilpasning, skal du klikke på knappen "Nulstil til originalt sæt" i afsnittet "Nulstil til standard".

 

 

PNG-sæt og ikon tilsidesætter

På samme måde skal du gå til WP File Download > Icons Builder> Set PNG-fanen for at få adgang til Set PNG . På denne fane kan du uploade dine egne ikoner, der svarer til filtyper.

 

 

Og du kan indstille repræsentationsikonet for de ukendte filer.

 

 

2. Enkelt filblok design

For at få adgang til en enkelt fil skal du gå til WP File Download > Icons Builder> Single file. Denne funktion inkluderer to kolonner: eksempelblok og brugerdefineret CSS-område nedenfor til venstre, og hoveddelen er blokindstillinger til højre.

 

 

Alle elementer i den enkelte filblok kan skjules / vises ved at klikke på skift-knappen på hver. Nedenfor er hvad du kan justere:

Ikonkonfiguration

  • Margen: øverst, højre, nederst, venstre.
  • Ikonstørrelse
  • Vælg dit ikon
  • Link på ikon

Filtitel

  • Margen: øverst, højre, nederst, venstre.
  • Pading: øverst, højre, nederst, venstre.
  • Skriftstørrelse
  • Indpakningskode

 

 

Filbeskrivelse

  • Margen: øverst, højre, nederst, venstre.
  • Pading: øverst, højre, nederst, venstre.
  • Skriftstørrelse

Filoplysninger

  • Filstørrelse, fil oprettet dato, filopdatering File download hit, filversion: synlig / skjult
  • Skriftstørrelse
  • Margen: øverst, højre, nederst, venstre.
  • Pading: øverst, højre, nederst, venstre.

 

 

Download-knap

  • Margen: øverst, højre, nederst, venstre
  • Pading: øverst, højre, nederst, venstre
  • Knapbredde
  • Grænseradius
  • Skriftstørrelse
  • Kantstørrelse
  • Rammeskygge: x, y, sløring og spredning
  • Farve til box-shadow
  • Kantfarve

 

 

  • Normal: 
    • Skrift farve
    • Knapfarvetype: 
      • Fast: Knapbaggrundsfarve
      • Gradient: Start / slutning af knapgradient
  • Hover:
    • Hover skrifttypefarve
    • Hold musen over baggrundstype:
      • Fast: Hover baggrundsfarve
      • Gradient: Hover gradient start / slut
  • Download ikon
  • Ikonfarve
  • Ikonstørrelse
  • Ikonposition
  • Ikoneafstand

 

 

Eksempel på knap

  • Margen: øverst, højre, nederst, venstre
  • Pading: øverst, højre, nederst, venstre
  • Knapbredde
  • Grænseradius
  • Skriftstørrelse
  • Kantstørrelse
  • Rammeskygge: x, y, sløring og spredning
  • Farve til box-shadow
  • Kantfarve

 

 

  • Normal: 
    • Skrift farve
    • Knapfarvetype: 
      • Fast: Knapbaggrundsfarve
      • Gradient: Start / slutning af knapgradient
  • Hover: 
    • Hover skrifttypefarve
    • Hoever baggrundstype
      • Fast: Hover baggrundsfarve
      • Gradient: Hover gradient start / slut
  • Eksempel på ikon
  • Ikonfarve
  • Ikonstørrelse
  • Ikonposition
  • Ikoneafstand

 

 

Endelig skal du ikke glemme at klikke på knappen Gem indstillinger .