Select Page

 

  1. 1. UNESEŠ SLIKU JEDNU PO JEDNU
    (provjerila sam – ako ih se označiš nekoliko odjednom, tada odabranu veličinu primjeni samo na prvu sliku – ostale su onda jako velike tj. nisu sve iste veličine
    –> ZATO SE UNOSI JEDNA PO JEDNA)

    NE ZABORAVITI NASLOVE:  naslove/imena slika  (npr.     IMG827.jpg)  treba promijeniti PRIJE UNOŠENJA SLIKA U POST.
      Ukoliko ih kasnije izmijenimo neće se automatski vidjeti  jer je tokom unošenja slike kopiran onaj naslov koji je trenutno tamo.
      Znači, naslove je najbolje odmah upisati kod unošenja slike u medijsku zbirku.
    UPDATE: i dalje vrijedi to da se ne smiju zaboraviti naslovi, no trenutno je wordpress izbacio automatsko ispisivanje naslova pa se taj atribut,
    (title=”tekst naslova”) ne vidi u kodu tj. moramo ga sami upisati u ovom slučaju kada ručno unosimo slike. 

    U ovom prvom koraku (ubacivanje slike u post) ne smijemo zaboraviti neke detalje pa ću navesti kojim redom je postupak najbrži i najtočniji.
     
    Princip je sljedeći:

     

    odmah kod unošenja slike upisati LIJEPI NASLOV:

           upisati-lijepi-naslov-odabir-velicine

     

    odmah kod unošenja OBAVEZNO odabrati veličinu slike koju unosiš:  sada se kod ponuđenih veličina vide Cycle1,Cycle2 i Cycle3
     ( taj odabir je u sasvim donjem desnom uglu):

    upute-cycle-pojedinacno2

     

     

    – pogledamo u tekstualnom editoru programski  kod slike,  potražimo “alt” atribut u kojem nam sada wordpress upisuje tekst naslova,
      KOPIRAMO ALT ATRIBUT:
    kopirati-alt-atribut

     

    zalijepimo taj alt unutar “a” taga  i pretvorimo alt u title

    pastirati-alt-pretvoriti-u-title

     

     

    – nakon svake možeš slobodno lupiti enter i dodati razmake da bude pregledno
     (samo nemoj ažurirati i objaviti post u ovoj fazi sa razmacima da ne doda ” p-ove”  ili “br-ove “)
    – ovako to izgleda u ovoj fazi:

    unesene-slike-razmaci

     

     

  2. 2. Sada u svaki “a”  klikneš kursorom i gumb “fancybox”
    – to će unutra dodati kod:     class=”fancybox-thumb”  rel=”fancybox-thumb”
    Time smo zadali da se slike na klik otvaraju u fancybox prozoru.

    gumb-fancybox

     

  3. 3. Sada preostaje da ih upakiramo u slideshow cycle.
    Omotaš/označiš “a”,  od “a” do “/a”,  i gumb “-slajd-“ će ga upakirati u “div”.

    Ponoviti postupak na svakom “a” tj. na svakoj slici.

    ( Ovdje OBAVEZNO moraš označiti taj dio, da “poplavi” kao kad radiš copy,  pa onda kliknuti gumb -slajd- )

    gumb-slajd

     

  4. 4. Za kraj označimo sve zajedno i  kliknemo  gumb “-za-cycle-3-“ 
      

        (tako ih upakiramo u završne “div” elemente, oni određuju početak i kraj koda )

    oznacimo-sve-kliknemo-cycle3

    Ovako to na kraju izgleda:
    zavrsni-kod

    TEK SADA se klikne i objavi/ažurira post.
    Ako kliknemo na “Objavi” ili “Ažuriraj” u nekoj fazi između , wordpress će automatski ispisati ili “p” ili  “br” tagove,
    kojih ne smije biti u našem programskom kodu za cycle slideshow.

     

To je sve – ukratko to bi bilo ovo:

– uneseš slike svaku posebno (upisati naslov – odabrati veličinu)
– kopirati cijeli “alt atribut”, zalijepiti ga u “a” tag i pretvoriti “alt” u “title”
– svakom “a” tagu unutra klikneš “fancybox”
– sada označiš svaki “a” tag za sebe od početka do kraja pa svakog upakiraš gumbom “-slajd”
– na kraju sve slajdove označiš i gumbom “-za-cycle-3-”  upakiraš za kraj  
     (mogu se odabrati i cycle 1 ili cycle2 veličine a na to moramo misliti još na početku kod odabira veličine slike koju unosimo u post)

 

Primjer slika unešenih na ovaj način
(možete pogledati u tekstualnom editoru programski kod):

https://www.unicath.hr/wp-unicath/primjer-unesenih-slika-pojedinacno-za-slideshow-u-postu