Kun aloitat sivujesi luomisen Kotisivukoneella, on hyvä käydä ensin läpi muutama asetus
tekstityyleistä, jotta sivustosi ilme säilyy yhdenmukaisena.
Tässä ohjeartikkelissa esittelemme tekstityylit sekä miten niitä on hyvä muokata omille sivuilleen sopiviksi.
Avaa ensin Asetukset valikko ja valitse sieltä "Tyylit".
Tekstityylit ovat käytettävissä koko sivuston laajuisesti, ja onkin suositteltavaa käyttää sivupohjaan valmiiksi luotuja tyylejä ja muokata niistä itselleen sopivat versiot.
Mikäli jokaiselle tekstikappaleelle luo uuden tyylin, alkaa tekstityylejä kertyä ja niiden hallinnoiminen ja käyttö muuttuu hankalammaksi.
Tekstityylin muokkaaminen
Sivupohjissa on valmiina tekstityylit mm. leipätekstille (Normal <p>), otsikoille (Heading 1 <h1>, Heading 2 <h2>, Heading 3 <h3>) sekä korostusteksti (Highlight <span>)
Valitse aktiiviseksi ensin vasemmalta valikosta tekstityyli, jota haluat muokata.
Voit muuttaa kirjasimen kokoa, väriä sekä rivin korkeutta ja kirjasinväliä mieleiseksesi.
Voit myös käyttää lihavointia, kursiivia tai alleviivausta sekä tekstin tasaamista eri tavoin.
Näet esikatseluruudussa, miltä teksti tulee näyttämään.
Fontin vaihtaminen onnistuu Fontti-kentän alasvetovalikosta, valitsemalla mieleisen fontin.
Jos haluat enemmän vaihtoehtoja, kentän oikealla puolella olevasta kynäikonista saat esiin lisää vaihtoehtoja.
Muokkaa fontteja -ikkunassa
- Voit halutessasi ottaa käyttöön tai poistaa käytöstä fonttien eri ominaisuuksia, kuten tyylejä ta kieliä
- Voit myös lisätä fontteja valmiista fonttikirjastosta tai tuoda omia fonttitiedostoja klikkaamalla + Uusi fontti -> Lataa mukautettu fontti
- Sekä poistaa aiemmin käyttöön otettuja fontteja klikkaamalla fontin viereen ilmestyvää ruksia
Tuetut fonttimuodot ovat .TTF, .WOFF, .WOFF2, .OTF, .EOT, .SVG
Tekstityylin muokkaaminen: Linkit
Mikäli haluat muokata miltä linkit näyttävät tekstissä, voit tehdä tämän Tyylit-ikkunan välilehdellä Linkit.
Voit vaihtaa linkkien väriä Linkin teksti alla olevasta kynäikonista sekä muotoilla linkin kirjasinta vahvistetuksi, kursiiviksi ja alleviivata linkin halutessasi parantaa sen huomattavuutta tekstistä.
Leijuva linkki tarkoittaa millaiseksi linkki muuttuu kun viet hiiren sen ylle. On hyvä tapa korostaa linkit tekstistä niiden huomattavuuden ja saavutettavuuden vuoksi.
Edistynyt-välilehdellä voit asettaa valitsemallesi tekstityylille ominaisuuksia kuten Tekstin muuttaminen valikon "Kaikki kirjaimet isolla" ja tekstin marginaalin, eli rivivälin.
Fonttiasteikko eri laitteille tarkoittaa tekstin skaalaamista eri kokoisille näytöille sopivammaksi. Pienten näyttöjen suositellut 80% tabletille ja 60% puhelimelle tekevät tekstistä varsin pientä, voit skaalata fonttiasteikkoa myös maltillisemmin.
Tätä asetusta kannattaa käyttää, sillä se parantaa huomattavasti sivujesi skaalautuvuutta mobiililaitteille!
Jos haluat muokata useampia tekstityylejä, voit tehdä muutokset kerralla ja painaa lopuksi suorita.
Kaikki tekemäsi muutokset päivitetään yhdellä kertaa.
Huomaat sivupohjastasi, että tekstityyliin tekemäsi muutokset näkyvät automaattisesti jokaisessa tekstikappaleessa, jossa kyseinen tekstityyli on käytössä - Kätevää!
