👉 Basic WordPress Image Alignments Forklaret - WinningWP

Alexa Rank – Screenshot

Emnet for at tilpasse billeder er et, der ofte misforstås af WordPress nybegyndere. Når du går til at føje et billede til dit indhold (inden for enten indlæg eller sider) giver WordPress dig fire standardmetoder til at justere billedet: Juster 'Venstre', juster 'Center', juster 'Højre' og juster 'Ingen' *.

Lad os tage et kig på hver af disse igen:

1. Juster venstre

Et billede, der er tildelt en venstrejustering, bliver effektivt skubbet til venstre for sektionen på den side, hvor den sidder (f.eks. Den venstre grænse for dit WordPress-indlæg i sideindhold), og ethvert andet indhold (som tekst) vil Sæt rundt om de andre tre grænser – fylder området til højre for, hvor billedet er placeret.

Eksempel:

Det er et godt valg, der giver dig mulighed for at handle, og du er ikke sikker på, at du er i stand til at arbejde med dig selv. Duis aute irure dolor in reprehenderit i voluptate velit esse cillum dolore eu fugiat nulla pariatur. Undtag sint occaecat cupidatat non proident, sunt i culpa qui officia deserunt mollit anim id er laborum. Det er et godt valg, der giver dig mulighed for at handle, og du er ikke sikker på, at du er i stand til at arbejde med dig selv. Ud over det minimale krav, er det ikke nødvendigt at udøve arbejdsopgaver, der er en følge heraf. Duis aute irure dolor in reprehenderit i voluptate velit esse cillum dolore eu fugiat nulla pariatur.

2. Juster center

Hvis du vil have dit billede centraliseret inden for sektionen af ​​siden, inden for hvilken det sidder (dvs. med lige stor afstand mellem kanten af ​​indholdsområdet og dens venstre og højre grænse), skal du vælge en 'Central' tilpasning. I modsætning til den ovennævnte "Venstre" tilpasning vil noget naboindhold (f.eks. Tekst) ikke vikle rundt i billedet – det vil i stedet placeres enten over eller under billedet (afhængigt af hvor i teksten du har valgt at indsætte nævnte billede).

Eksempel:

Det er et godt valg, der giver dig mulighed for at handle, og du er ikke sikker på, at du er i stand til at arbejde med dig selv. Duis aute irure dolor in reprehenderit i voluptate velit esse cillum dolore eu fugiat nulla pariatur. Undtag sint occaecat cupidatat non proident, sunt i culpa qui officia deserunt mollit anim id er laborum.

3. Juster højre

Højre justering af et billede er, som du forventer, stort set det nøjagtige omvendt af venstre, der justerer et billede – billedet bliver skubbet til højre for den sektion af siden, hvor den sidder (dvs. den højre grænse af din WordPress-post på sideindhold), og ethvert andet indhold (som tekst osv.) Vil ombrydes rundt om de andre tre grænser: Derved fylder området til venstre for det.

Eksempel:

Det er et godt valg, der giver dig mulighed for at handle, og du er ikke sikker på, at du er i stand til at arbejde med dig selv. Duis aute irure dolor in reprehenderit i voluptate velit esse cillum dolore eu fugiat nulla pariatur. Undtag sint occaecat cupidatat non proident, sunt i culpa qui officia deserunt mollit anim id er laborum. Det er et godt valg, der giver dig mulighed for at handle, og du er ikke sikker på, at du er i stand til at arbejde med dig selv. Ud over det minimale krav, er det ikke nødvendigt at udøve arbejdsopgaver, der er en følge heraf. Duis aute irure dolor in reprehenderit i voluptate velit esse cillum dolore eu fugiat nulla pariatur.

4. Juster ingen

