Osa 2: Yleiset toiminnallisuudet ja sivuston muokkaus

Käytön aloitus

 

Kuvaesitys vaatii JavaScriptin.

 

Pääset muokkaamaan Weebly sivustoasi Webhotellin hallintapaneelin kautta. Näkymä on aktivoinnin jälkeen hieman muuttunut ja sivuston muokkaus aloitetaan ’Edit’ painikkeella.

Kun kirjaudut ensimmäistä kertaa Weeblyn editoriin, pitää sinun ensin valita teema. Weeblystä löytyy lukuisia upeita teemoja, joita pystyt tarvittaessa muokkaamaan haluamaksesi. Kevyimmillään voit lisätä omat tekstit ja kuvat, mutta teemaa saa myös muokattua omalla HTML tai CSS koodilla. Suosittelemme lähtökohtaisesti olemassa olevien teemojen muokkaamista. Valitse haluamasi teema ja sinut ohjataan eteenpäin. Teeman valinnan jälkeen sinulle avautuu tyhjä Weebly sivusto, josta voit aloittaa omien sivustojesi työstämisen.

Yleiset toiminnallisuudet

 

11_weebly-ylapalkki

 

Build: Build osiosta löytyy Weeblyn Drag and Drop -valikko. Aina kun sivuille lisätään uutta, valitaan yläpalkista ’Build’.

Pages: Pages osiosta hallinnoidaan verkkosivuston sivuja ja näiden ominaisuuksia. Uuden sivun lisääminen, nimenmuutos ja muut toimenpiteet tapahtuvat täältä. Myös yksittäisen sivuston metatietojen ja SEO asetusten määrittäminen onnistuu täältä.

Theme: Teemaan liittyvät asetukset löytyvät täältä. Voit ’Themes’ valikon alta muuttaa nykyistä teemaa, yksilöidä teeman tekstimuotoiluja ja muuttaa käytettävän teeman HTML/CSS koodia.

Store: Verkkokaupan asetukset löytyvät ’Store’ osiosta.

Settings: Täältä pääset määrittämään sivustosi yleisasetuksia.

 

Weeblyn sivupalkki

 

Title: Otsikkoruutu.

Text: Tekstiruutu

Image: Kuvaruutu. Lisää sivustolle yksittäinen kuva

Gallery: Galleria elementillä saat ns. kuvaruudukon luotua

Slideshow: Toisin kuin galleria elementti, slideshow luo diashown elementin sivustollesi.

Contact Form: Yhteydenottolomake

Newsletter Form: Uutiskirjeen tilauslomake

Button: Nappula elementti. Voidaan käyttää esimerkiksi linkkien korvikkeena eli nappia klikkaamalla voit siirtyä seuraavalle sivulle

Embed Code: Lisää oma HTML koodielementti sivustollesi

Section: Tämän avulla voit jakaa verkkosivustosi erilaisiin osiin.

Divider: Divider elementin avulla voit jakaa sivustosi osia. Kyseinen elementti merkitsee jaetut osat väliviivalla.

Spacer: Toisin kuin divider, spacer toimii näkymättömänä tilanjakana. Tätä käyttämällä saat luotua tyhjää tilaa sivustollesi.

HD video (vain Pro): Lisää sivustolle oma HD-video.

Audio (vain Pro): Lisää sivustolle oma äänitiedosto

Document: Lisää dokumentti sivustoille muiden luettavaksi

Youtube: Lisää Youtube -video sivustoillesi

Flash: Lisää .swf tiedosto sivustoillesi

Products: Lisää useampi verkkokaupan tuote näkymään samassa ruudussa

Categories: Vastaava kuin ’Products’, mutta näyttää tuotekategoriat

Product: Lisää yksittäinen tuote näkymään sivustollasi

Search box (Vain Pro): Hakukenttä sivustoillasi

Block quote: Esimerkiksi asiakkaan palaute voidaan näyttää Block quotena sivustoilla

Social Icons: Sosiaalisen median ikonit

RSVP Form: Monivalinta kyselylomake

Survey: Kyselylomake. Toisin kuin RSVP Formissa, Survey elementissä pystyy valitsemaan vain yhden vaihtoehdon per kysymys.

Feed Reader: Voit tämän avulla lisätä RSS feedin sivustoille

 

Mikäli artikkelista puuttuu tarvitsemasi ohje tai artikkelissa on virhe, ilmoita siitä asiakastukeemme.