De bedste originale WordPress-blokke [hurtigt overblik]

Vi giver dig en guide til, hvordan du bruger Gutenberg WordPress-editor og blokke. Læs nyheder om ændringer i blokke, som kommer i den næste 5.4-version. Vi har udvalgt alle de mest brugte blokke, som skal bruges på enhver hjemmeside. Når de er frigivet, vil vi sende flere detaljer om alle funktioner.

Da WordPress annoncerede den nye Gutenberg-editor tilbage i 2018, var vi begejstrede for den. Nu et par år senere ser vi en enorm forbedring. Gutenberg WordPress Editor er et fantastisk værktøj til at skabe en hjemmeside.

Alle disse standard WordPress-blokke til Gutenberg-editoren er fuldt funktionelle i vores seneste projekt. Gratis Citadela WordPress-tema. Du kan bruge det på enhver hjemmeside, tak Opret en konto og download det gratis.

Med AitThemes Citadela-pluginskan du skabe specifikt indhold til en præsentation af en virksomhed, forretning, blog eller non-profit-hjemmeside. Eller endda starte en ny onlineforretning. Hjemmesidens hastighed og nem redigering er de vigtigste faktorer.

Hvad er en blok?

Gutenberg WordPress-blokke er byggeenheder på hjemmesiden. Hver af dem har sin egen særlige plads og sit eget formål. Det er meget vigtigt at bruge den rigtige WordPress-blok til en bestemt type indhold.

Men hvordan finder du den bedst egnede blok, der passer til din hensigt?

For at hjælpe dig med bedre at forstå WordPress-blokke, har vi lavet denne oversigt over de mest populære.

Blokke med tekstindhold

Der er flere blokke, som du kan bruge til at indsætte tekstindhold på din hjemmeside. Du kan bruge flere blokke. Fra WordPress 5.4 er der en ny indstilling, hvor du kan ændre tekstens farve.

• Paragraf
• Overskrift
• Citat
• Liste
• Citat
• Tabel
• Vers
• Forformateret

Bortset fra dette bruger du Classic block, som kan være mere praktisk til et langt afsnit.

Knapblok

Det er blevet supernemt at lave en overbevisende CTA-knap i WordPress med Button block. Du behøver ikke at indtaste brugerdefineret CSS eller forstå HTML. Du kan - men behøver ikke - indtaste hexadecimal kode for din yndlingsfarve for at få knappen til at se flot og iøjnefaldende ud.

Hvor skal man bruge Button block?

Når den besøgende kommer ind på din hjemmeside, vil du gerne opfordre dem til at handle. Det er det, CTA-knapper er til for.

Generelt er der 3 steder, hvor du bør bruge WordPress Button-blokken:

• Hjemmeside - for at gennemføre handlinger, der vil føre til opfyldelse af dit mål, såsom tilmelding til nyhedsbrev, opdagelse af specialtilbud eller tilmelding til gratis prøveperiode.
• Produktside - afhængigt af hvordan din produktside er opbygget, kan der være 1 CTA-knap (KØB) eller flere knapper, f.eks. produktdetaljer, køb, tilføj til ønskeliste osv.
• Blog - CTA-knapper kan henvise til en anden nyttig artikel eller køb af dit produkt/service.

Indstillinger for knapblok

I Inspector, i højre side, kan du nemt administrere indstillingerne for din knap:

• Stil
• Baggrundsfarve
• Farve på skrifttype
• Grænse

Teksten i din CTA-knap skal være kort og ligetil og opfordre til den handling, du ønsker, at dine besøgende skal udføre.

Nyheder, der kommer i næste WordPress 5.4-version (udkommer 31. marts 2020)

Button-blokken skal erstattes med en ny Buttons blok.
Du kan gå ud fra det nye navn, at du vil være i stand til at oprette flere knapper ved siden af hinanden i en blokcontainer. Ofte er der behov for at oprette to CTA'er ad gangen, f.eks: Køb nu og Læs mere. Der kommer også nogle nye stil- og farveindstillinger. Vælg stilen Fill eller Outline og derefter farven på baggrunden. Du kan vælge Solid eller Gradient baggrund. Nogle forudindstillinger som udgangspunkt vil være tilgængelige for mere ubesværet finjustering. Den gode nyhed er, at alle eksisterende knapblokke vil fungere, og at det ikke er nødvendigt at migrere dem.

Kolonne-blok

Columns-blokken er en fantastisk WordPress-blok, der åbner døre til nye layouts. Den giver dig flere muligheder for at arrangere sideelementer, hvilket resulterer i flere designalternativer.

