Elementor-widgets

Custom Elementor-widgets til dit tema

En custom Elementor-widget er en byggeklods kodet til dit eget tema: faste felter, fast layout, og fuld frihed til at rette tekst og billeder. Elementor kan næsten alt – og det er lige præcis problemet. Når fem personer kan bygge den samme sektion på fem måder, skrider designet stille og roligt. En widget låser rammen uden at låse redaktørerne ude.

Få bygget dine widgets
app.tsx
Byg et dashboard med useQuery og Dashboard-komponent
1import { Dashboard } from './ui'
2
3export default function App() {
4 const data = useQuery('/api')
5
6 return <Dashboard data={data} />
7}
8// 🥚 Ingen kaffe skadet i processen

Hvorfor custom widgets?

Tre grunde, der viser sig først efter et halvt års brug.

Designet holder

Redaktører udfylder felter i stedet for at bygge layout. Sektionerne ser ens ud på side 1 og på side 40.

Lettere sider

En widget renderer sin egen markup i stedet for fem indlejrede containere med hver sit lag styling.

Struktur til SEO

Overskriftsniveauer og schema-markup ligger fast i koden – ikke i hånden på den, der byggede siden.

Byggeklodser i stedet for byggesæt

De fleste Elementor-sites bliver bygget én gang og redigeret i årevis. Det er i den lange ende, forskellen viser sig. Bygger man med standardwidgets, skal hver ny side samles fra bunden – og så er det tilfældigt, om afstanden bliver 40 eller 48 pixels.

En custom widget vender det om. Den ved, hvordan sektionen skal se ud, og spørger kun om indholdet: en overskrift, en tekst, fire kort. Redaktøren kan ikke komme til at bryde designet, fordi der ikke er noget at bryde.

Sådan bygges de

Widgets registreres i temaet som PHP-klasser med deres egne felter og deres egen markup. De arver sitets typografi og farver, så der ikke opstår et parallelt designsystem ved siden af det, der allerede findes. Og fordi de ligger i temaet, følger de med, hvis sitet flytter hosting.

Det her site kører selv på den model – hver sektion på siderne om WordPress-udvikling er en widget med faste felter. Det er også grunden til, at nye sider tager timer i stedet for dage.

Hvornår kan det betale sig?

Tommelfingerreglen er enkel: bygger I den samme sektion for tredje gang, skal den være en widget. Under det er det sjældent besværet værd. Over det begynder både tiden og de små uoverensstemmelser i designet at løbe løbsk. En enkel widget tager typisk et par timer at bygge, og den tid er tjent hjem første gang, nogen skal have en ny landingsside op i en fart.

Femten widgets, og ikke én mere

Temaet bag det her site har 15 custom Elementor-widgets. Det er hele biblioteket. Hver enkelt er bygget, fordi en side havde brug for den — ikke fordi den kunne være rar at have. Forsiden ender derfor på 51 KB HTML og ti CSS- og JavaScript-filer i alt, inklusive Elementors egne.

Et widget-bibliotek fra en tredjepart lægger typisk mange gange så mange til rådighed. De koster ikke nødvendigvis noget på hver sidevisning, men de koster noget i valgmuligheder: jo flere måder en sektion kan bygges på, jo hurtigere skrider designet. Det er derfor, temaet og widgets hører sammen.

Typiske widgets

Det jeg oftest bygger.

Hero-sektion

Overskrift, intro, knap og valgfri illustration – med H1 låst fast, så overskriftshierarkiet ikke skrider.

Kort-grid

Tre til seks kort med ikon, titel og tekst. Antallet styres af indholdet, ikke af hvor mange kolonner nogen huskede at indsætte.

FAQ med schema

Spørgsmål og svar, der samtidig udsender FAQPage-markup, så både Google og AI-søgemaskiner kan læse dem.

Dynamiske lister

Widgets der trækker indhold fra egne indholdstyper – apps, cases, indlæg – så listen opdaterer sig selv.

Få bygget dine widgets

Fortæl mig hvilke sektioner I bygger igen og igen, så laver jeg dem om til byggeklodser.

Skriv til mig →

Ofte stillede spørgsmål

Hvad er en custom Elementor-widget?

En widget kodet specifikt til dit tema, som viser en fast sektion med faste felter. Den optræder i Elementor-editoren som alle andre widgets, men bygger markup, du selv har bestemt.

Bliver sitet hurtigere af custom widgets?

Typisk ja. En widget erstatter ofte flere indlejrede containere med hver sin styling, og det giver både mindre HTML og mindre CSS at hente.

Kan mine redaktører stadig redigere selv?

Ja – det er hele pointen. De retter tekst, billeder og links i felter, mens layoutet ligger fast i koden.

Hvad sker der, hvis jeg deaktiverer Elementor?

Så forsvinder widgets fra editoren, ligesom alt andet Elementor-indhold. Derfor hører widgets hjemme i temaet og ikke i et plugin, I risikerer at miste.

Kan du bygge widgets til et tema, andre har lavet?

Ja. De lægges i et child theme, så de overlever opdateringer af hovedtemaet.