Hvernig á að bæta við uppskeru við myndupphal í Drupal 8

Inngangur: Uppskera myndupphleðslur í smámyndastærðum

Þetta Kennsla mun leiðbeina Drupal 8 notendur í gegnum skrefin sem þarf til að setja upp Smámynd smámynda lögun til að hlaða upp með JavaScript. Setja Smámynd myndar stærðir og klippa skrár sem hlaðið er inn handvirkt til að tryggja rétt jafnvægi & fókus fyrir ramma.


Til að bæta skurðaraðgerðinni við myndasöfn í Drupal 8:

  1. The Bókasöfn verður að setja upp eininguna til að hýsa þriðja aðila JavaScript.
  2. The Uppskera myndgræju mát & setja þarf forsendur.

Það eru fleiri valkostir til að gera sjálfvirkan skurð, samþætta skurð með vinsælum ritstjórasíðum og útfæra virkni á Drupal CCK Fields um tegundir efnis. Vertu viss um að hafa góða Drupal hýsingu áður en þú byrjar.

Skref eitt: Settu upp bókasafnseininguna & Búðu til nýja skrá

Byrjaðu á því að hala niður nauðsynlegum einingaskrám frá drupal.org fyrir uppsetninguna. Farðu síðan til admin / einingar / setja upp og settu upp skrárnar með því að hlaða zip / gzip pakkunum eða nota aðra aðferð eins og FTP, Git, Drush osfrv. fyrir ferlið eins og venjulega.

Nauðsynlegar einingar – Hlekk niður tengla:

  • Bókasöfn API:(halaðu niður skrám)

Stillingar: Eftir að Bókasöfn API mát, opið Skráasafn í cPanel og búa til nýja skrá í rót Drupal 8 uppsetning (heimilisfang:. ../ bókasöfn).

Hvernig á að bæta við uppskeru við myndupphal í Drupal 8

Í næsta skrefi þarf að hlaða upp setti af JavaScript skrár til / bókasöfn möppu.

Skref tvö: Hlaðið upp Cropper JavaScript skrám á vefþjóninn

Siglaðu að GitHub síðu Cropper JQuery verkefni sem verður notað í Drupal 8 til að stjórna myndum sem hlaðið hefur verið upp. JQuery skrárnar eru nauðsynlegar fyrir Drupal eininguna.

Nauðsynlegar einingar – Hlekk niður tengla:

  • Cropper:(halaðu niður skrám)

Stillingar: Eftir að hafa hlaðið niður Cropper JQuery skrár frá GitHub, taka upp skjalasafnið & hlaðið upp / dist möppu til / bókasöfn / cropper / dist á vefþjóninum þínum.

Athugasemd: Geymdu allar JQuery skrárnar sem finnast í / dist möppu í upprunalegu ástandi.

Hvernig á að bæta við uppskeru við myndupphal í Drupal 8

Eftir að Bókasöfn mát & the Cropper JQuery skrár, allar forsendur til að keyra Uppskera myndgræju eining á Drupal 8 vefsíður eru heill.

Skref þrjú: Settu upp myndabúnað fyrir uppskeru fyrir D8

Til að setja upp skurðarvirkni mynda er krafist tveggja eininga Drupal 8. Eins og með Bókasöfn mát, settu þetta upp eftir vali á FTP, Git, Drush osfrv.

Nauðsynlegar einingar – Hlekk niður tengla:

  • Uppskera API: (halaðu niður skrám)
  • Uppskera myndgræju: (halaðu niður skrám)

Stillingar: Í stillingarhlutanum fyrir eininguna, staðsett á:

  • Stjórnsýsla: / admin / config / media / crop-widget

staðfestu að einingarnar hafi verið rétt settar upp & stilltu smámyndastillingarnar.

Hvernig á að bæta við uppskeru við myndupphal í Drupal 8

