Sådan indstiller du billedbaggrund i WordPress

Der er flere måder at tilføje baggrundsbilleder på i WordPress. Fra grundlæggende til de mest avancerede med ændring af temakoden. Men vi er glade for at kunne introducere et brugervenligt værktøj, der er ideelt for hjemmesideadministratorer uden kendskab til kodning og design. Citadela Pro-plugin kommer med mange funktioner og indstillinger til tilpasning af hjemmesiden.

Prøv de kraftfulde blokke, indstillinger og funktioner i Citadela Pro-plugin'et. Du kan udforske det perfekte værktøj, der giver dig mulighed for at tilføje baggrundsbilleder til WordPress-sider, indlæg og brugerdefinerede indlægstyper.

The Cluster er en Gutenberg-blok i WordPress, som giver dig mulighed for at tilføje et baggrundsbillede. Det multifunktionelle element giver dig mulighed for at ændre WordPress' baggrund fra standard. Du kan ikke kun tilføje et baggrundsbillede, du kan også kombinere det med andre blokke. Du får mange variationer og alsidighed.

Kombineret med Blok til sidetitelfår du nemt en fabelagtig hjemmeside. Du kan tilføje flere Gutenberg-blokke og tilpasse baggrundsbilledet i WordPress. Du kan også gemme et sæt blokke som genanvendelige blokke og tilføje et tema hvor som helst på din hjemmeside. Så du kan ændre baggrunden på WordPress-hjemmesiden med det samme.

Sådan tilføjer du et baggrundsbillede i WordPress ved hjælp af Gutenberg-blokken

WordPress-baggrundsbillede gennem Cluster-blok

Vi introducerer dig for en praktisk blok, som vi har lavet til WordPress Gutenberg-blokken til baggrundsbilleder - Cluster-blokken. Den er en del af vores egen blokgruppe. Citadela Pro-plugin har mange funktioner, der hjælper dig med at skabe en smuk hjemmeside. Alle AitThemes tilpassede blokke er tilgængelige i Citadela Pro-plugin.

Læs venligst Dokumentation af Cluster Block for detaljerede indstillinger.

Cluster block giver dig mulighed for at gruppere flere blokke til én. Du kan effektivt arbejde med hele den klyngede gruppe, som var det én blok. Klyngebredden kan indstilles til fuld sidebredde, hvilket betyder, at du har ekstra meget plads til at tilføje forskellige blokke.

Klyngen vil ikke strække sig til fuld bredde, hvis:

• Du har en aktiv sidebar
• Hvis du bruger kolonner, der vil begrænse pladsen til Cluster

Fordi nogle af de centrale WordPress-blokke kun kan justeres til indholdets bredde, giver Cluster-blokken større variation i opbygningen af din hjemmeside. En god funktion er også, at du kan indstille et baggrundsbillede til WordPress, ændre dets farve eller indstille baggrundsbilledoverlejring. Baggrunden kan derfor konfigureres til hjemmesidens design.

I denne artikel vil vi vise dig:

• Sådan tilføjer du Cluster-blok til WordPress-editoren
• Gruppering inden for klynge
• Grundlæggende indstillinger i værktøjslinjen
• Farve på overskrift og separator
• Sådan tilføjer du et baggrundsbillede under grupperede blokke
• Hvad er baggrundsoverlay?
• Hvad er forskellen på Group block og Ait Cluster block?

Sådan tilføjer du Cluster-blok

Cluster-blok er en premium-blok og er kun tilgængelig, hvis du installerer og aktiverer Citadela Blok-plugin. Når du har installeret pluginet, føjes Cluster-blokken automatisk til WordPress-blokeditoren, og du kan straks begynde at arbejde med den.

Klyngeblokken kan tilføjes til både indlæg og sider. Du skal blot klikke på "+"-tegnet i topbjælken eller hvor som helst på editorens skrivebord. Derefter skal du bare søge efter Cluster block.

Den anden mulighed for at tilføje Cluster block er ved at skrive "/" og bloknavnet derefter. Cluster-blokken er derefter klar til brug.

Gruppering af blokke ved hjælp af Cluster

Hovedfunktionen i Cluster-blokken er at gruppere flere blokke i én. Lad os se på, hvordan det fungerer. Hvis du indsætter Cluster-blokken på din side, vil du med det samme se en pladsholder "Indsæt flere blokke her". Hvis du klikker på den, får du en liste over alle tilgængelige blokke. Du kan også søge efter den ønskede blok ved hjælp af søgefeltet øverst på listen.

Alle indlejrede blokke vil have alle standardindstillinger tilgængelige. Hvis du f.eks. indsætter en billedblok, har du mulighed for at uploade et billede eller vælge det fra mediebiblioteket.

Ved hjælp af Cluster-blokken kan du f.eks. skabe en iøjnefaldende sektion på din hjemmeside til at præsentere dit seneste arbejde. Tilføj billeder fra din portfolio, og sæt derefter et baggrundsbillede under det. Du har lige skabt et flot link til din portfolio.

