Opozorila/ opombe

  1. Če v urejevalniku vidite vijolično obarvan blok, to pomeni, da gre za globalni element. Če ga spremenite, se bo spremenil po vseh straneh, kjer je uporabljen.
  2. Vsa besedila se urejajo kot bi urejali word besedilo – klikni in spremeni besedilo
  3. Nekateri elementi/ slogi so definirani v kodi. To pomeni, da jih lahko spremenimo samo mi
  4. Poimenovanja:
    • LANDING = Spletnikova stran (sestoji iz naših sekcij, katere lahko urejate)
    • Produktna stran =Ucentrixova stran, na kateri je predstavljan izlet – ureja se jo skozi ucantrix vtičnike

1. Homepage – menjava in dodajanje sliderjev

  1. Odpremo “Edit page”.
  2. Odpremo levi stranski meni “Document overview” (za lažjo navigacijo)
  3. Na desni strani se nahajajo možnost urejanja sliderja
    • menjava fotogarfije
    • menjava naslova
    • dodajanje novega sliderja
  4. po končanih spremembah pritisnemo modri gumb denso zgoraj “Publish”

NOTE: Ko dodjete besedilo bodite pozorni, da imate izbran zavihek “text” nad urejevalnikom besedila

2. Homepage – menjava slike v bannerju s timerjem (potrebujete predlogo – oblikovan element!)

  1. Odpremo “Edit page”.
  2. Odpremo levi stranski meni “Document overview” (za lažjo navigacijo)
  3. Kliknemo na fotografijo, ki jo želimo menjati in klikemo “Replace”
  4. po končanih spremembah pritisnemo modri gumb desno zgoraj “Publish”

Note: slike za v bannerje je potrebno oblikovati v figmi/illustratorju – prilagam tutorila ter template spodaj

2.1 Oblikovanje bannerja za sekcijo s timerjem v figmi

Priložen SVG file: https://supratravel.si/wp-content/uploads/2024/03/Banner-timer-template.svg

Note: na wodpress lahko nalošite SVG ali PNG

3. Homepage – menjava “Priložnosti”

  1. Odpremo “Edit page”.
  2. Odpremo levi stranski meni “Document overview” (za lažjo navigacijo)
  3. Kliknemo na fotografijo, ki jo želimo menjati in klikemo “Replace”
  4. po končanih spremembah pritisnemo modri gumb denso zgoraj “Publish”

4. Dupliciranje landinga

  1. Odpremo “Pages” v nadzorni plošči in poiščemo landing katerega želimo kopirati.
  2. Klik “Duplicate this”
  3. poiščemo ORIGINALNO stran – v tem primeru EXIT festival.
  4. Vidimo, da imamo 2 rezultata pri čemer je eden označen z “Draft” – to je kopija in tega urejamo
  5. Kopirani strani spremenimo ime ter slug

NOTE: Slug strani (URL) ne sme vsebovati posebnih znakov (ščžćč…) ter presledkov. Izogobamo se tudi veznikom (in, ter, ….).

5. Menjava barve ozadja na landingu – npr za sekcijo “Top doživetja na Exitu”

6. Kako na landingu prikazati ENO ponudbo (npr. za legoland)

  1. Najprej moramo pozanti ID ponudbe. To vidimo tako, da v iskalnik vpišemo “legoland in odpremo produktno stran. V URL naslovu nam piše …..id=93…..
  2. Odpremo Legoland LANDING v urejevalniku
  3. V shotrcode polje vstavimo ta ID

PAZI: v shortcodu (na produktni strani se ID imenuje KEYS!)

Tako izgleda pravilen shortcode za pirkaz ENE ponudbe:

7. Kako na landingu prikazati celo lokacijo (npr. za Seastar – umag)

  1. Najprej moramo pozanti RG ponudbe. To vidimo tako, da v iskalnik vpišemo “legoland in odpremo produktno stran. V URL naslovu nam piše …..rg=95121987…..
  2. Odpremo Seastar LANDING v urejevalniku
  3. V shotrcode polje vstavimo to številko

PAZI: v shortcodu (na produktni strani se RG imenuje REGION!)

Tako izgleda pravilen shortcode za prikaz ponudbe za celo lokacijo (v tem primeru UMAG):

8. Dodajanje novega stolpca

  1. Odpremo urejevalnik
  2. Izberemo en stolpec v polju ter ga kliknemo z desnim klikom
  3. Izberemo “Duplicate” ter uredimo vsebino
  4. Shranimo strani

9. Kopiranje sekcije

  1. Odpremo obe strani v urejevalniku (tisto iz katere kopiramo ter ciljno stran)
  2. Izberemo sekcijo katero kopiramo (izberemo njen najvišje nadrejen element)
  3. Prilepimo na ciljno strani
  4. Uredimo ter po potrebi dodamo “spacerje”

10. Urejanje “shared” sekcije (vijolična barva)

  1. Sekcijo kopiramo in prilepimo na željeno mesto
  2. Kliknemo na možnosti in izberemo “Detach” – če tega ne izberemo, se sprememba, ki jo naredimo na vijolični sekciji naredi povsot po strani, kjer je ta sekcija uporabljena
  3. Naredimo spremembe, spremenimo url povezave, …
  4. Kliknemo “update”

11. Dodajanje povezave na sliko 2025

  1. Izberemo sliko
  2. V levi sekciji izberemo “group”
  3. Skupini nato lahko dodamo povezavo elementu
  4. Ko končamo z urejanjem izberemo hierarhično najbolj nadrejen element ter mu v desnem meniju dodamo zapis “remove-link-group” ter pritisnemo enter.
  5. Ko končamo stran samo še shranimo