Lataa CSS-tiedostoja sivulle pakattuna, ja mahdollisuuksien mukaan suoraan välimuistista

Kuvaus

Tagin käyttäminen parantaa teeman suorituskykyä, varsinkin jos käytössä on useita CSS-tyylitiedostoja.

Katso myös {MinifyJS}-tagi, jonka avulla voit lisätä sivulle pakattuja Javascript-tiedostoja.

Syntaksi

{MinifyCSS(
    files: string,
    mode: string
)}

Näkyvyys

Toimii näkyvyydessä: globaali

Globaalin näkyvyyden tageja on mahdollista käyttää missä tahansa sivupohjassa ja minkä tahansa tagin sisällä.

Teeman tyylitiedostojen lataaminen pakattuina

{MinifyCSS(
    files: 'css/master.css|css/base.css|css/forms.css',
    mode: 'development'
)}

Teeman ollessa vielä kehitysvaiheessa {MinifyCSS}-tagin mode-attribuutilla pidetään arvoa development, jolloin tyylitiedostoja ei ladata välimuistista, vaan suoraan palvelimelta jokaisen sivunlatauksen yhteydessä. Tällöin kaikki muutokset nähdään teemassa ilman viivettä.

Kun teeman kehitys on saatu loppuun, ja sivusto julkaistaan, {MinifyCSS}-tagin mode-attribuutiksi kannattaa vaihtaa production; tämä parantaa teeman suorituskykyä, kun tyylitiedostot ladataan pakattuina ja mahdollisuuksien mukaan välimuistista.

{MinifyCSS(
    files: 'css/master.css|css/base.css|css/forms.css',
    mode: 'production'
)}

Attribuutit

files:

Määrittää tiedostot, jotka tagilla halutaan ladata.

Arvona annetaan haluttujen tiedstojen sijainnit putkimerkillä erotettuina ja suhteessa teeman juurihakemistoon.

Esim. files:'css/master.css|css/base.css|css/forms.css'

mode:

Määrittää tagille tilan, jonka perusteella tiedostot ladataan joko pakattuina tai pakkaamattomina.

Sallitut arvot:

  • 'production': Tuotantotilassa tiedostot ladataan pakattuina välimuistista.
  • 'development': Kehitystilassa tiedostot ladataan uudestaan jokaisen sivunlatauksen yhteydessä, jotta mahdolliset muutokset saadaan nopeasti näkyviin.
after/before:

after- ja before-attribuuteilla voit määrittää sisällön, joka tulostuu ennen tagin tuottamaa sisältöä tai sen jälkeen.

Sallitut arvot: HTML- ja Interface-merkkaus

Esim.:

  • before: '<p>Tämä merkkaus näkyy ennen tagin omaa sisältöä.</p>'
  • after: '<p>Tämä taas näkyy tagin oman sisällön jälkeen.</p>'

Mikäli tagi ei tuota mitään sisältöä, myöskään after- ja before-attribuuttien sisältö ei tulostu.

escape:

Asettaa tulostuvassa sisällössä pakomerkin ennen lainausmerkkejä.

Attribuutin tarkoitus on helpottaa tagin palauttaman sisällön käyttämistä JavaScriptin avulla.

Sallitut arvot: true/false. Oletusarvo false.

or:

Määrittää vaihtoehtoisen sisällön, joka näkyy mikäli tagi ei itse tuota mitään sisältöä.

Sallitut arvot: HTML- ja Interface-merkkaus

Esim. or: 'Sisältöä ei löytynyt.'