BunStackDocs

Kaupat

Mediakirjasto

Lataa kuvia ja fontteja suunnittelutyökaluun: muodot, 10 Mt:n raja, alt-teksti, suodatin Fonts ja missä tiedostoja käytetään.

Päivitetty viimeksi · 2 min lukuaika

Mediakirjastossa ovat suunnittelutyökalussa käyttämäsi kuvat ja fontit.

Missä: Suunnittelutyökalun paneeli Media (⌥6). Kirjasto avautuu myös painikkeesta Choose image ja kentästä Logo. Hallinnassa se avautuu kategorian kuvakentästä, katso Kategoriat.

Tuotekuvat lataat tuotteeseen, et tänne. Katso Tuotteet.

Muodot ja rajat

MuotoMitä latauksessa tapahtuu
JPG, PNG, WebPBunStack tallentaa alkuperäisen ja tekee WebP-kopiot leveyksiin 256, 440, 880, 1440 ja 2048 px. Vain alkuperäistä kapeammat leveydet tehdään
GIF, SVG ja animoidut kuvatTallennetaan sellaisenaan
WOFF2, WOFFTallennetaan fontteina
RajaArvo
Suurin tiedosto10 Mt
Tiedostoja listassa100 viimeisintä
Kuka näkee tiedostotKaikki workspacen kaupat
Kuka lataaRoolit, joilla on oikeus muokata kauppaa

Kauppa valitsee näyttöön sopivan kopion. Kun kopiot ovat olemassa, vierailijoille ei lähetetä 2048 px:ä leveämpää alkuperäistä.

Lataa

  1. Avaa paneeli Media.
  2. Paina Upload file.
  3. Valitse tiedosto.

Tiedosto tulee listan alkuun. Suodattimet All, Images ja Fonts näyttävät kaikki tiedostot, vain kuvat tai vain fontit.

Käytä kuvaa

Listan yläpuolella oleva rivi kertoo, mitä napsautus tekee:

  • Paneelissa Media: napsautus asettaa kuvan valittuun osioon. Ilman valintaa kuvan osoite kopioidaan.
  • Painikkeesta Choose image tai kentästä Logo: napsautus täyttää sen kentän.
  • Osion Categories riviltä: kuva koskee vain sitä kategoriaa siinä osiossa.
  • Kategorian kuvakentästä hallinnassa: napsautus valitsee kuvan. Se tallentuu, kun painat Save. Siellä lataamasi tiedosto kuuluu workspacelle, ei yhdelle kaupalle.

Käytä fonttia

Fontilla on painike Copy URL. Liitä osoite kohdan COPIED-URL tilalle:

@font-face { font-family: "Brand Sans"; src: url("COPIED-URL") format("woff2"); }

Kaupan käytäntö lataa fontit vain mediakirjastosta. Muusta osoitteesta tuleva fontti ei lataudu kaupassa eikä työtilassa. Katso Oma CSS ja head-koodi.

Alt-teksti

  1. Pidä osoitinta kuvan päällä.
  2. Paina Edit alt text.
  3. Kirjoita, mitä kuvassa on.
  4. Tallenna painamalla Enter tai peru painamalla Esc.

Alt-teksti tulee mukaan, kun valitset kuvan osioon. Ruudunlukijat lukevat sen. Julkaisuikkuna varoittaa kuvista ilman kuvausta.

Poista tiedosto

  1. Pidä osoitinta tiedoston päällä.
  2. Paina Delete asset.
  3. Paina Delete ikkunassa Delete this asset?.

BunStack poistaa tiedoston ja sen kopiot.

Varoitus: Osiot, jotka käyttävät tiedoston osoitetta, eivät näytä kuvaa poiston jälkeen. Avaa Preview ja tarkista sivut jälkeenpäin.

Virheet

ViestiSyyTee näin
Virhe painikkeen Upload file allaTiedosto on yli 10 Mt tai muuta muotoaPienennä tiedostoa tai tallenna se muotoon JPG, PNG, WebP, GIF, SVG, WOFF2 tai WOFF
Upload failed.Lataus keskeytyiYritä uudelleen
Nothing of that kind yet.Suodattimessa ei ole tiedostojaValitse All