👉 Basic WordPress Image Alignments Explained - WinningWP

Alexa Rank – ekraanipilt

Piltide joondamise teema on see, mida WordPressi algajad üldiselt valesti aru saavad. Kui asute oma pildile pildi lisamiseks (mõlemas postituses või lehel), pakub WordPress teile neli vaikeviisi pildi joondamiseks: asetage vasakule vasakule joondus 'Keskus', joondage paremal ja joonduge 'Puudub' *.

Vaatame igaüks neist omakorda:

1. Joonda vasakule

Pilt, millele on määratud vasakpoolne joondus, lükatakse tõesti selle lehe jaotisest vasakule, mille sees see asetub (näiteks teie WordPressi lehe sisu postitus vasakule piirile) ja mis tahes muu sisu (näiteks tekst) ümbritsege oma kolme ülejäänud piiri – täitke ala paremale, kus pilt asub.

Näide:

Isegi kui ma pean silmas pidama ametikohta, olenemata sellest, kas ma pean seda tegema, on see kahtlemata ajutine töö ja töökord. Mõlemad auhindu pakuvad teile parimad hinnad ja hinnad. Erandjuhul ei kuulu mitteprotsentriline inimene, kes on kultuuri ohvriks langenud. Isegi kui ma pean silmas pidama ametikohta, olenemata sellest, kas ma pean seda tegema, on see kahtlemata ajutine töö ja töökord. Ut enim ad minim veniam, quis nostrud exercice ullamco laboris nisi ut aliquip ex ea commodo consequat. Mõlemad auhindu pakuvad teile parimad hinnad ja hinnad.

2. Joondage keskus

Kui soovite oma pilti tsentraliseerida selle lehe jaotises, milles see asetseb (st võrdsel määral vahele sisu ala serva ja selle vasaku ja parema piiri vahel), valige keskmine joondus. Erinevalt ülalmainitud vasakpoolsest joondusest ei lange mis tahes naaber sisu (näiteks tekst) pildi ümber – see asetatakse kas pildi kohal või selle kohal (sõltuvalt sellest, kuhu teksti, mille olete sisestanud mainitud pilt).

Näide:

Isegi kui ma pean silmas pidama ametikohta, olenemata sellest, kas ma pean seda tegema, on see kahtlemata ajutine töö ja töökord. Mõlemad auhindu pakuvad teile parimad hinnad ja hinnad. Erandjuhul ei kuulu mitteprotsentriline inimene, kes on kultuuri ohvriks langenud.

3. Korrigeerige õigesti

Kujutise paremale joondamine on nagu te eeldasite, päris täpselt vasakpoolne vasakpoolne pildi joondamine – pilt lükatakse selle lehe jaotiseni, kus see asub (paremal serval) Lehe sisu WordPressi postitus) ja kõik muu sisu (nt tekst jne) ümbritseb oma kolme ülejäänud piiri: täidates seega selle vasakule jääva ala.

Näide:

Isegi kui ma pean silmas pidama ametikohta, olenemata sellest, kas ma pean seda tegema, on see kahtlemata ajutine töö ja töökord. Mõlemad auhindu pakuvad teile parimad hinnad ja hinnad. Erandjuhul ei kuulu mitteprotsentriline inimene, kes on kultuuri ohvriks langenud. Isegi kui ma pean silmas pidama ametikohta, olenemata sellest, kas ma pean seda tegema, on see kahtlemata ajutine töö ja töökord. Ut enim ad minim veniam, quis nostrud exercice ullamco laboris nisi ut aliquip ex ea commodo consequat. Mõlemad auhindu pakuvad teile parimad hinnad ja hinnad.

4. Joondus Puudub

Pildid, millel pole neile vastavat joondust (neile eraldatakse joondus "Puudub"), asuvad täpselt kohas, kus nad asuvad – st kui soovid asetada pildi, mille kohta on valitud joonistus "Puudub" teksti lõigus (vt allpool toodud näidet), paigutatakse see tekstiga tekstiga lineaarselt, mille tulemuseks on tekst nii pildi vasakule kui paremale (eeldusel, et pilt ei ole sama laius – või laiem – kui pindala kus ta istub **). Kuid segaduses on pilt, millel on mõlemad tähistatud nurga all oleva nurga all ja mis asetseb selle enda lõigus (st WordPressi redaktoris ja / või spetsiaalselt HTML 'p' -sildis), paigutatakse vasakule selle piirkonnast, kus see elab (sarnaselt sellega, kui see oleks jäänud vastavusse viidud), kuid ilma tekstita selle õigus. Miks? Kuna kujutisel ei ole konkreetset joondust (või tehnoloogilistel tingimustel: mingit konkreetset vasakut või paremat "ujukit"), mis asetseb selle enda lõigus (ilma ühegi teise elemendi samas lõigus) eraldatakse mõlemast eelnevast ja järgides sisu eelnevalt määratletud tühikutega ridade järgi – sarnaselt mis tahes muu lõikega!

