Sivujen sisältöä muokataan sisältöeditorissa. Se on lohkoeditori, jossa kokoat sivun teksteistä, kuvista, painikkeista ja lisäosista. Tässä artikkelissa näytetään, miten avaat editorin ja miten sen osat toimivat yhdessä.
Avaa sivu muokattavaksi
- Napsauta sivupalkissa kohtaa Sivut → Hallitse sivuja. Näet kaikki sivusi; vasemmalla oleva suodatin Kategoriat ja hakukenttä Hae sivuja auttavat löytämään oikean.
- Napsauta sivun nimeä tai kynäkuvaketta Muokkaa sivun sisältöä. Rataskuvake Sivun asetukset avaa sen sijaan nimen, otsikon, URL-osoitteen ja muut asetukset; sieltäkin pääset editoriin painikkeella Muokkaa sivun sisältöä.
Pääset editoriin myös näkymästä Valikko → Hallitse valikkokohteita: jokaisen sivulinkin kohdalla on kuvake Muokkaa sivua.
Sivun rakenne: asettelu, lohkot ja elementit
- Asettelu on sivun koko sisältö. Se määrittää, miten lohkot on järjestetty.
- Lohko on sivun osio. Lohko on pystysuuntainen (elementit allekkain) tai vaakasuuntainen (elementit vierekkäin).
- Elementti on yksi lohkon sisältöosa: teksti, painike, galleria, yhteydenottolomake, upotettu HTML-koodi ja niin edelleen.
Valitse sivun osa napsauttamalla sitä. Valitsin Asettelu / Lohko / Elementti näyttää, mikä taso on aktiivinen, ja Näytä asetukset avaa kyseisen tason asetukset, esimerkiksi taustan, reunuksen, välistyksen, leveyden tai tasauksen.
Lisää lohkoja ja elementtejä
- Lisää lohko lisää uuden osion: valitse Tyhjä pystysuuntainen lohko, Tyhjä vaakasuuntainen lohko tai jokin valmiista malleista kohdassa Sivupohjat (voit suodattaa niitä hakusanalla).
- Työkalurivin Lisää elementti (lisäosa) tai valitun elementin pluskuvakkeet Lisää elementti eteen ja Lisää elementti perään avaavat elementtivalitsimen:
- Perus: Vakio (tekstielementti) ja Painike.
- Lisäosat: Blogi, Kalenteri, Yhteydenottolomake, Galleria, Vieraskirja, Linkkilista, Jäsenalue, Uutiskirje, Ilmoitustaulu, Kysely, Shoutbox ja Sivukartta. Ota lisäosa ensin käyttöön sivupalkin kohdassa Lisäosat, ks. lisää lisäosia verkkosivustolle.
- Sosiaalinen media: Seuraa-painikkeet, Facebook, Instagram, Twitter.
- Erityiset: Juokseva teksti ja Upotettu HTML muiden palveluntarjoajien koodia varten.
- Tallennetut elementit: elementit, jotka olet tallentanut toiminnolla Tallenna elementti käyttääksesi niitä muilla sivuilla.
Valitun elementin kuvakkeilla voit siirtää sitä ylös tai alas (vaakasuuntaisessa lohkossa vasemmalle tai oikealle), monistaa sen (Monista elementti) tai poistaa sen (Poista valittu elementti).
Kirjoita ja muotoile tekstiä
Napsauta tekstielementtiä (Vakio) ja ala kirjoittaa. Näkyviin tulee muotoilutyökalurivi, jossa ovat lihavointi, kursivointi ja alleviivaus, fontti, koko ja väri, kappalemuotoilut ja tasaus, luettelot, linkit, kuvat, videot, taulukot, erikoismerkit ja Lisää HTML. Kuvien lisäämisestä kerrotaan artikkelissa lisää kuvia, videoista artikkelissa upota videoita.
HTML-editori
HTML-editori näyttää sivun koko HTML-koodin koodieditorissa. Se on tarkoitettu kokeneille käyttäjille: virhe voi rikkoa sivun asettelun. Jos koodia ei voi lukea takaisin visuaaliseen editoriin, Yritä korjata auttaa. Sulje HTML-editori palaa visuaaliseen näkymään; myös täällä voit tallentaa painikkeilla Tallenna (jatka muokkausta) ja Tallenna (lopeta muokkaus). Katso myös mikä on HTML?.
Tallenna, kumoa ja esikatsele
- Muutokset eivät tallennu automaattisesti. Tallenna ja jatka tallentaa ja pitää editorin auki; Tallenna ja lopeta tallentaa ja palaa sivuluetteloon. Jos yrität poistua tallentamatta muutoksia, hallintapaneeli varoittaa sinua.
- Kumoa ja Tee uudelleen siirtyvät nykyisen muokkauskertasi muutosten välillä.
- Esikatselu avaa nykyisen sisällön verkkosivustosi ulkoasussa uuteen välilehteen tallentamatta sitä. Tallentamisen jälkeen sivuluettelon Näytä sivu verkkosivustolla avaa julkaistun sivun.