Cluster block kan også bruges til at skabe attraktive produktpræsentationer. Du kan indstille produktbilledet som sektionsbaggrund og vælge dets farve. Service-blok kan også indlejres i Cluster-blokken.

Flere blokke i en enkelt

Hvis du vil tilføje flere indlejrede blokke i Cluster, kan du bruge Columns block. Ved hjælp af kolonneblokken kan du tilføje flere blokke side om side. Hver kolonne kan have forskellige indholdstyper, f.eks. billeder, afsnit, lister eller knapper.

Et typisk eksempel på flere kolonner i kombination med Cluster Block er en hjemmeside med én side.

Grundlæggende indstillinger i værktøjslinjen: Indstillinger for justering af indhold

Som standard er klyngens blokbredde indstillet til indholdets størrelse. Du kan ændre denne adfærd i værktøjslinjen. Der er følgende muligheder til rådighed:

• Indholdsstørrelse - standardindstilling, klyngeblok har samme bredde som indhold.
• Bred størrelse - indholdet i klyngen er bredere end indholdets bredde.
• Fuld bredde - i dette tilfælde er klyngebredden fra side til side af browservinduet.

Det er vigtigt at bemærke, at denne indstilling kun påvirker klyngeindhold, hvis dit aktuelt aktive tema understøtter det. Alle indlejrede blokke kan konfigureres baseret på tilgængeligheden af deres indstillinger.

Farveindstillinger for overskrifter og separatorer

Ændring af overskriftens farve

Siden WP 5.3 kan du skifte farve på din header via Heading-blokken. Det er en meget nyttig funktion - især hvis du har et mørkt layout og farveskema, er det bedre at ændre standardtekstfarven (som er sort) til en lysere farve.

Det var ikke muligt at ændre overskriftens farve før den nye version, hvilket gav problemer med dens synlighed på en mørk base. Derfor skete det ofte, at overskriften blandede sig med WordPress-baggrundsbilledet eller det foto, du tilføjede. Nu kan du vælge den rigtige overskriftsfarve for at få din side til at skinne.

Ny farve til separatoren på din hjemmeside

Når du tilføjer et baggrundsbillede eller en anden type indhold til din WP, kan du nogle gange have brug for at adskille det fra resten af hjemmesiden. Til det formål kan du bruge en særlig blok kaldet Separator. Ved at indsætte Separator kan du:

• Adskil specifikke blokke
• Opdel hele teksten i mindre afsnit
• Fremhæv vigtige dele
• Sikre bedre læsbarhed af indholdet
• Forenkle navigationen på din hjemmeside

Derudover kan du nu ændre farven på separatorlinjen med det opdaterede WordPress. Colored Separator er perfekt til at fuldende din hjemmesides farveskema.

Sådan tilføjer du et baggrundsbillede under grupperede blokke

Den sande styrke ved Cluster Block er, at du kan tilføje et baggrundsbillede og indstille baggrundsfarven under de grupperede blokke. Alt kan nemt konfigureres inde i WordPress-inspektøren. Lad os se på, hvordan du gør det.

1. Klik på Baggrundsbillede og aktiver funktionen "Vis baggrundsbillede".
2. Klik på "Vælg billede". Mediebiblioteket åbnes. Du kan vælge et eksisterende billede eller uploade et nyt billede til dit bibliotek.
3. Baggrundsbilledet kan også indstilles til fast. Det betyder, at hvis du scroller på siden, vil baggrunden ikke flytte sig med indholdet, og dens position vil være fast.
4. Du kan også vælge, hvilken del af baggrundsbilledet der skal vises ved hjælp af "Focal Point Picker". Det er også muligt at vælge en del af billedet ved hjælp af procent.

Overlejring af baggrund

En af de avancerede muligheder i Cluster er Background image overlay. Du kan vælge en af standardfarverne eller vælge en brugerdefineret farve ved hjælp af farvevælgeren. Det er også muligt at indstille farvens opacitet. Disse Cluster-blokindstillinger hjælper dig med at skabe en virkelig attraktiv hjemmesidepræsentation.

Ny gruppeblok tilgængelig i kernen

Hvad er forskellen mellem Group block og AitThemes Cluster block?

Vores skræddersyede Cluster-blok blev frigivet tidligere end Group-blokken og giver en mere kompleks løsning. Du kan bruge Group-blokken til at gruppere flere blokke, men den har stadig begrænsede funktioner. For eksempel kan du ikke indstille farveoverlejring i blokken - du kan kun vælge en grundlæggende baggrundsfarve, som vil være omkring billedet, ikke over det.

Redigering af baggrundsbilleder er en leg i vores Cluster-blok.

Du kan uploade dit WordPress-baggrundsbillede, indstille baggrundsfarven for det og også baggrundsfarveoverlejring (og tilpasse overlejringens opacitet også!). Det tager kun et par minutter.