Det er nemt at arbejde med Columns-blokken:

• Ingen ekstra plugin-installation.
• Der kræves ingen kodning.
• Alt, hvad du behøver, er en smule sans for pænt design.

Sammenlignet med tidligere besvær, du skulle igennem før udgivelsen af WordPress-blokeditoren, er det superenkelt at bruge WordPress-blokken Columns.

Hvordan bruger man Columns-blokken?

Som nævnt ovenfor er der to måder, Columns-blokken kan bruges på:

• Til at organisere flowet i dine tekster (i et blogindlæg eller på den almindelige side).
• For at arrangere andre blokke i kolonner.

Når du organiserer tekst i kolonner, f.eks. i et blogindlæg, øger du læsbarheden og gør din hjemmeside mere overskuelig og brugervenlig.

Men når du bruger Columns-blokken til at indlejre andre blokke, såsom billeder, tekster og knapper, ændrer du hele layoutet på din valgte side og skaber nye designs.

Indstillinger for kolonneblok

Når du har indsat en kolonneblok på siden, skal du vælge, hvor mange kolonner du vil have. Det kan være alt fra 2 til 6 kolonner. Derefter kan du begynde at skrive din tekst eller tilføje blokke i hver kolonne.

Justering af indholdet i din kolonneblok kan indstilles separat for hele blokken såvel som for individuelle kolonner. Du kan endda vælge forholdet mellem kolonnens bredde. På den måde kan en kolonne være bredere end en anden.

Dækblok

Lad os tale om overskriften på din hjemmeside. Det er en sektion, der definerer det første indtryk, når nogen kommer ind på din hjemmeside. Det er ret vigtigt, er det ikke? Og vidste du, at Cover-blokken kan bruges som overskrift på alle dine sider?

Cover er de centrale WordPress-blokke, der hjælper dig med at imponere dine besøgende på nettet. Især når den bruges rigtigt, eller bedre sagt, når den er pænt integreret i dit webdesign.

Hvor skal man bruge Cover block?

Som nævnt ovenfor kan Cover block bruges på alle dine sider. Desuden kan den tilføjes hvor som helst på siden, i modsætning til overskriften på din hjemmeside, som er fastgjort øverst på din hjemmeside.

Cover block kan bruges som:

• Header på enhver side, inklusive hjemmeside.
• Billede eller video overskrevet af tekst brugt på produktside.
• Indholdsseparator i blogindlæg.

Indstillinger for dækblok

Opsætningen af din Cover-blok er meget ligetil. Først skal du vælge et billede eller en video som baggrund. Du kan også bruge en enkelt farve i stedet. Når du har indstillet din baggrund, skal du tilføje en titel og en undertekst. 

Du kan vælge, hvordan blokken skal justeres, og selvfølgelig også hvordan teksten skal justeres indeni.

Justering af dækblokken giver følgende muligheder:

• Juster til venstre
• Align Center
• Juster til højre
• Bred bredde
• Fuld bredde

Min personlige favorit er farveoverlejringen, som er tilgængelig i inspektøren - coverblokkens baggrundsbillede kan tones til den farve, du ønsker. Sammen med tilpasset skriftstørrelse og farve kan du skabe smukke kontraster, og det endelige udseende af din coverblok vil være forbløffende.

Fra WordPress 5.4 kan du vælge en gradientbaggrund i stedet for en ensfarvet.

Galleri blok

Fremvis billeder på din hjemmeside med Gallery-blokken. Denne standard WordPress-blok er designet til at rumme dine billeder og vise dem pænt på enhver side på din hjemmeside. På samme måde som andre WordPress-blokke kan Gallery-blokken placeres hvor som helst på hjemmesiden eller i et blogindlæg.

Upload af dine billeder kan ske ved at vælge filer fra mediebiblioteket, fra din computer eller ved hjælp af drag&drop-funktionen.

Hvor kan man bruge Gallery Block?

Afhængigt af typen af din hjemmeside vil du måske oprette et komplekst fotogalleri eller en simpel billedpræsentation. Du kan bruge Gallery-blokken på:

• Din hjemmeside
• Individuelle undersider oprettet som album i dit fotogalleri
• Produktsider
• Blogindlæg

Indstillinger for galleriblokken

Bortset fra de forskellige justeringsmuligheder i selve Gallery-blokken er der et par interessante muligheder i denne blok, f.eks:

• Antal kolonner, som billederne er opstillet i.
• Billedet beskæres, så det har samme størrelse (som det mindste billede).
• Hyperlink giver dig mulighed for at linke til en anden side eller mediefil.

Billedblok

