Nekoč, pred meseci, leti, sem obljubil članek, v katerem bom podrobno razložil izdelavo lastne Wordpress srajčke. Večkrat sem že začel pisati, pa me je nekje na sredini prvega zapisa minilo. Danes začenjam na novo ..

V prvem delu “Naredimo Wordpress srajčko” bom na kratko opisal pomembne elemente bloga ter na primeru prikazal postavitev in oblikovanje lastne blog srajčke.

Za začetek si preberimo koristne članke na Jonasovemu blogu - Digitalna revolucija, predvsem bo v tem delu prišlo v poštev “10 najpogostejših oblikovnih napak“ in “Kako uporabniki berejo na spletu“. Zanimivo branje, priporočam.

Za vsako predstavitveno spletno stran, portal, forum in tudi blog, je potrebno najprej določiti postavitev strani. Širina glavne vsebine, mesto na spletni strani, itd. Priporočam branje “Načela postavitve spletne strani“. Za primer sem izbral postavitev z glavo, vsebino in menujem na desni strani.

Narisali smo si osnovno postavitev bloga, na katerem bomo zgradili celotno grafično podobo. Za oblikovanje spletnih strani osebno uporabljam Photoshop, priporočam tudi brezplačno različico Gimp (deluje v windows, linux in mac okolju).

Odvisno od želja, v glavi ponavadi leži ime bloga, kratek opis, morda tudi osnovni menu. Če bomo glavo raztegnili čez celo stran (torej 100% širina), moramo izdelavo le-te prilagoditi. A o tem v naslednjem delu.

Del glave z logotipom bloga v našem primeru izgleda nekako takole (simple, clean) ..

Oblikovanje postavitve in izgleda vsebinskega dela bloga razdelimo na dva dela:

* Oblikovanje prostora, kjer se bodo blog zapisi izpisovali (vsebinski blok)

* Postavitev in izgled posameznega blog zapisa

Za naš primer sem izdelal enostaven zaobljen okvir, kjer se bodo izpisovali blog zapisi, zapisi arhiva, rezultati iskanja, ..

Oblikovati je potrebno še izpis zapisa. Po želji lahko izpisu dodate raznorazne sličice, dodatke, .. Na primeru sem v izpis vključil le naslov blog zapisa, datum, kategorije, tekst zapisa ter možnost komentiranja.

Popolnost bloga dosežemo s popolno t.i. “navigacijo”. Priporočam branje članka “10 grehov pri uporabnosti bloga“.

Tipičen blog menu vsebuje arhiv (seznam zapisov, razporejen po mesecih, letih), povezave do spletnih strani in blogov, opis blogerja, iskalnik, .. Seveda lahko v menu namestite še marsikateri t.i. “vtičnik”, slike, video posnetke, itd. Za naš primer sem ustvaril preprost menu, z arhivom, opisom avtorja, iskalnikom ter povezavami¹.

Glava, okvir za vsebino, oblikovana vsebina in menu. Imamo vse potrebne elemente, ki skupaj sestavljajo grafično strukturo naše blog srajčke.

Elemente je potrebno razrezati ter vanje vstaviti kodo (php), ki bo na strani prikazovala dinamične elemente bloga. A o tem v naslednjem delu tečaja “Naredimo Wordpress srajčko”.

1. Nisem oblikovalec .. ste že opazili, kajne?