Tämän sivun osoite on https://treomaishoitajat.fi/elementor-656/
TSOHin WP- sivut on tehty “Hello Elementor”- teemalla. Sen etuja ovat keveys eli sivujen nopea latautuminen, keveys eli turvallisuus erilaisia WP- hakkereitten uhkia vastaan ja keveys eli toimintavarmuus.
Sivuille on lisätty mahdollisimman vähän ns. PlugIneja eli “Vimpaimia”. Ne ovat hakkereiden jatkuvan hyökkäilyn kohteina. Mitä enemmän Vimpaimia on käytössä, sitä tärkeämpää on pitää niiden versiot jatkuvasti ajan tasalla.
Tämä ohjesivu on myös muokattava. Jos huomaat jonkun ohjeen puuttuvan tai olevan väärä niin voit itse muokata sitä. Lisäksi eri aiheiden alle voi jokainen lisätä omia lisäohjeitaan. Käytäntö on osoittanut, että tekijän laatimat ohjeet eivät koskaan kohtaa kaikkia ohjelmiston käyttäjän tarpeita, siksi jokainen voi itse lisätä omia tarkennuksiaan!
Ylläpisivulle kirjaudutaan www-osoitteessa treomaishoitajat.fi/wp-login omalla tunnuksella ja salasanalla:
WP:n valikkosivu näyttää turhan monimutkaiselta, mutta ei lopulta ole sitä:
Vasemmalla olevasta valikosta osoitetaan kohtaa “Sivut” ja kun halutaan yllä pitää olemassa olevaa sivua klikataan alavalintaa “Kaikki sivut”
Avautuvalla sivulla näkyy valmiiden sivujen luettelo. Osoitetaan haluttua sivua ja valitaan avautuvasta valikosta kohta “Muokkaa Elementorilla” Huomaa seuraavat:
Sivu avautuu muokkaimeen omalle välilehdelleen (jos se avattiin uudelle välilehdelle, ks. edellä). Vasemmalla näkyy työkaluvalikko ja oikealla sivun tämänhetkinen ulkoasu.
Tekstin muokkaus: valitaan muokattava teksti klikkaamalla sitä oikealla näkyvässä sivun kuvassa. Vasemmalle avautuu muokkausnäkymä, jossa muutokset tehdään:
Muokkauskentän yläpuolella näkyy valikko, jossa on tekstinkäsittelyyn liittyviä valintoja (lihavointi, kursivointi, tekstin väri, linkki…). Huomaa linkkiä määritellessäsi, että se pitää hyväksyä linkkikentän oikeassa päädyssä olevaa sinistä nuolta.
Jos muokkaus tuntuu täysin epäonnistuvan se voidaan perua sulkemalla selaimen välilehti. Sulkeminen kysyy poistutaanko sivulta todella: Poistutaan!
Onnistuneet muokkaukset otetaan julkaistuilla sivuilla käyttöön klikkaamalla muokkauksen alapuolella näkyvää PÄIVITÄ– painiketta. Muutokset näkyvät käyttäjille heti!
Omia lisäyksiä…
Valitaan WP- valikkosivulta “Sivut -> Lisää uusi”
Uusi tyhjä sivu avautuu Elementor- editoriin. Jos sen sijaan avautuu sivu, jonka keskellä on vain teksti Elementor, risuaita # ja sivun numero klikataan sivun yläreunassa näkyvää valintaa “Muokkaa Elementorissa”
Tyhjän sivun keskellä näkyvät plus-merkin ja kansion symbolit. Klikataan oikealla näkyvää kansion kuvaa.
Avautuvassa KIRJASTO- ikkunassa valitaan “Omat mallit” ja sieltä “TSOH_sivupohja”
Mallin valinnan jälkeen uudelle sivulle tupsahtavat valmiit header- ja footertiedot ja niiden väliin oletusvimpain eli ensimmäinen tekstilaatikko “lorem ipsum”- malliteksteineen.
Elementor nimiöi sivut oletuksena numeroin “Elementor #234”. Sivuille ei ole pakko antaa itse nimiä, mutta nimien mukaan ne on sivuston päävalikossa huomattavasti helpompi tunnistaa.
Sivu nimetään klikkaamalla Elementor- editorin vasemmassa alakulmassa näkyvää pientä rattaankuvaa (samalla rivillä kuin PÄIVITÄ- painike). Uusi nimi annetaan klikkaamalla rattaankuvaa ja kirjoittamalla nimi “Otsikko”- kenttään. PÄIVITÄ- painikkeen klikkaus varmistaa uuden nimen.
Omia lisäyksiä…
Ylä- ja alatunniste toistuvat kaikilla sivuilla, joissa on käytetty pohjana “TSOH_sivupohja”- mallia (ks. ylempänä). Niitä muokatessa kannattaa muistaa, että muokatut tunnisteet näkyvät heti kaikilla TSOHin sivuilla. Kannattaa muokata tunnisteita harkiten.
Tunnisteita päästään muokkaamaan valitsemalla WP:n päävalikkosivulla “Ulkoasu” (siveltimen kuva) ja sen alavalikosta “Elementor Header & Footer Builder”
Sivun sisäiset linkit viittaavat tiettyyn kohtaan pitkällä sivulla. Ne ovat käytössä esimerkiksi OmaisOiva- ryhmät sivulla (vasemmalla on kunnannimien valikko ja oikealla kuntakohtaisia tietoja, joihin hypätään kunta valitsemalla).
Ankkuri lisätään haluttuun kohtaan valitsemalla sana, esim. otsikko ja lisäämällä sen Edistynyt- valikossa CSS ID. Ei kannata valita ihan samaa ID:tä kuin sana, johon se liitetään (esimerkin Virrat- otsikkoon lisätään CSS ID Vrat
Lisättyyn ankkuriin viitataan samalla sivulla lisäämällä haluttuun sanaan linkki, joka on sama kuin ankkurin CSS ID. Eteen laitetaan #. Esimerkissä viitataan samalla sivulla olevassa valikossa Vrat- ankkuriin linkillä #Vrat
Toisella sivulla olevaan ankkuriin viitataan sivun osoitteella ja sen perässä olevalla ankkurin tunnuksella, esim. https://si.vu/#Vrat
Joskus esim. epäsopivan päivityksen jälkeen saattaa toimimaton lisäosa jumittaa koko sivun (“kriittinen virhe…”). Silloin WP:n oma ylläpitosivukaan ei ehkä toimi.
Lisäosa päästään poistamaan käytöstä seuraavasti:
Esimerkiksi Jäseneksi liittymine- lomakkeen (Contact Form 7- lisäosa) “Lähetä”- eli Submit -nappulan määrittelyä voi asetella päävalikon valinnoin “Ulkoasu -> Mukauta -> Oma CSS”
Uuden sivun aloitus valmiista pohjasta (vakio ylä- ja alatunniste):
Päävalikosta Sivut -> Lisää uusi
”Lisää vimpain”- laatikon keskeltä klikataan kansion kuvaa
”Mallit”- ikkunassa valitaan ”Omat mallit”
Avautuneesta luettelosta valitaan ”TSOH_sivupohja”
Testisivun käyttö:
Testisivu on saman näköinen kuin ”oikeat” sivutkin, mutta miltään sivulta ei ole sille linkkiä. Testisivulle pääsee vain antamalla selaimen osoiteriville osoitteen
treomaishoitajat.fi/elementor-310/
Sivulla voi testata erilaisia uusia ominaisuuksia ilman, että käyttäjien näkemille sivuille ilmestyisi toimimatonta aineistoa.
Päävalikosta Sivut-> Kaikki sivut
Sivuluettelosta -> Testisivu (HUOMAA: klikkaa hiiren kakkospainikkeella ja valitse paikallisvalikosta ”Muokkaa Elementorilla”
Muista klikata muokkauksen päätteeksi alavasemmalla olevaa ”Julkaise”- tai ”Päivitä”- painiketta.
Lähetä- napin muotoilu:
Päävalikosta Sivut -> Ulkoasu -> Mukauta
”Olet muokkaamassa kohdetta treomaishoitajat.fi“- valikossa kohta ”Oma CSS”
Asetusten editointi, muista klikata lopuksi valikon yläreunan painiketta ”Julkaise”
TeamUp kalenterin upotus WP- sivulle
Lisätään TeamUpiin uusi väri upotettavia tietoja varten (esim. Harmaa). Asetetaan TeamUpin ”Reader”- käyttäjälle vain lukuoikeus valitulle värille komennoin
TeamUP asetukset-> Jakaminen -> Käyttäjälle ”Reader” vain lukuoikeus valitun värin alikalenteriin
Kopioidaan valitun värin https- osoitelinkki ja liitetään se iframe- komentoon, joka on luotu sivulla https://teamup.com/embed
teamup.com/embed- sivulla annetaan URLiksi äsken TeamUpin asetuksissa kopioitu linkki
WP- ylläpidossa Lisätään vimpain valitsemalla vasemmalta kuvake Html (aika alhaalla valikossa) ja raahataan se uuden vimpaimen alueelle
kopioidaan vimpaimen sisällöksi yllä luotu ”<iframe…”- komento
…ja kalenterin ylläpito
Kalenteria ylläpidetään lisäämällä jaettavaksi valitulla värillä tapahtumia yhteiseen TeamUp- kalenteriin. Tapahtuman kuvaukseen liitetään tekstiä, linkkejä ja kuvia tarpeen mukaan.
Omia lisäyksiä…
Toimisto p. 040 5958313, ma-to klo 9-13
email: toimisto@treomaishoitajat.fi