Stillingar WordPress myndstillingar – útskýrt!

Viðfangsefni þess að samræma myndir er það sem almennt er misskilið af nýnemum WordPress. Þegar þú ferð að bæta mynd við innihaldið þitt (innan pósts eða síðna) býður WordPress þér fjórar sjálfgefnar leiðir til að samræma umrædda mynd: samræma „Vinstri“, samræma „Miðja“, samræma „Hægri“ og samræma „Engin“ *.


Við skulum kíkja á hvert af þessum málum aftur:

1. Samræma vinstri

Mynd sem hefur verið úthlutað vinstri röðun verður í raun ýtt til vinstri á þeim hluta síðunnar sem hún er innan (svo sem vinstri mörk WordPress færslunnar á innihaldi síðunnar), og allt annað efni (svo sem texti) mun vefjið um þrjú landamæri þess – fyllið svæðið hægra megin við myndina.

Dæmi:

Lorem ipsum dolor sitja amet, consectetur adipiscing elit, sed do eiusmod tímabundið incididunt ut labore og dolore magna aliqua. Samræma vinstri 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 sitja amet, consectetur adipiscing elit, sed do eiusmod tímabundið incididunt ut labore og dolore magna aliqua. Ut enim ad minim veniam, quis nostrud æfingu 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. Samræma miðju

Ef þú vilt að myndin þín verði miðstýrt innan þess hluta síðunnar sem hún er innan (þ.e.a.s. með jafnmiklu bili á milli brúnar efnissvæðisins og vinstri og hægri ramma þess) skaltu velja „Mið“ röðun. Ólíkt ofangreindri „vinstri“ röðun, mun nærliggjandi efni (eins og texti) ekki vefjast um myndina – hún mun í staðinn vera staðsett annað hvort fyrir ofan eða undir myndinni (fer eftir því hvar í textanum þú hefur valið að setja inn umrædd mynd).

Dæmi:

Lorem ipsum dolor sitja amet, consectetur adipiscing elit, sed do eiusmod tímabundið incididunt ut labore og dolore magna aliqua. Samræma miðju 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. Samræma rétt

Hægri röðun myndar er eins og þú bjóst við, nákvæmlega hið gagnstæða til vinstri að samræma mynd – myndinni verður ýtt til hægri á þeim hluta síðunnar sem hún situr í (þ.e. hægri mörk á þínu WordPress staða síðunnar) og allt annað efni (svo sem texti osfrv.) Mun vefjast um önnur þrjú landamæri: þannig fyllir svæðið vinstra megin við það.

Dæmi:

Lorem ipsum dolor sitja amet, consectetur adipiscing elit, sed do eiusmod tímabundið incididunt ut labore og dolore magna aliqua. Rétt samstillt mynd 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 sitja amet, consectetur adipiscing elit, sed do eiusmod tímabundið incididunt ut labore og dolore magna aliqua. Ut enim ad minim veniam, quis nostrud æfingu 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. Samræma engan

Myndir sem hafa enga röðun úthlutað þeim (með því að úthluta þeim jöfnun á ‘Enginn’), munu sitja nákvæmlega á þeim stað sem þú finnur þær – þ.e.a.s. (sjá eftirfarandi dæmi hér að neðan), það verður staðsett í takt við þann texta, sem mun leiða til þess að texti er til vinstri og hægri á myndinni (að því gefnu að myndin sé ekki eins breidd – eða breiðari – en svæðið þar sem það situr **). Hins vegar ruglingslegt er að mynd sem BÁÐU hefur fengið úthlutun „Engin“ OG situr innan eigin málsgreinar (þ.e. á nýrri línu í WordPress ritlinum og / eða sérstaklega innan HTML ‘p’ tags) verður staðsett til vinstri svæðisins þar sem það er búsett (á svipaðan hátt og ef það hefði verið skilið til vinstri) en án texta hægra megin við það. Af hverju? Vegna þess að mynd hefur engin sérstök röðun (eða, í tæknilegum skilmálum: enginn sérstakur vinstri eða hægri ‘fljóta’) sem situr innan eigin málsgreinar (án annarra þátta í sömu málsgrein) verður aðskilið frá báðum undanfarandi og fylgja efni eftir línum með fyrirfram skilgreindu hvítu rými – á svipaðan hátt og önnur málsgrein gerir!