Näide:

Isegi kui ma pean silmas pidama ametikohta, olenemata sellest, kas ma pean seda tegema, on see kahtlemata ajutine töö ja töökord. Mõlemad auhindu pakuvad teile parimad hinnad ja hinnad. Erandjuhul ei kuulu mitteprotsentriline inimene, kes on kultuuri ohvriks langenud.

Mis siis siin toimub?

Miks see kõik juhtub? See on tegelikult kõik tänu arvutile kasutatavale keelele, mida kasutatakse veebielementide esituseks (kujundus, mõõtmed, värvid jne), mida nimetatakse kaskaaditavate stiilide lehtedena või lühidalt CSS-ideks. Sisuliselt lisab iga kord, kui määrate postituse või lehe pildile vasakpoolse joonduse, näiteks WordPress, lisab mainitud kujutisele HTML-klassi nime "alignleft", mis seejärel sundib pilti konkreetset komplekti viitama eelmääratud CSS-i käskudest, mis ütlevad, kus see peab lehel istuma – lihtne! Samamoodi määrab WordPress teistele klasside nimesid – näiteks "aligncenter" (piltide puhul tsentraliseeritud joondamine), "alignright" (kui pildid on õigesti joondatud) ja "alignnone" (pildid, mis on et mingit konkreetset joondust pole määratud) – et iga viide erinevad CSS käskude komplektid.

Tõsi küll (kahjuks) on CSS-i käskude ümberpööramise idee üle keskmise WordPressi kasutaja jaoks veidi hirmutav; aga kui teil on huvi nende kohta lisateabe saamiseks, annavad nad teile kiiresti võimaluse omandada täiesti uus vabadus, kui tegemist on sisu kujundamise või isegi kogu veebisaidi loomisega! Kui olete huvitatud õppimisest, vaadake meie varasemat postitust, kus on kõige parem õppida CSS-i veebis – või, teise võimalusena, lihtsalt astuge üle Google'i hea välja ja lähege loodusesse! ;)

Kokkuvõte

Nii et sul on seda: selgitatud joonistusi! Lühidalt: kasutage vasakpoolset joondust, kui soovite, et pilt jääks vasakule ja teisi elemente (nt teksti jne), et ümbritseda seda paremale; kasutage keskmist joondust, kui soovid, et pilt satub teie sisu keskel / keskel, ilma et sellel oleks ühtegi muud elementi; kasutage õiget joondust, kui soovite, et pilt asetuks paremale ja teistele naabruses asuvatele veebielementidele selle ümbermõõduga vasakule; ja kasutage joonistamist "puudub", kui soovite, et teie kujutis asuks täpselt kohas, kus soovite selle asetada naaberliikmete (nt teksti jne) suunas – JA NING lõpuks, kui soovite, et pilt paigutatakse vasakule sisust -piirkond, kus see elab, BUT ei soovi, et tekstid jms ilmuksid selle paremale, määraks pildi joondus "Puudub" ja veenduge, et see asetseb oma erasektori lõigus!

* selle rippmenüü kaudu, mis asub WordPressi Media Library'i allservas asuvas aknas alam-päises "Attachment Display Settings".

** sel juhul peaks teksti, mis tavaliselt asetseks mõlemal sellel poolel, ei jääks kuhugi muust kui pildi kohal või allapoole – märkida, et sellised juhtumid võivad sageli põhjustada segiajamist kõigi nelja joonduse vahel, kuna seal ei ole ruumi ühelegi teisele tekst / elemendid pildi mõlemal küljel ei mõjuta oluliselt seda, millist joondamist soovite kasutada!

Kasulik?

Vaata videot: SEO Tools Rank – 100% tasuta SEO Tools

Like this post? Please share to your friends:
Lisa kommentaar

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