Instellings vir WordPress-beeldbelyning – verduidelik!

Dit is die onderwerp om beelde in lyn te bring wat gereeld deur WordPress-beginners misverstaan ​​word. WordPress ‘n prentjie by u inhoud gevoeg (binne poste of bladsye), dan bied WordPress u vier standaard maniere om die prentjie in lyn te bring: belyn ‘Links’, pas ‘Center’ in lyn, pas ‘Right’ in lyn en pas ‘None’ *.


Kom ons kyk weer na elk van hierdie dinge:

1. Rig links

‘N Prentjie met ‘n linkerlynlyn word effektief links van die gedeelte van die bladsy waarin dit sit (soos die linkergrens van u WordPress-pos van bladsyinhoud) gedruk, en enige ander inhoud (soos teks) sal draai om die ander drie grense – vul die gebied regs van waar die beeld geleë is.

voorbeeld:

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod temporly incididunt ut labore en dolore magna aliqua. Rig links Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod temporly incididunt ut labore en dolore magna aliqua. Dit is ‘n minimale uitoefening van die praktyk, maar dit is nodig om die oefening te oefen ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

2. Belyn sentrum

As u wil hê dat u beeld gesentraliseer moet word binne die gedeelte van die bladsy waarin dit geleë is (d.w.s. met ‘n gelyke hoeveelheid afstand tussen die rand van die inhoudsarea en die linker- en regterrand), kies ‘n ‘Sentrale’ belyning. Anders as die bogenoemde ‘Links’-belyning, sal enige aangrensende inhoud (soos teks) nie om die prentjie draai nie – dit sal plaaslik of bo of onder die prent geplaas word (afhangend van waar in die teks wat u gekies het om in te voeg) genoemde prentjie).

voorbeeld:

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod temporly incididunt ut labore en dolore magna aliqua. Belyn sentrum Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

3. Rig regs

Die regte rigting van ‘n prent is, soos u sou verwag, presies die teenoorgestelde van links om ‘n beeld in lyn te bring – die beeld word regs gedruk na die gedeelte van die bladsy waarin dit sit (dws die regterkant van u WordPress-pos van bladsyinhoud), en enige ander inhoud (soos teks, ens.) Draai om die ander drie rande: dit vul die gebied aan die linkerkant daarvan.

voorbeeld:

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod temporly incididunt ut labore en dolore magna aliqua. Regs-belynde beeld Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod temporly incididunt ut labore en dolore magna aliqua. Dit is ‘n minimale uitoefening van die praktyk, maar dit is nodig om die oefening te oefen ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

4. Stel geen lyn in lyn nie

Beelde waaraan geen belyning aan hulle toegeken is nie (deur hulle ‘n lyn van ‘Geen’ toe te ken), sal presies sit op die plek waar u hulle opspoor – dit wil sê as u kies om ‘n afbeelding in ‘n paragraaf van die teks te plaas wat ‘n lyn van ‘Geen’ is. (sien die volgende voorbeeld hieronder), dit sal in lyn met die teks geposisioneer word, wat daartoe sal lei dat teks links en regs van die prentjie is (as aanvaar word dat die beeld nie dieselfde breedte – of wyer – is as die gebied nie) waarin dit sit **). Verwarrend is egter dat ‘n beeld wat BEIDE ‘n aanpassing van ‘Geen’ ontvang het EN binne sy eie paragraaf sit (dws op ‘n nuwe reël in die WordPress-redakteur en / of spesifiek binne HTML ‘p’ tags) aan die linkerkant geplaas word van die gebied waarin dit woon (op ‘n soortgelyke manier as indien dit in lyn gebring is), maar sonder enige teks regs. Hoekom? Omdat ‘n beeld geen spesifieke aanpassing het nie (of in tegniese terme: geen spesifieke links-of-regs ‘vlot’) wat binne sy eie paragraaf sit nie (met geen ander elemente in dieselfde paragraaf nie), sal van beide die voorafgaande paragraaf geskei word en volg die inhoud deur reëls met vooraf gedefinieerde wit ruimte – op dieselfde manier as wat enige ander paragraaf sal doen!

voorbeeld:

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod temporly incididunt ut labore en dolore magna aliqua. Stel geen lyn in lyn nie Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Wat is nou eintlik hier aan die gang??

Waarom gebeur dit alles? Dit is eintlik alles te danke aan ‘n rekenaartaal wat gebruik word om die aanbieding (uitleg, afmetings, kleure, ens.) Uit te druk op webelemente, bekend as Cascading Style Sheets – of ‘CSS’. In wese voeg WordPress elke keer wanneer u ‘n lynlynlyn aan ‘n afbeelding in ‘n pos of bladsy toewys, sê WordPress, ‘n HTML-klasnaam van “alignleft” aan die prent toe, wat die beeld dan effektief dwing om na ‘n spesifieke stel te verwys. van vooraf gedefinieerde CSS-opdragte wat dit vertel waar dit op die bladsy moet sit – eenvoudig! Op dieselfde manier ken WordPress vir elk van die ander genoemde belynings verskillende klasname toe – soos ‘aligncenter’ (vir beelde om sentraal in lyn te wees), ‘alignright’ (vir beelde om reg in lyn te wees) en ‘alignnone’ (vir beelde wat reg is om geen spesifieke belyning toe te ken nie) – dat elkeen verskillende stelle CSS-opdragte verwys.

Toegegee (ongelukkig), die idee om jou kop in die wêreld van CSS-opdragte te verpak, kan meer as ‘n bietjie afskuwelik wees vir die gemiddelde WordPress-gebruiker; As u egter die belangstelling wil hê om meer daaroor te wete te kom, sal hulle u vinnig in staat stel om ‘n nuwe mate van vryheid te kry as dit kom by die ontwerp van u inhoud – of selfs u hele webwerf! As u belangstel om te leer, gaan kyk gerus na ons vorige berig oor die beste manier om aanlyn te leer om CSS te leer – of alternatiewelik, gaan voort na die goeie google en raak wild! 😉

opsomming

So, daar het jy dit: beeldbelynings verduidelik! Kortom: gebruik ‘n linkerlyn wanneer u ‘n prentjie links en ander elemente (soos teks, ens.) Wil sit om dit regs te draai; gebruik ‘n sentrale belyning wanneer u wil hê dat ‘n beeld in die middel / middel van u inhoud moet sit, met geen ander elemente aan weerskante daarvan nie; gebruik ‘n regterbelyning wanneer u ‘n beeld na regs wil sit en ander webelemente om die linkerkant daarheen moet draai; en gebruik ‘n inlynstelling van ‘geen’ as u wil hê dat u beeld presies moet sit waar u verkies om dit te plaas relatief tot die naburige elemente (dws teks, ens.) – EN laastens, as u wil hê dat ‘n prent links van die inhoud moet wees -area waarbinne dit woon, MAAR dat geen teks ens. aan die regterkant daarvan moet verskyn nie, ken die beeld ‘n aanpassing van ‘Geen’ toe en sorg dat dit in sy eie privaat paragraaf sit!

* via ‘n keuselys regs onder in die ‘Media Library’-venster van WordPress, onder die subopskrif’ Instellings vir aanhangselweergawe ‘.

** in welke geval die teks wat normaalweg aan weerskante daarvan sou sit, nêrens anders as bo of onder die beeld kan heen gaan nie – let daarop dat sulke gevalle dikwels tot verwarring tussen al vier belynings kan lei, aangesien daar geen ruimte vir enige ander is nie teks / elemente aan weerskante van die prentjie, dit maak in wese geen verskil aan watter rigting u kies nie!

nuttige?

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me