Kako Staviti Sliku u WordPress Sidebar Koristeci Text Widget

Neko me upitao kako se stavlja slika sa strane u blogu na “sidebar”.  Pa da objasnim!

Kad udjete u kontrolni panel worpress bloga, pod “appearance”, naci ce te “widgets”.

klikni na widgets i s lijeve strane ce se pojaviti lista widgeta. Widgeti mogu biti vasi linkovi, stranice, kategorije, forme….sve zavisi sta ste instalirali (koje plugine) i zavisi od teme koju koristite.

Za slike se koristi “Text” widget.

Text widget mozete dodavati koliko hocete puta, sto je veoma korisno i prakticno. Dakle, s lijeve strane su widgeti a sa desne strane ce biti wasi sidebars, jedan ili dva obicno..mada ih moze biti i vise zavisno od teme koju koristite.

Kako Dodati Sliku?

Prvo nadji sliku negdje na internetu ili ako imas svoju….onda koristeci FTP klijent (ja koristim Filezilla) ubaci je negdje na svoj server.

Slika se obicno ubacuje u korijen (root) folder koji se obicno zove public_html

Najbolje je napraviti folder za slike koji ce te nazvati jal “slike” jal “images” jal sta hoces.

Ubaci sliku ili vise slika u taj folder i pazi da je ime slike jedna rijec ili ako koristis vise rijeci onda stavi crtice da ih razdvojis. Ukoliko imas samo razmak u nazivu slike, onda se kodovi pobrkaju (da ne objasnjavam)

Kad uploadiras sliku u taj recimo da se zove “slike” folder i ime slike je slicica.png….u browser ukucaj www.tvojurl.com/slike/slicica.png …ako si sve uradio ili uradila kako treba….pojavit ce se tvoja slika na webu…

Zasto koristim .png…pa .png je forma koja je se koristi za web, ne pitaj me zasto……moze se koristiti i .jpg i druge forme ali se nauci i na .png

Sad ti treba “editor”….ne brini ima besplatnih i trebat ce ti svakako, zato hajde sada i skini NVU na svoj kompjuter!

Sad kad si downlodirala (o) NVU i nadam se instalirala, hajde otvori NVU!

nvu1

Kao sto vidite NVU je veoma cist i lak za raditi, kao da radis s word dokumentom, nista strasno….Dakle, u lijevom gornjem uglu ima “Insrt”…klikni na “insert” i izaberi immage. Sad klikni na boksic gdje pise “chose file”

nvu2

Otvorit ce se box u kome ces naci sliku koju zelis da ubacis. Pazi da je velicina slike takva da pase za sidebar….prevelika slika moze da uzrokuje da ti sidebars odu na dno stranice….obicno se koristi 160 piksli wide…ili sirina mada i to moze biti presiroko pa ti treba 120…..eksperimentisi ovdje, tako se uci….

Dakle ubacujemo sliku….daj slici alternativni naziv (obavezno) i promijeni link u “image location” da bude link slike koju ste nasli na internetu ili sto je bolje downloadirali na svoj server….evo ovako!

nvu3

Kad kliknete na OK…slika ce se pojaviti u NVU…

nvu4

Sad recimo hoces da kad neko klikne na sliku ode na stranicu koju ti hoces (po mogucnosti neku stranicu koja ce platiti ako onaj ko klikne kupi nesto na toj stranici—ako hoces da budes affiliate)

Klikni na sliku da joj vidis okvir kao sto je prikazano na gore na slici….desnim misom klikni na sliku (ili klikni na image ikonu u komandi NVU koje hoces) ili sto je najbolje klikni na link….(vidis li ovaj link sto izgleda ko karika lanca- tu klikni)

nvu5

Kad kliknes na “link” otvorit ce se prozorcic gdje mozes da ubacis link…..recimo da ja hocu da ubacim link koji vodi…na moju stranicu naravno..he he he…kad ubacis link klikni OK.

nvu6

Sad dolazi ono najvaznije…..Na dnu NVU s lijeve strane vidjet ces da pise Normal-HTM Tags – Source -Preview.

Klikni na Source!

nvu7

Kad kliknes na “source” pojavit ce se kod…..bravo….to je to stao nam treba…

nvu8

KOPIRAJ kompletan kod od 2 (dvice) nanize u TEXT WIDGET…..done i SAVE..

Ako imate kakvih pitanja ili vam sta nije jasno slobodno upitajte ispod u comment sekciji. Ako zelite da vidite video koji ovo pokazuje ali je na engleskom…otidjite na wordpressmax.com.

Sretno Blogovanje……

Leave a Comment

Previous post:

Next post: