Sådan opretter du billedboks ved hjælp af ElementsKit

Vil du slippe for den kedelige stil med at fremvise billeder på dit WordPress-websted? Prøv billedboksskabelonen i ElementsKit. 

ElementsKit (en komplet Elemetor-tilføjelse) tilbyder 19 forskellige billedboksskabeloner at vise billeder med forskellige effekter og animationer. Du kan også inkludere tekst, overskrifter, knapper, URL'er, ikoner og mange flere. 

Alle disse elementer kan tilpasses fuldt ud. Derudover kan du fjerne eller inkludere alle elementer i Elementor med ElementsKit-billedboksskabelonerne. 

✨✨ Nødvendige plugins: 
👉👉 Elementor: Download Elementor Plugin 
👉👉 ElementsKit: Download ElementsKit Plugin 

Opret en billedboks ved hjælp af ElementsKit #

  • Opret et nyt indlæg/side eller åbn et spændende med Elementor 
  • Klik på ElementsKit-ikon 
  • Vælg "Billedboks" fra kategorien 
Vælg billedbokskategorien
  • Du kan se 19 forskellige skabeloner (11 gratis, 8 premium) til billedboksen
  • Klik på plustegn (+) for at se forhåndsvisningen 
indsæt billedboksskabelon
  • Klik "Indsæt"
  • Det vises på din side/indlæg 
  • Nu kan du redigere stilene og andre egenskaber for billedboksskabelonen
  • Efter tilpasning, klik på "Offentliggøre"
Sådan opretter du billedboks ved hjælp af ElementsKit

Tilpas ElementsKit Image Box-skabelonen #

Fra venstre sidebjælke kan du tilpasse billedbokslayoutet, indholdet samt stilene for hvert element. Desuden kan du foretage avanceret tilpasning for et enkelt element eller hele layoutet fra de avancerede indstillinger. 

Tilpasning af layout  #

  • Vælg indholdsbredden (indrammet eller fuld bredde)
  • Indstil brugerdefineret bredde 
  • Tilpas søjleafstand, højde, lodret justering, overløb 
  • Tænd/sluk for stræksektionen 
ElementsKit Billedboks Layouttilpasning 

Indholdstilpasning  #

👉 Billede 

  • Skift billedet 
  • Tilpas billedstørrelsen
  • Indstil indholdsområdet 
  • Aktiver eller deaktiver lige højde 
  • Aktiver eller deaktiver URL 

👉 Legeme 

  • Skift titelteksten
  • Tilpas titlen HTML-tag
  • Indstil titeljusteringen 

👉 Knap

  • Aktiver eller deaktiver knappen 
  • Tilpas knapetikettens tekst 
  • Tilføj URL
  • Tilføj/fjern ikon 
  • Indstil ikonposition 
ElementsKit Billedboksindhold Tilpasning 

Tilpasning af stil  #

👉 Shadow Line 

  • Vælg den venstre eller højre skyggelinje
  • Indstil brugerdefineret bredde 
  • Tilpas box-skyggen 
  • Tilpas baggrundstype, farve 
  • Indstil baggrundsbillede 

👉 Billede 

  • Indstil tilpasset kantradius, polstring 
  • Tilpas billedopaciteten til normal stil eller svævestil 

👉 Legeme 

  • Indstil kanttype, kantradius
  • Tilpas baggrundsbillede, type og farve 
  • Indstil brugerdefineret polstring, boksskyggefarve 
  • Indstil titelafstand, typografi, farve 

👉 Knap 

  • Tilpas udfyldningsværdi, ikonskriftstørrelse 
  • Skift knaptekst og baggrundsfarve 
  • Indstil normale eller svæveegenskaber 
  • Indstil kanttype, kantradius, kasseskygge 

Avanceret tilpasning  #

  • Tilpas layoutets margen, polstring, bredde, position og z-indeks
  • Indstil bevægelseseffekter for elementer (f.eks. fade ind, zoom ind, hopper ind, skub ind til venstre osv.)
  • Tilpas reaktionsevnen og egenskaberne 
  • Indsæt brugerdefineret CSS for yderligere ændring 

Forhåbentlig kan du nu fremvise dine webstedsbilleder på mere interessante måder ved hjælp af ElementsKit-billedboksskabelonerne. Og tøv ikke med at stille spørgsmål eller dele dine forslag med os.

Hvad er dine følelser
Opdateret den 28. januar 2024