Dæmi:

Lorem ipsum dolor sitja amet, consectetur adipiscing elit, sed do eiusmod tímabundið incididunt ut labore og dolore magna aliqua. Samræma Enginn 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.

Svo hvað er raunverulega að gerast hér?

Af hverju gerist þetta allt? Það stafar reyndar af tölvutungumáli sem notað er til að tjá kynningu (skipulag, mál, liti osfrv.) Vefþátta, kallað „Cascading Style Sheets“ – eða „CSS“ í stuttu máli. Í meginatriðum, í hvert skipti sem þú úthlutar, segðu, vinstri röðun við mynd í færslu eða síðu, til dæmis, bætir WordPress HTML bekkjarheiti „alignleft“ við umrædda mynd, sem neyðir þá í raun myndina til að vísa til ákveðins safns af fyrirfram skilgreindum CSS skipunum sem segja henni hvar það þarf að sitja á síðunni – einfalt! Á sama hátt úthlutar WordPress fyrir hverja hina aðrar samstillingar sem nefndar eru mismunandi tegundirheiti – svo sem ‘aligncenter’ (til að miða myndir miðlægt), ‘alignright’ (til að myndar séu réttar samstilltar) og ‘alignnone’ (fyrir myndir sem eru miðaðar að hafa engum sérstökum röðunum úthlutað) – að hver tilvísun hafi mismunandi sett af CSS skipunum.

Að vísu (því miður) getur hugmyndin um að umvefja höfuðið um heim CSS skipana verið meira en lítið afdrifarík fyrir meðaltal WordPress notanda; Hins vegar, ef þú hefur áhuga á að læra meira um þau, munu þeir fljótt gera þér kleift að öðlast alveg nýtt frelsi þegar kemur að því að stilla innihaldið þitt – eða jafnvel vefsíðu þína! Ef þú hefur áhuga á að læra, skoðaðu fyrri færsluna okkar um hvert best væri að fara í að læra CSS á netinu – eða að öðrum kosti, farðu bara yfir á góða ol ‘Google og villtu! ;)

Yfirlit

Svo þar hefur þú það: myndaskipting útskýrð! Í stuttu máli: notaðu vinstri röðun þegar þú vilt að mynd sitji til vinstri og aðrir þættir (eins og texti osfrv.) Til að vefja um hana til hægri; notaðu miðlæga röðun þegar þú vilt að mynd sitji í miðju / miðju innihaldsins án þess að aðrir þættir séu á hvorri hlið þess; notaðu hægri röðun þegar þú vilt að mynd sé til hægri og aðrir nálægir vefþættir til að vefja um hana til vinstri; og notaðu röðun ‘enginn’ ef þú vilt að myndin þín sitji nákvæmlega þar sem þú velur að setja hana miðað við nærliggjandi þætti hennar (þ.e. texta osfrv.) – OG að lokum, ef þú vilt að mynd sé staðsett vinstra megin við innihaldið -area þar sem hún er búsett en EN vill ekki að texti osfrv. birtist hægra megin við hana, úthlutaðu myndinni jöfnun á ‘Enginn’ og tryggðu að hún sitji í sinni eigin persónu málsgreinar!

* í fellivalmynd sem er að finna neðst til hægri í WordPress „Media Library“ glugganum undir undirhaus „Viðhengisskjástillingar“.

** í því tilviki mun textinn sem venjulega sitja sitt hvorum megin við hann hvergi fara annað en fyrir ofan eða undir myndinni – athugaðu að slík tilvik geta oft leitt til rugls milli allra fjögurra samskipta þar sem ekkert pláss er fyrir neinu öðru texti / frumefni á hvorri hlið myndarinnar, það skiptir í raun engu máli hvaða röðun þú velur að nota!

Nothæft?

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map