Billedblokken er intet andet end blokken til at vise et billede på din hjemmeside.

Ja, det er rigtigt. Hvis du bare vil tilføje et billede til en af dine sider, bør du bruge WordPress-blokken Image. Den ligner måske andre præsenterede blokke, men der er væsentlige forskelle, som gør den perfekt til enkeltbilleder.

Hvornår skal man bruge billedblok?

Billedblokken skal især bruges, når det objekt, der vises på billedet, er særligt vigtigt for din webbesøgende, du vil:

• Fang webbesøgendes opmærksomhed med et specifikt billede.
• Vis billede med billedtekst.
• Vis infografik, der hjælper besøgende med bedre at forstå det diskuterede emne.

Indstillinger for billedblok

En af de største fordele ved WordPress-blokken Image er dens muligheder for billedstørrelse. Du kan nemt ændre størrelsen på et billede ved at trække det i hjørnet, vælge en fast størrelse i pixels eller definere størrelsen i procent.

En anden vigtig mulighed er inputfelter til alternativ tekst, billedtekst og link. Jeg anbefaler på det kraftigste at bruge disse felter, da de spiller en vigtig rolle i on page SEO.

Medie & tekstblok

Lad os gå videre til mere avancerede sidelayouts, som du kan skabe ved hjælp af Media & text-blokken. Denne centrale WordPress-blok giver dig mulighed for at kombinere medier og tekst side om side på en måde, der er æstetisk og kontekstuel.

Hvor skal man bruge medie- og tekstblok?

Selvom medie- og tekstblokken er mest velegnet til brug i blogindlæg, kan du med lidt fantasi også bruge den andre steder. For eksempel kan du lave en fin produkt- eller serviceoversigt ved at bruge billede og tekst ved siden af hinanden.

Glem ikke at tilføje en knapblok til tekstsektionen i medie- og tekstblokken, hvis den bruges som produkt-/serviceoversigt. På den måde kan du designe en flot CTA-sektion på enhver side.

Fordele ved medie- og tekstblok

• At bringe billede og tekst sammen, så de passer til hinanden i konteksten.
• Undgå fejlplacering af billeder i blogindlægget.
• Hjælpe med hjemmesidens responsivitet (brug funktionen "Stack on mobile").

Indstillinger for medie- og tekstblokke

Når du ser på indstillingen af Media & text-blokken, vil du bemærke en hel del justeringsmuligheder, nogle af dem er unikke sammenlignet med de fleste andre blokke.

En interessant og nyttig indstilling i denne blok er baggrundsfarven. Ved at farvelægge området omkring billede og tekst, der passer sammen, kan du visuelt fremhæve deres forbindelse.

Indsæt et link fra WordPress version 5.4 (31.3.2020). Du kan vælge mellem link, mediefil eller vedhæftet side.

Tabelblok

Table block er et af eksemplerne på, hvordan WordPress er blevet bedre efter introduktionen af WordPress block editor i version 5.0 og senere. Hvor du før skulle bruge et plugin for at indsætte en tabel på din WordPress-hjemmeside, kan du nu blot bruge Table block.

Hvor skal man bruge bordblokken?

Tabeller spiller en stor rolle, når det gælder om at levere nyttigt indhold på en velorganiseret og overskuelig måde. De fleste hjemmesider har helt sikkert brugt tabeller. Her er blot et par eksempler på brug af tabeller på forskellige hjemmesider:

• Sammenligning af data
• Prissætningstabeller
• Tekniske detaljer om produktet
• Opskrifter
• Oversigt over medlemskabspakker

At have Table block som en del af den gratis WordPress-kerne er virkelig fantastisk.

Indstillinger for bordblok

Når du indsætter en tabelblok på siden, skal du definere et antal kolonner og rækker i din tabel. Bare rolig, dette antal er ikke fast. Du kan til enhver tid tilføje flere rækker og kolonner (eller fjerne dem).

Vælg derefter en stil til din tabel: standard eller striber. Gå videre til justering og skrifttype, og udfyld til sidst din tabel, før du sætter det sidste præg på den.

Flere muligheder inkluderer:

• Baggrundsfarve
• Celler med fast bredde
• Overskrift
• Sidefod
• Link (tekstindtastning i en tabel kan linke til andre sider)

Hvilken blok vil du gerne se som den næste?

Vi håber, du nød at læse om vores udvalg af meget nyttige WordPress-kerneblokke - gratis tilgængelige for alle. Fortæl os, hvilke blokke du gerne vil læse om næste gang, eller hvilke funktioner du synes, der stadig mangler i WordPress-kernen. Tak fordi du læste med!