Hello Elementor – Multimusen.dk

Prøvede “Hello Elementor” temaet i Playground. Det er meget begrænset. Skabeloner som 404 er låst. Du kan ikke redigere dem fra Elemeontor. Man kan godt redigere i php-filerne – og det er nødvendigt, hvis du vil ha en dansk besked på din 404-side.

Men, hvis du redigerer 404.php, og dine ændringer skal overleve en opdatering, så bliver et child theme nødvendigt.

Hvis du vil redigere fx 404-siden og oversætte den til dansk, så bliver et childtheme fx nødvendigt.

Hello Elementor kræver Pro version, hvis du vil redigere

Headere
Footere
Specialsider
Page skabelon
Post skabelon
etc. etc.

Og ja så er der sproget. Meddelelser på siden med fejlmeddelelser er på engelsk. Man har valgt at låse disse sider, så de ikke kan redigeres. Dette valg er ret langt ude i hampemarkerne.

Alt dette er frit tilgængeligt og gratis, hvis du bruger Twenty Twenty-Five!

Undervisning – brainstorm

Hvis man skal undervise i den “gratis” Elementor så kræver det en del udnødvendigt ekstra kodearbejde i PHP – og et ganske dybt kendskab til temafilerne på serveren.

Hvis “Hello Elementor” skal indgå i undervisning, så er de studerende desværre nødt til at lave et childtheme. Og det er i sig selv utroligt, når Elementor og “Hello Elementor” brander sig på at være “brugervenlig” og “no code”.

Den klassiske menu

Den klassiske måde at bruge menuer på kan være lettere at bruge for de studerende. Den nyere navigationsblok i Gutenberg kræver en del tilvænning. Så pædagogisk er her en fordel.

Omvendt er de klassiske menuer gumpetunge, fordi man menuområder skal tilføjes via PHP.

Theme Builder

Elementor har en theme builder; men den er blokeret i den gratis version.

Det lyder umiddelbart som om at Elementor Pro må være løsningen. Det er jo fantastisk, at man kan redigere visning af arkiver (som kategorier, tags og lignende taksonomier), 404-siden, etc.

Ja, det lyder smart. Og det da osse smart.

Men, hvorfor betale Elementor for noget, som er frit tilgængeligt i WP standardtemaet?

Indstillinger

“Hello Elementor” > “Settings”

Åbner for “Advanced Settings”, Her kan du:

Slå headereen og footeren fra. Det anbefales for at spare ressourcer. Uden header og footer kan man med en blank template designe som man vil.
Deregister Hello reset.css.
Deregister Hello theme.css

Hvis disse muligheder fravælges kan multimediedesigneren selv skrive sine styles. Denne mulighed er interessant. Nu ser “Hello Elementor” sådan ud:

I et childtheme kunne man tilføje egne styles.

Theme.json

“Hello Elementor” har en theme.json. Det kunne være interessant at undersøge om der kan åbnes for mere avanceret funktionalitet her.

Denne theme.json er meget enkel:

{
  "$schema": "https://schemas.wp.org/trunk/theme.json",
  "version": 3,
  "settings": {
    "appearanceTools": true,
    "layout": {
      "contentSize": "800px",
      "wideSize": "1200px"
    },
    "color": {
      "custom": true,
      "link": true
    },
    "typography": {
      "customFontSize": true,
      "lineHeight": true
    },
    "spacing": {
      "defaultSpacingSizes": false,
      "margin": true,
      "padding": true,
      "units": [ "%", "px", "em", "rem", "vh", "vw" ]
    }
  }
}

I et childthem kan man (måske, håber jeg lissom) tilføje farvepaletter og vælge en baggrund. I så fald kan “Hello Elementor” tilpasses på spændende måder.

./hello-elementor

Filerne i rodmappen er som traditionelle PHP-baserede temaer. Filerne må kunne tilpasses i et childtheme.

./template-parts

I mappen template parts findes disse filer:

“Hello Elementor” blokerer for en editor, hvor disse filer kan redigeres uden betaling.

Men filerne kan redigeres – eller man kan måske lave sine egne templates (med mindre udviklerne forhindrer det).

Leger lidt – header

En onboarding guide fortæller, at jeg kan redigere en header. Fedt nok. Det vil jeg gerne. Header er mums.

Og så:

Næh nej, headere kræver da en PRO version.

