Det kan være en leg at bygge en hjemmeside med WordPress, men det kan tage tid at lave smukke og unikke layouts. Det er her, Gutenberg-skabeloner kommer ind – prædesignede layouts, der strømliner indholdsskabelsesprocessen i Gutenberg-editoren.
Dette blogindlæg vil guide dig til, hvordan du bruger Gutenberg-skabeloner, fra at forstå deres fordele til at tilpasse dem til dine specifikke behov.
Hvorfor bruge Gutenberg-skabeloner
Gutenberg-skabeloner tilbyder en lang række fordele:
- Spare tid: Foruddesignede skabeloner eliminerer behovet for at bygge layouts fra bunden, hvilket sparer dig dyrebare timer.
- Forbedret design: Få adgang til professionelt udseende layouts, der løfter din hjemmesides æstetik.
- Forbedret konsistens: Oprethold en sammenhængende visuel stil på tværs af hele dit websted med forudbyggede skabeloner.
- Øget effektivitet: Fokuser på indholdsskabelse og tilpasning, og overlad grundlaget til skabelonerne.
Trin til brug af Gutenberg-skabeloner
Selvom der er forskellige muligheder for Gutenberg-skabeloner, lad os undersøge det ved hjælp af GutenKit, et populært og brugervenligt plugin. GutenKit er et populært gratis plugin, der tilbyder et stort bibliotek af Gutenberg-skabeloner. Dette plugin giver lethed og eliminerer den stressende hjemmesideopbygning fra bunden.
Lad os nu gennemgå brugen af GutenKit til at udnytte styrken af skabeloner:
GutenKit tilbydes i både gratis og pro-planer. Mens pro-planen tilbyder mere færdige skabeloner, sider og mønstre, kan dens gratis plan være tilstrækkelig nok til at udforske de fantastiske færdige skabeloner.
Følg disse enkle trin for at komme i gang med GutenKit:
1. Installer og aktiver GutenKit-plugin'et på dit WordPress-websted.
Naviger til dit WordPress-dashboard og se efter "Plugins". Vælg "Tilføj nyt plugin” og indtast GutenKit i søgefeltet. Klik derefter på "Installer nu”.
![Tilføjelse af GutenKit-plugin](https://wpmet.com/wp-content/uploads/2024/07/unnamed-61.jpg)
Efter installation skal du aktivere GutenKit.
![Aktivering af GutenKit](https://wpmet.com/wp-content/uploads/2024/07/unnamed-62.jpg)
2. Ved aktivering finder du en ny "GutenKit"-sektion i dit WordPress-dashboard.
![GutenKit bibliotek](https://wpmet.com/wp-content/uploads/2024/07/unnamed-63.jpg)
3. Naviger til "GutenKit > Bibliotek" for at udforske en stor samling af foruddesignede skabeloner.
For at navigere i GutenKit-skabelonbiblioteket skal du gå til "sider" og "Tilføj ny side”.
I din redigeringsskærm finder du GutenKit skabelonbibliotek.
Når du klikker på det, vil du blive dirigeret til en ny side, hvor du kan finde de forskellige blokmønstre, skabeloner og sider.
![GutenKit skabelonbibliotek](https://wpmet.com/wp-content/uploads/2024/07/unnamed-67.jpg)
![](https://wpmet.com/wp-content/uploads/2024/05/gutenkit_cta.gif)
Valg af den perfekte skabelon
GutenKit tilbyder et kategoriseret bibliotek, hvilket gør det nemt at finde den perfekte skabelon til dine behov. Gennemse muligheder for hjemmesider, landingssider, om os-sektioner og mere.
Her er et hurtigt blik på de forskellige skabeloner for hver sektion:
Hjem
Om os
Pris menu
Diagram
Tilpasning af GutenKit skabeloner
Skønheden ved Gutenberg-skabeloner ligger i deres tilpasningsmuligheder. Når du har valgt en skabelon, skal du importere den til din redigeringsskærm. Så kan du nemt:
- Rediger tekst: Erstat pladsholderteksten med dit eget indhold.
- Skift billeder: Skift allerede eksisterende billeder ud med dine egne billeder.
- Juster layouts: Omarranger blokke i skabelonen, så de passer til dine præferencer.
- Rediger stilarter: Brug de indbyggede muligheder til at justere farver, skrifttyper og mellemrum.
Af hensyn til denne vejledning vælger vi restaurantskabelonen som vores eksempel.
![Restaurant skabelon](https://wpmet.com/wp-content/uploads/2024/07/unnamed-68.jpg)
Så lad os begynde at tilpasse det!
Til at starte med skal du vælge den sektion eller container, du vil redigere. Lad os sige, at billedet nedenfor er den del af skabelonen, du vil begynde at redigere med.
Hvis du klikker på en del eller beholder i sektionen, vil du bemærke, at et sidebjælkeværktøj vises. Denne værktøjslinje er, hvor du kan redigere eller tilpasse hver beholder i sektionen.
![Tilpasning af en skabelon](https://wpmet.com/wp-content/uploads/2024/07/unnamed-70.jpg)
Her vil du se sektionerne nemlig: Indhold, Layout, Stil og Avancerede indstillinger.
Indhold – et afsnit til tilpasning af teksterne.
![Indholdssektion](https://wpmet.com/wp-content/uploads/2024/07/unnamed-71.jpg)
Layout og stil – varierer på den valgte beholder.
Layout:
Du kan justere containerens bredde, indholdsbredde og højde. Du kan også justere elementerne i din beholder, såsom retning, indhold, justering osv.
![Layoutsektion](https://wpmet.com/wp-content/uploads/2024/07/unnamed-72.jpg)
Stil:
Indstil din baggrund (enten normal eller svæv), baggrundsoverlejring og kant.
![Stilsektion](https://wpmet.com/wp-content/uploads/2024/07/unnamed-73.png)
Avancerede indstillinger – indeholder forskellige kontroller, herunder:
- Layout
- Position
- Baggrund
- Grænse
- Sigtbarhed
- Bevægelseseffekter
- Glasmorfisme
- CSS transformation
- Avanceret værktøjstip
- Klæbrig
- Fremskreden
For at redigere teksten i din sektion eller container skal du blot klikke på teksten og begynde at erstatte den. Der er tekster, som ikke kan erstattes direkte i redigeringsskærmen. For at erstatte denne tekst skal du blot holde musemarkøren til sidebjælkeværktøjet og vælge indholdssektionen. På billedet nedenfor kan "Fødevarekategorien" kun redigeres i sidebjælkeværktøjet.
![Tekstredigering i sidebjælkeværktøjet](https://wpmet.com/wp-content/uploads/2024/07/unnamed-74.jpg)
Lad os derefter erstatte Header-ikonet. For at gøre det skal du klikke på den første beholder, der siger "Sund mad". På sidebjælkeværktøjet vil du bemærke, at der under indholdssektionen er en Tilføj ikon knap. Aktiver knappen, så du kan tilføje dit foretrukne billede eller ændre det eksisterende billede i skabelonen.
![Tilføjelse af ikon](https://wpmet.com/wp-content/uploads/2024/07/unnamed-75-1.jpg)
Hvis du ikke vil aktivere ikonet, forsvinder ikonet i din første beholder.
![Deaktiveringsikon](https://wpmet.com/wp-content/uploads/2024/07/unnamed-76.jpg)
For at ændre ikonet, klik på Overskrift ikon afsnit. Du kan uploade SVG eller vælge fra ikonbiblioteket.
![Uploader ikon](https://wpmet.com/wp-content/uploads/2024/07/unnamed-77.jpg)
Gå til for at style dit afsnit Stil og begynd at justere indholdsjustering, farve, margen, typografi osv. Du kan også tilføje svæveanimation og svævebaggrundsanimation.
![Styling af en beholder](https://wpmet.com/wp-content/uploads/2024/07/unnamed-78.jpg)
Til sidst kan du yderligere forbedre appellen eller udseendet af din sektion ved at navigere til Avancerede indstillinger. Du kan indstille baggrunden for din beholder, justere dens kant, tilføje bevægelseseffekter osv.
Nogle tips til at vælge en skabelon
Her er nogle tips til at vælge den bedste skabelon til din sidebygning ved hjælp af Gutenberg:
- Match dit websteds stil: Vælg en skabelon, der passer til din overordnede webstedsæstetik.
- Overvej funktionalitet: Vælg en skabelon, der passer til det specifikke indhold, du vil vise.
- Fokus på lydhørhed: Sørg for, at skabelonen er lydhør og vises godt på alle enheder.
👉 👉 Læs denne blog for at genopbygge din hjemmeside i Gutenberg.
Sådan bruger du Gutenberg-skabeloner [Få tips]
Her er nogle yderligere tips til at maksimere din Gutenberg-skabelonoplevelse:
- Start med en grundlæggende skabelon: Hvis du er ny til Gutenberg, skal du begynde med enklere skabeloner og gradvist bevæge dig mod mere komplekse.
- Tjek Live Preview: Tjek live-eksemplet af skabelonen for at få en idé om, hvordan din side vil se ud.
- Vær ikke bange for at eksperimentere: Leg med forskellige skabeloner og layouts for at finde ud af, hvad der fungerer bedst til din hjemmeside.
- Brug genanvendelige blokke: Opret dine egne genbrugelige blokke til ofte brugte elementer som opfordring til handling sektioner eller kontaktformularer.
- Oprethold brandingkonsistens: Sørg for, at enhver tilpasning overholder dit brands farvepalet og skrifttyper.
Afsluttende tanker
Gutenberg-skabeloner giver dig mulighed for skabe fantastiske og funktionelle hjemmesider med lethed. Ved at udnytte deres magt og følge disse tips kan du strømline din arbejdsgang og bygge en hjemmeside, der virkelig skiller sig ud.
Glem ikke, at du kun kan bruge disse fantastiske skabeloner fra GutenKit. Så hvorfor GutenKit?
- Ren kode og minimal indvirkning på webstedets ydeevne.
- Med en meget brugervenlig grænseflade og skabelonimport.
- Fokus på blokbaseret design.
- Tilbyder et stort bibliotek af foruddesignede skabeloner i gratis og pro-version.
- Meget tilpasselig.
Så prøv disse fantastiske Gutenberg-skabeloner og oplev en problemfri sidebygning!
Skriv et svar