Näin päivität tekstit ja kuvat Payloadissa.

Tämä ohje näyttää vaihe vaiheelta, miten kirjaudut hallintapaneeliin, vaihdat tekstin ja kuvan, lisäät uuden kohdan ja julkaiset muutoksen. Jokainen vaihe on oikea ruutukaappaus.

Miki SuhonenTeen työn itse.

Lyhyesti

  • Kirjaudu osoitteessa, jonka saat minulta.
  • Avaa sivu ja kirjoita uusi teksti vanhan tilalle.
  • Vaihda kuva ruksilla ja Choose from existing.
  • Julkaise painamalla Publish changes.
  • Virhe? Versions ja Restore this version.

Kuvat ovat Payloadin oman esimerkkisivuston hallintapaneelista, jonka asensin tätä ohjetta varten. Sinun paneelissasi näkyvät sinun sivusi ja niiden kentät, mutta napit ja vaiheet ovat samat.

Kirjaudu sisään

Avaa hallintapaneelin osoite, jonka saat minulta tunnusten kanssa. Kirjoita sähköpostiosoitteesi kenttään Email ja salasanasi kenttään Password, ja paina Login.

Paneelin napit ovat englanniksi, koska Payloadista ei ole suomenkielistä käännöstä. Napit ovat kuitenkin samat joka kerta, ja kerron tässä ohjeessa jokaisen nimen.

Kirjautumisen jälkeen näet etusivun, jonka nimi on Dashboard. Siinä on laatikko jokaiselle sivustosi osalle, esimerkiksi Pages eli sivut, Posts eli uutiset ja Media eli kuvat.

/admin/login
Payloadin kirjautumisruutu: kentät Email ja Password ja Login-nappi.
Kirjautuminen. Sähköposti, salasana ja Login. Avaa kuva isona
/admin
Payloadin etusivu Dashboard, jossa on laatikot Pages, Posts, Media ja muut sivuston osat.
Dashboard. Jokainen laatikko on yksi sivustosi osa. Avaa kuva isona

Vaihda teksti

Tekstin vaihtamiseen riittää muutama painallus ja vähän kirjoittamista.

  1. Avaa osaPaina laatikkoa, jossa teksti on, esimerkiksi Pages. Näet listan sivuista.
  2. Avaa sivuPaina listassa sivun nimeä, esimerkiksi Home eli etusivu.
  3. Kirjoita uusi tekstiNapsauta tekstiä ja kirjoita uusi tilalle. Kenttä toimii kuten sähköpostin kirjoitusikkuna: B lihavoi ja I kursivoi.
  4. Katso tilaYlhäällä lukee nyt Status: Changed. Muutos on tallessa luonnoksena, mutta se ei vielä näy sivulla.

Jos et löydä tekstiä, katso välilehdet kenttien yläpuolella. Esimerkkisivulla ne ovat Hero, Content ja SEO, ja jokainen avaa eri osan sivusta.

/admin/collections/pages/2
Etusivun muokkausnäkymä: otsikoksi on kirjoitettu Tervetuloa sivuillemme, ja ylhäällä lukee Status: Changed.
Otsikko vaihdettu. Tila on Changed, ja musta Publish changes -nappi odottaa julkaisua. Avaa kuva isona

Vaihda tai lisää kuva

Kuvakentässä näkyy nykyinen kuva, sen nimi ja koko. Kuvan vaihto tehdään samalla sivulla kuin tekstin.

  1. Irrota vanha kuvaPaina kuvan oikealla puolella olevaa ruksia. Kuva ei katoa kuvapankista, se vain irtoaa tästä kohdasta.
  2. Valitse uusiPaina Choose from existing, jos kuva on jo kuvapankissa, ja valitse se nimeä painamalla. Paina Create New, jos lataat kuvan koneeltasi. Voit myös vetää kuvan kenttään.
  3. Kirjoita kuvausKun lataat uuden kuvan, kirjoita kenttään Alt lyhyt kuvaus siitä, mitä kuvassa näkyy. Sen lukevat hakukoneet ja näkövammaisten ruudunlukijat.