Dette eksperiment stiller store krav til min tålmodighed. Elementor begrænser mulighederne – og så vidt jeg kan se til byder Pro-versionen ikke noget, som ikke findes allerede i gratis-versionerne.

Didaktiske overvejelser

Mange små og mellemstore virksomheder anvender Elementor og temaer, der ligner “Hello Elementor”. Derfor ville det være underligt ikke at undervise i emnet.

Men, når man ikke er i en pro-version, så giver det udvikleren nogen udfordringer, som man ikke har med standardeditoren Gutenberg.

Umiddelbart bør multimediedesignerne kunne få gavn af at prøve kræfter med:

Elementor som editor
“Hello Elementor” som tema
Child theme

Læringsmål Elementor

Global opsætning:
- Farvepalette
- Fonte
Templates:
- Headere
- Footere
- Hele sider, fx:
  - Portfolio
  - Shop
  - Dine egne templates
Skabeloner:
- Blank
- Med udvalgt header og footer
WooCommerce:
- ??

Forløbet kunne opbygges sådan:

(ca. en dag) Full Site Editing i Twenty twenty-five (TT5)
(ca. en dag) “Hello Elementor”, child theme og Elementor. Herunder forståelse for blanke skabeloner og diverse komponenter i elementor.
På en eller anden led skal WooCommerce flettes ind.

Både Elementor og Gutenberg arbejder med kolonner, stakke og rækker. Både Elementor og Gutenberg styler dette ved hjælp af grids og flexbox. CSS-mæssigt bygger begge løsninger på de samme teknologier.

Læringsmål “Hello Elementor”

Childtheme
- styles.css
- theme.json
- tilføje scripts mv. function.php
Valg af skabelon til bygning af sider
Fravælge CSS og skrive sine egne styles

Generelt

WP kan opbygges på flere måder; men generelt ser strukturen sådan ud:

Bloggen – hvor det er bloggens nyheder, der er indgangen til sitet.
Forside, hvor bloggen er en underside.

Vigtigt at vide:

Forespørgsels-loopet (virker det i Elementor?)

Frit valg af pagebuilder

Hvis multimediedesigneren skal klædes på til arbejdet i virksomhederne, så er det vigtigt at de kender nogen forskellige pagebuildere og at de kan argumentere for deres valg.

Min oplevelse er at Elementor og “Hello Elementor” har en Pro version, der åbner for noget – der er frit tilgængeligt, hvis man vælger et standardtema i WP!

Sammenligning af Elementor og FSE Gutenberg

Elementor Pro kræver betaling for features, der er gratis i standard WP …

Site	Elementor	Gutenberg FSE
Redigere og tilføje skabeloner (404, single post, single page, index, etc.)	Kun i PRO	Frit tilgængeligt
Tilføje og redigere egne headere, footere og blokgrupper	Kun i PRO	Frit tilgængeligt
Custom CSS	Frit tilgængeligt	Frit tilgængeligt
Theme Builder	Kun i PRO	Frit tilgængeligt (kaldes FSE)
Fonte	Masser af fonts indbygget. Brugeren kan vælge og vrage. Det kan gå ud over konsistensen i sitets designlinje.	Fonte kan tilføjes af udvikleren. Antallet af fonte begrænses effektivt og sikrer en ensartet designlinje.
Eksporter tema	Blokeret.	Frit tilgængelig
Stilarter	Designmanualen vises; men man kan ikke redigere blokkene. Elementor blokerer effektivt her.	Du kan browse i alle dine styles og redigere blokkenes udseende. Du kan tilføje farver, gradienter, duotoner, fonte og visningen af alle blokke.

Konklusion

Min konklusion er klart at Gutenbergs FSE giver de største muligheder for tilpadsninger. Elementor og “Hello Elementor” låser for de mange kreative muligheder som er frit tilgængeligt i standard WP.

Man kan selvfølgelig tilføje et elementor Childtheme og foretage diverse tilpadsninger der. Den såkaldt “brugervenlige” Hello Elementor kræver med andre ord noget mere programmering end et standard WP-tema.

Så vidt jeg kan se er der ingen features i Elementor Pro, som ikke er frit tilgængelige i den gratis version af WP! Det eneste argument for at bruge Elementor er altså “af gammel vane”.

Hvad siger CoPilot?

PS: CoPilot fraråder ligefrem at undervise i kombinationen “Hello Elementor” og Elementor.

“You say Hello, but I say Goodbye …”
(med lidt inspiration fra the Beatles)