Billeder, der ikke er tildelt dem (ved at tildele dem en tilpasning af 'Ingen'), vil sidde nøjagtigt på det sted, du finder dem – dvs. hvis du vælger at placere et billede tildelt en tilpasning af 'Ingen' i et tekststykke (se nedenstående eksempel nedenfor) placeres det i linje med den tekst, hvilket vil resultere i, at der er tekst til både venstre og højre for billedet (forudsat at billedet ikke har samme bredde – eller bredere – end området hvor den sidder **). Men forvirrende er et billede, der begge er blevet tildelt en tilpasning af 'Ingen' og siddende i sit eget afsnit (dvs. på en ny linje i WordPress-editoren og / eller specifikt inden for HTML 'p'-tags) placeret til venstre af det område, hvori det ligger (på samme måde ville det, hvis det havde fået det efterladt), men uden nogen tekst til højre for det. Hvorfor? Fordi et billede ikke har nogen specifik tilpasning (eller, i tech 'termer: ingen specifik venstre eller højre' float '), der sidder i sit helt eget afsnit (uden andre elementer i samme afsnit) vil blive adskilt fra begge de foregående og efter indhold af linjer af foruddefineret hvidt rum – på samme måde som ethvert andet afsnit vil!

Eksempel:

Det er et godt valg, der giver dig mulighed for at handle, og du er ikke sikker på, at du er i stand til at arbejde med dig selv. Duis aute irure dolor in reprehenderit i voluptate velit esse cillum dolore eu fugiat nulla pariatur. Undtag sint occaecat cupidatat non proident, sunt i culpa qui officia deserunt mollit anim id er laborum.

Så hvad foregår der her?

Hvorfor sker alt dette? Det skyldes faktisk et computersprog, der bruges til at udtrykke præsentationen (layout, dimensioner, farver osv.) Af webelementer, kendt som Cascading Style Sheets – eller 'CSS' for kort. Hver gang du tildeler, siger en venstrejustering til et billede i et indlæg eller en side, for eksempel tilføjer WordPress et HTML-klassenavn af "alignleft" til billedet, hvilket effektivt tvinger billedet til at referere til et bestemt sæt af foruddefinerede CSS-kommandoer, der fortæller det, hvor det skal sidde på siden – enkelt! På samme måde tildeler WordPress forskellige klassenavne til forskellige klassenavne – som f.eks. 'Aligncenter' (for billeder, der skal placeres centralt), 'justeret' (for billeder, der skal justeres lige) og 'alignnone' (for billeder, der er at have ingen særlig tilpasning tildelt) – som hver refererer til forskellige sæt CSS-kommandoer.

Admittedly (desværre) kan ideen om at indpakke dit hoved rundt om i verden af ​​CSS-kommandoer være mere end lidt skræmmende for den gennemsnitlige WordPress-bruger; Men hvis du har interesse i at lære mere om dem, vil de hurtigt give dig mulighed for at få en helt ny grad af frihed, når det gælder styling af dit indhold – eller endda hele dit website! Hvis du er interesseret i at lære, kan du tjekke vores tidligere indlæg om, hvor bedst at gå om at lære CSS online – eller alternativt bare gå videre til god ol 'Google og gå vildt! ;)

Resumé

Så der har du det: billedjusteringer forklaret! Kort sagt: Brug en venstrejustering, når du vil have et billede til at sidde til venstre og andre elementer (som tekst osv.) For at ombryde det til højre; brug en central justering, når du vil have et billede at sidde i midten / midten af ​​dit indhold uden andre elementer på hver side af det; brug en retjustering, når du vil have et billede til at sidde til højre og andre nærliggende webelementer til at pakke rundt om det til venstre; og brug en justering af 'ingen', hvis du vil have dit billede til at sidde nøjagtigt, hvor du vælger at placere det i forhold til dets nærliggende elementer (dvs. tekst osv.) – OG endelig, hvis du vil have et billede placeret til venstre for indholdet -området inden for hvilket det ligger, men ikke ønsker nogen tekst mv til højre for det, tildel billedet en justering af 'Ingen' og sørg for, at den sidder i sit eget private afsnit!

* via en rullemenu fundet nederst til højre i WordPress 'Media Library' vinduet under underoverskriften 'Vedhæftningsskærmindstillinger'.

** I så fald vil den tekst, der normalt sidder på begge sider af den, ikke have andre steder end at gå over eller under billedet – bemærk at sådanne tilfælde ofte kan føre til forvirring mellem alle fire justeringer, da der ikke er plads til andre tekst / elementer på begge sider af billedet vil det i det væsentlige ikke gøre nogen forskel, hvilken justering du vælger at bruge!

Nyttig?

Like this post? Please share to your friends:
Skriv et svar

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!: