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:

          

    

   – 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):

   

    

    

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

    

   – zalijepimo taj alt unutar “a” taga  i pretvorimo alt 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:

   

    

    

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.

   

    

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- )

   

    

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 )

   

   Ovako to na kraju izgleda:
   

   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