maanantai 14. syyskuuta 2015

Tee-Se-Itse MyCashflow kaupan ulkoasun muokkaus

MyCashflow-teemat ovat tavallisia tiedostokansioita, jotka sisältävät kaikki teemassa tarvittavat kansiot sekä HTML- ja CSS-tiedostot.

Teeman voit luoda tekemällä uuden kansion haluamallasi teeman nimellä tiedostoselaimen alle ja lataamalla sinne sivupohjat ja muut teemassa käytetyt tiedostot.

Teema vaatii toimiakseen asetustiedoston joka sisältää oleellista tietoa teemasta ja sen toiminnasta, kuten kuvien kokoasetuksia, teemassa käytettäviä sanakirjan tekstejä mahdollisesti useilla kielillä ja muita teemakohtaisia asetuksia.

Teeman suunnittelijan olisi hyvä osata:
  • Perustiedot HTML-merkkauksesta.
  • Kuinka Internet-sivut muotoillaan tyylitiedostojen avulla.
  • Olla kokemusta Internet-sivujen suunnittelusta yleisesti.
  • Perusymmärrys siitä, kuinka Interface merkkaus toimii. 

Interface merkkauksen sydän ovat sen tagit, jotka vastaavat kaikesta muokattavan sisällön ja käyttöliittymän osien tulostamisesta sivupohjiin. Interface tagit kirjoitetaan aina aaltosulkeiden sisään, esimerkiksi {Products} tulostaisi tuoteryhmän tuotteet.
Tageilla on myös attribuutteja, joilla niiden tulostusta ja ominaisuuksia voi muokata. Attribuutit tulevat tagin nimen jälkeen kaarisulkeisiin.

Teeman tekemiseen ei tarvitse laajennuksia.

Nämä ovat teemassa pakollisia sivuja:
  • Etusivu (homepage.html)
  • Näyteikkuna (category-front.html)
  • Tuotelista (product-list.html)
  • Tuotekortti (product.html)
  • Sisältönäkymä (template.html)
  • Hakunäkymä (search.html)  
  Lisäksi kaupassa voisi olla:
  • Kaupan logo
  • Hakukenttä
  • Ostoskori
  • Kielivalikko
  • Päävalikko
  • Bannereita
  • Uusia tuotteita
  • Mainostettavia tuotteita
  • Asiakastilin navigaatio
Sivujen ulkoasun suunnittelun voi toteuttaa haluamallaan tavalla ja ohjelmalla. Lopputuloksen on oltava toimiva HTML-sivu, joka täyttää tekniset vaatimukset.
HTML-koodin on oltava validia. Myöskään CSS-tiedostossa ei saa olla kriittisiä virheitä. 
JavaScript- ja CSS-tiedostot laitetaan toimimaan minifyn kautta. Minify optimoi koodin ja poistaa siitä turhat välimerkit.

Ei kommentteja:

Lähetä kommentti