Objavljivanje fotoalbuma na WordPress-u pomoću Live Writera

Sam postupak stvaranja fotoalbuma u Live Writeru vrlo je jednostavan. Za početak pripremite nekoliko slika koje želite umetnuti u fotoalbum te s vrpce Početna stranica odaberite Slika > Dodaj album na mreži.

imageNa dijaloškom okviru Umetanje fotoalbuma u okvir Naziv albuma: upišite naziv abluma, odaberite veličinu za učitavanje te kliknite na gumb Dodaj fotografije kako biste dodali fotografije vašem albumu. Za umetanje albuma kliknite na gumb Umetni.

 

 

 

Rezultat je umetnut album poput ovog našeg.

image
Umetnuti album možemo dodatno oblikovati. Stoga kako biste oblikovali album kliknite na njega kako biste ga označili.

image

Otvorite vrpcu Alati za fotoalbum te u njoj odaberite neki od ponuđenih stilova albuma. Po potrebi dodajte ili uklonite fotografije, podesite poravnavanje albuma u odnosu na tekst i uredite margine.

Uz prikaz albuma ispisuje se naziv albuma, po mom mišljenju malo prevelikog fonta Tužni smiješak. Zatim tu su i dvije poveznice. Poveznicu Prikaz dijaprojekcije koja omogućuju pregledavanje slika iz fotoalbuma u obliku dijaprojekcije i poveznicu Preuzmi sve koja omogućuje preuzimanje fotografija.

Ukoliko želite da se ove mogućnosti ne prikazuju morat ćete objaviti svoj post te tek tada zaviriti u HTML kod kako biste ručno podesili sam kod. Pogledajmo kako.

Nakon objave posta na WordPress-u prijavite se kako biste mogli pristupiti uređivanju objavljenog posta. Nakon prijave odaberite naredbu Postovi te kliknite na naziv posta koji želite urediti. U okviru Uredi Post kliknite na HTML kako biste mogli urediti HTML kod. Radi jednostavnosti pretraživanja pravog mjesta u kodu svaki od albuma koji želimo urediti označili smo riječima ALBUM1, ALBUM2 i ALBUM3.

U slijedećem prikazu albuma smanjit ćemo font slova naslova, te maknuti prikaz poveznice za preuzimanje slika.

Kako biste smanjili font naziva albuma u kodu potražite dio sa nazivom, u našem slučaju “Božićni album”.

<div style=”width: 410px; overflow: visible;”><a style=”text-decoration: none;” href=”https://cid-5de30e9e2ded2194.skydrive.live.com/redir.aspx?page=browse&amp;resid=5DE30E9E2DED2194!1124&amp;type=5&amp;authkey=LrWhO35Fhu4%24&amp;Bsrc=Photomail&amp;Bpub=SDX.Photos&#8221; target=”_blank”><span style=”line-height: 1.26em; width: 410px; font-size: 26pt; font-family: ‘Segoe UI’, helvetica, arial, sans-serif; padding: 0;”>Božićni album</span></a></div>

Potražite: font-size: 26pt;  i veličinu od 26pt smanjite po želji, za potrebe našeg albuma veličinu smo postavili na 12pt.

Kako biste uklonili prikaz poveznice PREUZMI SVE, pronađite slijedeći dio koda:

<td style=”vertical-align: top; outline: none; border-style: none; margin: 0; padding: 6px 0;”><a style=”font-family: ‘Segoe UI’, helvetica, arial, sans-serif; font-size: 8pt; outline: none; text-decoration: none; border-style: none; margin: 0; padding: 0;” href=”https://cid-5de30e9e2ded2194.skydrive.live.com/redir.aspx?page=downloadphotos&amp;resid=5DE30E9E2DED2194!1124&amp;type=5&amp;Bsrc=Photomail&amp;Bpub=SDX.Photos&amp;authkey=LrWhO35Fhu4%24&#8243; target=”_blank”>PREUZMI SVE</a></td>

te ga jednostavno obrišite.

Rezultat našeg malog uređivanja je slijedeći album: 

ALBUM1

Prikaži album

U idućem prikazu albuma ostavit ćemo samo prikaz poveznice za prikazivanje dijaprojekcije. Kao u primjeru prije obrisat ćemo dio koda koji prikazuje naslov albuma i poveznicu PREUZMI SVE. Kako smo već naveli koji dio koda uklanja poveznicu UKLONI SVE sad ćemo samo navesti dio koda pomoću kojeg ćete ukloniti naslov albuma:

<div style=”width: 410px; overflow: visible;”><a style=”text-decoration: none;” href=”https://cid-5de30e9e2ded2194.skydrive.live.com/redir.aspx?page=browse&amp;resid=5DE30E9E2DED2194!1124&amp;type=5&amp;authkey=LrWhO35Fhu4%24&amp;Bsrc=Photomail&amp;Bpub=SDX.Photos&#8221; target=”_blank”><span style=”line-height: 1.26em; width: 410px; font-size: 26pt; font-family: ‘Segoe UI’, helvetica, arial, sans-serif; padding: 0;”>Božićni album</span></a></div>

Rezultat novog uređivanja je slijedeći album:

ALBUM2

Prikaži album

A u posljednjem albumu maknut ćemo prikaz svih dodanih elemenata naslova, prikaza dijaprojekcije i preuzimanja slika. Kako biste uklonili prikaz sva tri elementa, uz ranije navedene kodove obrišite i kod koji opisuje prikaz dijaprojekcije:

<td style=”vertical-align: top; outline: none; border-style: none; margin: 0; padding: 6px 12px 6px 0;”><a style=”font-family: ‘Segoe UI’, helvetica, arial, sans-serif; font-size: 8pt; outline: none; text-decoration: none; border-style: none; margin: 0; padding: 0;” href=”https://cid-5de30e9e2ded2194.skydrive.live.com/redir.aspx?page=play&amp;resid=5DE30E9E2DED2194!1124&amp;type=5&amp;authkey=LrWhO35Fhu4%24&amp;Bsrc=Photomail&amp;Bpub=SDX.Photos&#8221; target=”_blank”>PRIKAZ DIJAPROJEKCIJE</a></td>

Rezultat je slijedeći album:

ALBUM3

Prikaži album

O autoru Gordana Sokol

Diplomirani informatičar koji posljednjih šesnaest godina predaje informatiku u OŠ Tužno. Autorica sam niza udžbenika i zbirki iz informatike za osnovne i srednje škole. Autorica sam online tečaja "Logo – online učenje programiranja". Završila sam E-learning akademiju, smjer Tutoring.
Ovaj unos je objavljen u Windows Live Writer, WordPress. Bookmarkirajte stalnu vezu.

Odgovori

Popunite niže tražene podatke ili kliknite na neku od ikona za prijavu:

WordPress.com Logo

Ovaj komentar pišete koristeći vaš WordPress.com račun. Odjava / Izmijeni )

Twitter picture

Ovaj komentar pišete koristeći vaš Twitter račun. Odjava / Izmijeni )

Facebook slika

Ovaj komentar pišete koristeći vaš Facebook račun. Odjava / Izmijeni )

Google+ photo

Ovaj komentar pišete koristeći vaš Google+ račun. Odjava / Izmijeni )

Spajanje na %s