Spring til indhold
DBR Plugins

Guide: DBR Gallery Builder Pro

Denne guide fører dig fra installation til dit første hurtige, søgbare galleri.

1. Installation

  1. Efter dit køb finder du plugin-filen under Min konto → Downloads — og din licensnøgle under Min konto → Mine licenser.
  2. Gå til Plugins → Tilføj nyt → Upload plugin, vælg zip-filen, klik Installér nu og Aktivér.
  3. Indsæt licensnøglen under Gallerier → Indstillinger (bruges til automatiske opdateringer — funktionerne er ikke låst).

2. Byg dit første galleri

  1. Gå til Gallerier → Nyt galleri, giv det en titel.
  2. Klik + Tilføj billeder fra mediebiblioteket og vælg dine billeder. Træk for at ændre rækkefølgen.
  3. Vælg et layout: Editorial (stort og luftigt), Minimal (stramt grid), Mosaic (masonry), Portfolio (ét værk ad gangen) eller Showcase (hero-rækker) — og finjustér kolonner, mellemrum, hjørner, hover og billedtekster.
  4. Udgiv galleriet og kopiér shortcoden fra boksen i siden: [dbr_gallery id="X"].

3. Indsæt galleriet

Shortcoden virker overalt: Divi (Tekst- eller Kode-modul), Elementor (Shortcode-widget), Gutenberg (Shortcode-blok) og classic editor.

4. Optimér billederne (WebP/AVIF)

  1. Boksen Indsæt & optimér viser, hvilke formater din server understøtter, og hvor mange varianter der mangler.
  2. Klik Optimér billeder nu — letvægts-kopierne genereres i baggrunden i små bidder (originalerne røres aldrig). Besøgende får automatisk det letteste format, deres browser understøtter.
  3. Manglende varianter genereres også automatisk ved visning (med et lille loft pr. sidevisning), så galleriet aldrig går i stå — men kør knappen for at få det hele klaret på én gang.

5. SEO: schema og alt-tekster

  1. Gå til Gallerier → Indstillinger og udfyld Fotograf/skaber — navnet indgår som creator/copyright i billedernes strukturerede data (ImageObject), der læses af Google Billeder og AI-søgeværktøjer.
  2. Alt-tekster vedligeholdes i mediebiblioteket som normalt. Har du det gratis DBR AI Engine installeret med en nøgle, kan du generere danske UDKAST til manglende alt-tekster med ét klik — ud fra filnavn, titel og galleri-kontekst (AI’en ser ikke selve billedet, så gennemgå altid resultatet).

6. AI-stilassistenten

Med DBR AI Engine installeret: skriv en stemning i feltet under Layout & stil — fx “roligt og luksuriøst med masser af luft” — og klik Anvend stil. Assistenten vælger layout og finjusterer parametrene; du kan altid justere videre manuelt bagefter. Gem galleriet, før du bruger assistenten.

7. Opdateringer

Nye versioner dukker op under Opdateringer i WordPress med changelog — leveret fra DBR Plugin Hub.

Tilpas designet med CSS

Ud over de indbyggede layouts og farvetema har galleriet faste CSS-klasser, så du kan finjustere udseendet fra dit temas stylesheet eller under Customizer → Ekstra CSS. De vigtigste:

  • .dbrgb-gallery — hele galleriet. Nøgletal styres via CSS-variabler: --dbrgb-cols (kolonner), --dbrgb-gap (mellemrum), --dbrgb-radius (hjørner), --dbrgb-ar (billedformat) og --dbrgb-ui-* (filter-knappernes farver).
  • .dbrgb-layout-grid, -masonry, -justified, -editorial, -showcase, -single — styling specifikt pr. layout.
  • .dbrgb-item, .dbrgb-img, .dbrgb-frame — det enkelte billede og dets ramme.
  • .dbrgb-caption — billedteksten.
  • .dbrgb-filter, .dbrgb-filter-btn, .dbrgb-cat-pill — kategori-filteret over galleriet.
  • .dbrgb-lb med .dbrgb-lb-close, .dbrgb-lb-next, .dbrgb-lb-prev, .dbrgb-lb-caption, .dbrgb-lb-info, .dbrgb-lb-share — lightboxen.

Eksempel — flere kolonner og skarpe hjørner:

.dbrgb-gallery { --dbrgb-cols: 5; --dbrgb-radius: 0; }
.dbrgb-caption { font-style: italic; }

Fejlfinding

  • WebP/AVIF er nedtonet i Indstillinger: serveren mangler formatunderstøttelse — spørg dit hostingfirma efter GD med WebP/AVIF eller Imagick. Galleriet virker fint med originalformaterne imens.
  • Galleriet viser ingenting: tjek at galleriet er Udgivet, og at shortcodens id matcher.
  • AI-knapperne mangler: DBR AI Engine skal være installeret OG have en gemt API-nøgle.
  • Gamle billeder efter ændringer: ryd sitets cache-plugin efter større ændringer i et galleri.

Stadig i tvivl? Skriv til support@digitalbyroed.dk.