/admin/collections/pages/2
Kuvakenttä Media, jossa näkyy nykyinen kuva, sen nimi ja koko sekä kynä ja ruksi.
Kuvakenttä ennen vaihtoa. Ruksi irrottaa kuvan. Avaa kuva isona
/admin/collections/pages/2
Tyhjä kuvakenttä, jossa ovat napit Create New ja Choose from existing.
Tyhjä kenttä. Create New lataa uuden kuvan, Choose from existing avaa kuvapankin. Avaa kuva isona
/admin/collections/pages/2
Kuvapankki Media auki: neljä kuvaa, niiden nimet ja kuvaukset.
Kuvapankki. Kuva valitaan painamalla sen nimeä. Avaa kuva isona

Lisää uusi kohta

Uusi uutinen, palvelu tai sivu lisätään samalla tavalla kuin vanhaa muokataan.

  1. Create NewAvaa osan lista ja paina Create New. Etusivulla saman tekee laatikon plus-merkki.
  2. Täytä kentätPakolliset kentät on merkitty tähdellä. Muut voit jättää tyhjiksi.
  3. JulkaisePaina Publish changes, niin uusi kohta tulee sivulle.

Uusi sivu ei tule valikkoon itsestään. Valikko on paneelissa omana kohtanaan, esimerkkisivulla Header, ja sinne lisätään linkki uuteen sivuun.

/admin/collections/pages
Sivulista Pages, jossa ovat sivut Home ja Contact ja ylhäällä Create New -nappi.
Sivulista. Create New aloittaa uuden sivun. Avaa kuva isona

Julkaise ja katso muutos sivulla

Erillistä tallennusnappia ei tarvita. Paneeli tallentaa keskeneräisen muutoksen luonnokseksi itse, ja sivulla se näkyy vasta, kun julkaiset sen.

  1. Publish changesPaina mustaa Publish changes -nappia sivun yläosassa.
  2. Tarkista ilmoitusOikeaan alakulmaan tulee Updated successfully, ja tilaksi vaihtuu Published.
  3. Katso sivuaAvaa sivusi toisessa välilehdessä ja päivitä se. Jos et vielä näe muutosta, odota hetki ja päivitä uudelleen.
/admin/collections/pages/2
Muokkausnäkymä julkaisun jälkeen: tila on Published, Publish changes on harmaa, ja ilmoitus Updated successfully näkyy.
Julkaistu. Ilmoitus Updated successfully kertoo, että muutos meni läpi. Avaa kuva isona
/
Esimerkkisivuston etusivu, jonka otsikkona on nyt Tervetuloa sivuillemme.
Sama otsikko sivulla, jonka kävijä näkee. Avaa kuva isona

Jos teet virheen

Ennen julkaisua virhe on helppo perua. Paina ylhäällä tilarivillä Revert to published, niin luonnos hylätään ja sivu palaa julkaistuun versioon.

Julkaisun jälkeen avaa välilehti Versions. Siinä on lista sivun aiemmista versioista päivämäärineen. Paina päivämäärää, tarkista vertailusta, että versio on oikea, ja paina Restore this version. Vahvista painamalla Confirm.

Jos jokin menee sekaisin etkä tiedä miksi, kirjoita minulle sähköpostia, niin katsotaan yhdessä.

/admin/collections/pages/2/versions
Välilehti Versions: lista sivun versioista, joissa tilat Currently Published, Draft ja Previously Published.
Versions. Jokainen julkaisu jää listaan. Avaa kuva isona
/admin/collections/pages/2/versions/2
Vanha versio auki vertailussa: otsikko Payload Website Template ja nappi Restore this version.
Vanha versio. Restore this version palauttaa sen. Avaa kuva isona
/admin/collections/pages/2/versions/2
Vahvistusikkuna Confirm Version Restoration ja napit Cancel ja Confirm.
Vahvistus. Confirm palauttaa version, Cancel peruu. Avaa kuva isona

Haluatko sivut, joita päivität itse?

Teen ensin ilmaisen demon etusivustasi. Jos haluat jatkaa, saat valmiit sivut, omat tunnukset ja tämän ohjeen.

Miki SuhonenVastaan yleensä samana päivänä.