Redaktør support​

Intern side med små tips/tricks guides og andre goodies.

Smartslider 3

Kolonner:

  • Opret en row, vælg Content fanen og juster antal Columns: “Wrap after x columns” bruges til at indstille hvor mange maks kolonner som vises på det givne device, hvorefter overskydende kolonner placeres nedenunder som rækker.
  • Bredde forholdet på kolonnerne justeres via de grønne procentbokse på content fanen
  • Kolonnerne inkl. indhold kan nemt omarrangeres via drag’n’drop af de grønne procentbokse

Farver og fonte:

  • Nunita Sans    (Google font)
  • Mørkeblå H1 tekst ligesom Elementor : 21314DFF + Weight 800
  • CTA knap: Grøn #00774D      Tekst hoover gul #E2E60A 

margin/padding:

Urets retning! Dvs.:     Top – Højre – Bund – Venstre

Focus:

Baggrundsbilleders fokus afgør hvad der ikke croppes ved skift fra desktop til mobil!

Slider højde:

Default layers can increase the height of the slide they’re in, which will increase the height of the whole slider. In other words, when you’re working with Default layers, the height of your whole slider is defined by the height of the tallest slide.

Baggrunde:

  • Husk at der både kan være billeder, video og gradients
  • Slide transition animationer kan både sættes på baggrundene imens andre transitions kan sættes på lagene
  • Det kan også være simpel ken burns på BG billede

Animationer:

  • Husk AnimatedHighlighted og Reveal headere. De skaber opmærksomhed og fokus!
  • Slide baggrunde
  • Tekst/knapper/billeder i form af lag (kan justeres på tidslinjen på Layer List og lag kan grupperes i mapper hvortil en animation kan tilføjes)
  • Shape dividers
  • Events, fx hoover, indgang og udgang

Canvas:

Træk fx marginer direkte på canvas i mobile view

Particle effect

Husk evt. at bruge particle effekten til når det sner (måske regn)

Diverse tips

  •  Når man står i Elementor kan man komme hurtigt til en anden side ved at klikke burgermenu/Finder og søge på sidenavnet
  •  Padding imellem sektioner er bedst at sætte i % mht. responsiveness
  • Section height kan med fordel ofte sættes som en VH % (view height %)

Cache udfordringer

  • Filføj “?x” slut i URL
  • Tøm WP cache: Settings/Pantheon Page cache/Clear

Rank Math

Redirects:

Source feltet:

  • UDEN rod og UDEN / i start !
  • Exact !
  • Flueben i Ignore case !

Destination feltet:

  • UDEN rod men MED / i start !

2 kolonnet app CTA sektionsbileder

  • Phone H650px
  • Image size Full
  • Style/Width:
    • Desktop 70%
    • Tablet 80%
    • Mobile 85%

Vimeo video embed kode

Brug html koden når der indsættes Vimeo videoer, så de lever op til reglerne omkring cookies.
Dvs. UNDGÅ at bruge Elementors video widget!

  1. Kopier html koden fra nedenstående HTML widget og indsæt den i en ny tom HTML widget
  2. Overskriv vimeovideoens nummer i HTML koden med den korrekte videos nummer
TAXA firmaaftale med fordele hurtig bestilling i taxa app

Overskrift

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Formularer

Felter i 2 kolonner:

gf_left_half

gf_right_half

(indsættes under “CSS Class name” under feltegenskaber”)

Felter i 3 kolonner:

gf_left_third

gf_middle_third

gf_right_third

(indsættes under “CSS Class name” under feltegenskaber”)

Se mere om kolonner i Gravity Forms her

Valg af element i dropdown via shortcode

På eksempelvis sightseeing sider indsættes formular via shortcode.

Det element der skal vælges via shortcode skal have slået “Tillad at feltet udfyldes dynamisk” til under “Rediger formular > Avanceret” og feltet skal have i parameter navn. I nedenstående eksempel er parameternavnet sat til “turtype”

Kundecenter | Sightseeing generelt | Da

Ovenstående shortcode viser form id 12, med turtypen “København hurtigtur (2 timer)” valgt som default

GA tracking af formularer

I flg kode indsættes på formular notifikationen:
%MINIFYHTMLf757c7ac9cd851f0813c92b700635e0f18%
Se mere hos Analytics Maniacs 

Deeplink til acordeon

Først FAQ på siden

#toggle1-1   (første FAQ i gruppen)
#toggle1-2   (anden FAQ i gruppen)

 

Anden FAQ på siden

#toggle2-1   (første FAQ i gruppen)
#toggle2-2   (anden FAQ i gruppen)