Athugasemd: Ef uppskerutegundin birtist ekki skaltu stilla myndstíl. Smelltu á gátreitinn til að vara notendur við því að myndir verða notaðar í mörgum stillingum, & vistaðu stillingargildin.

Skref fjögur: Stilltu smámyndastærð mynda í Drupal stjórnanda

Til að búa til sérsniðna stillingu smámynda í Drupal 8, sigla til: admin / config / media / image-stíll og smelltu á hnappinn til að „Bæta við myndastíl“.

Nefndu stillinguna og veldu síðan “Skera” úr valmyndinni undir „Áhrif“ og smelltu “Bæta við”. Sláðu inn tölugildi fyrir lengdina & breidd Skera í pixlum & vistaðu stillingarnar.

Hvernig á að bæta við uppskeru við myndupphal í Drupal 8

Stilltu pixelgildin fyrir aðalmyndina & vistaðu síðan. The Smámynd myndar þeim verður að beita á myndareit á einni af innihaldsgerðum í Drupal 8 til notkunar.

Skref fimm: Stilla stillingar myndreits fyrir innihaldsgerð

Að lokum, farðu til Drupal 8 hluti tegundar innihalds og gera kleift hina ýmsu Stærð smámynda til notkunar á vefsíðunni. Þú getur geymt mismunandi gildi fyrir hverja hnútategund, svo sem Greinar & Blogg, að byggja upp margmiðlunarútgáfukerfi með CMS.

Hvernig á að bæta við uppskeru við myndupphal í Drupal 8

Stillingar: Sigla til admin / uppbygging / gerðir & skoðaðu stillingar myndreitsins fyrir hverja tegund innihalds. Þar sem myndareiturinn er í notkun skaltu stilla smámyndastærðina í samræmi við það.

Smelltu á „Stjórna reitum“hlekkur og haltu áfram að „Stjórna skjá“ flipann. Skoðaðu stillingarnar fyrir myndreitinn og breyttu skjánum í smámyndastærð myndarinnar sem krafist er.

Niðurstaða: Hlaða inn & Skera myndir í smámyndastærð

Með þessu kerfi geta vefútgefendur handvirkt klippt hvaða mynd sem er hlaðið inn fyrir greinar, blogg, vörur osfrv Drupal 8 samkvæmt fastri smámyndastærð með því að nota Cropper JQuery.

Þessi aðferð gerir efnishöfundum meiri stjórn á endanlegu útliti mynda á vefsíðum. Virkar með verkfærum eins og IMCE, CKEditor, Bootstrap, Entity Browser osfrv.

Skoðaðu þessar þrjár helstu Drupal hýsingarþjónustur:

ChemiCloud

Byrjunarverð:
$ 2,76


Áreiðanleiki
10


Verðlag
9.9


Notendavænn
9.9


Stuðningur
10


Lögun
9.9

Lestu umsagnir

Heimsæktu ChemiCloud

Hostinger

Byrjunarverð:
$ 0,99


Áreiðanleiki
9.3


Verðlag
9.3


Notendavænn
9.4


Stuðningur
9.4


Lögun
9.2

Lestu umsagnir

Heimsæktu Hostinger

A2 hýsing

Byrjunarverð:
$ 3,92


Áreiðanleiki
9.3


Verðlag
9.0


Notendavænn
9.3


Stuðningur
9.3


Lögun
9.3

Lestu umsagnir

Farðu á A2 Hosting

Tengdar greinar um hvernig á að gera

  • Hvernig á að búa til hreyfimyndasýningu í Drupal 8
    millistig
  • Hvernig á að stjórna smámyndum frá samfélagsmiðlum í Drupal 8?
    millistig
  • Hvernig á að nota dulrita SSL vottorð skulum við Drupal 8
    millistig
  • Hvernig á að setja upp & Stilla Ubecart með Drupal
    nýliði
  • Hvernig á að setja upp & Notaðu Twitter Bootstrap sem Drupal 8 þema
    nýliði
Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me