Poleg dnevne izdaje časopisa Delo sem danes dobil Magnifico, Grande Finale CD. Kot je že v navadi, nas Magnifico ni razočaral. Pesmi so res catchy, gredo v uho, v njegovem stilu.

S kodo, natisnjeno na CDju, si lahko na spletni strani magnifico.info ogledamo “dodatne vsebine” – od poezije do erotike.

Pesmi: The Land of Champions, Hidee Hi Hidee Ho, Bosangero nero, Pismo kumu, Evo me narode, Amore, Ljuba, iThink, Emily, Ubiću te, Did you.

V Cankarjevemu domu te dni poteka 23. knjižni sejem. Ogledamo si lahko dela tujih in slovenskih avtorjev ter jih po ugodni ceni tudi kupimo.

Kot vsakoletni obiskovalec omenjenega sejma nad izborom nisem bil pretirano navdušen, morda tudi zaradi množice osnovno- in srednješolcev, ki so se nagnetli okrog dobrih knjig, zato sem naslove gledal bolj od daleč.

Se mi le zdi, ali je vsako leto sejem res bolj prazen?

V petek ob 17h, “debatna kavarna” na temo “Blogi in zasebnost“. Vodi Marko Crnkovič, sodelujeta blogerki Katarina Žarki in Saša Gerčar ter urednica One Sabina Obolnar.

Razrez izgleda bloga moramo povezati z Wordpress CMS sistemom, ki nam omogoča urejanje vsebine preko spletnega brskalnika. V 3. delu vam bom razložil osnovno strukturo Wordpress sistema, potrebne funkcije in končno uporabo.

Potrebno je osnovno poznavanje programskega jezika PHP, priporočam branje:

* PHP @ Wikipedia
* PHP Tečaj @ Stamcar.com
* PHP Tutorial
* PHP Freaks

Kot sem že omenil je Wordpress CMS (Content Management System) – platforma za upravljanje vsebine v brskalniku, v osnovi namenjena pisanju blogov – dodajanju vsebine v bazo ter njen izpis. Wordpress sicer ne uporablja naprednega template sistema (PHP koda ločena od HTML kode), a ustvarjalcu ponuja kar lepo število funkcij za izpis vsebine.

Spletno stran urejamo v administraciji, izpis vsebine pa z t.i. preoblekami (srajčkami, izgledi, itd.). V osnovi za izpis potrebujemo par PHP datotek, seveda pa je vse odvisno od naših želja in potreb. V članku vam bom prikazal izdelavo osnovnega izpisa z osnovnimi funkcijami.

Za začetek namestite različico Wordpress CMS sistema. Namestitveni postopek je opisal Jonas v zapisu “Namestitev žnevnikarskega programja“, postopek pa si lahko preberete tudi na strani Getting Started with WordPress.

Po uspešni namestitvi lahko začnemo s postopno izdelavo naše preobleke. V /wp-content/themes/ ustvarimo novo mapo z poljubnim naslovom – v našem primeru wp_srajcka (/wp-content/themes/wp_srajcka).

Preobleka je lahko sestavljena iz neštetega števila PHP datotek, sam pa sem stvar poenostavil, ter kodo razdelil na dve:

* index.php – prva stran, statične strani, stranski meni, glava & noga, rezultati iskanja
* comments.php – izpis komentarjev in obrazec za komentiranje

A gremo lepo po vrsti – prva stran je identična strani z zapisom, rezultati iskanja in statični strani, edina razlika je le v številu prikazanih zapisov. Stranski meni se prikazuje povsod enako, zato je ločevanje v posebno datoteko nesmiselno, prav tako ločevanje glave in noge. Izpis komentarjev se pojavlja le na specifičnih straneh, vsebuje nekaj dodatnih parametrov, zato je ločevanje od celotne strukture, ki jo ustvarja sam avtor bloga, smiselna.

Wordpress nam za izpis ponuja nekaj funkcij, katere lahko razdelimo na manjše delčke. Osnovne so:

* bloginfo() – osnovni podatki, ki jih potrebujemo za normalno delovanje bloga, uporaba: bloginfo(‘ime_elementa’). Elementi:

name – ime bloga (določimo na strani /wp-admin/options-general.php),
description – opis bloga
url – spletni naslov bloga
rdf_url – spletni naslov RDF/RSS 1.0 feeda
rss_url – spletni naslov RSS 0.92 feeda
rss2_url – spletni naslov RSS 2.0 feeda
atom_url – spletni naslov Atom feeda
comments_rss2_url – spletni naslov RSS 2.0 feeda z komentarji
pingback_url – spletni naslov za Pingback (XML-RPC datoteka)
admin_email – elektronski naslov administratorja spletnega mesta
charset – nabor znakov
version – različica Wordpress CMS sistema

html_type – “Content-type”, vrsta vsebine
wpurl – spletni naslov za Wordpress namestitev
template_url – spletni naslov aktualne (trenutno izbrane) preobleke
template_directory – mapa, v kateri se nahaja aktualna preobleka
stylesheet_url – spletni naslov do CSS datoteke style.css aktualne preobleke (npr. http://naslov/wp-content/themes/+ ime preobleke +/style.css)
stylesheet_directory – mapa v kateri se nahaja glavna CSS datoteka aktualne preobleke

* the_post() – funkcijo uporabljamo v zanki, priporočam branje The Loop. V našem primeru nam omogoča uporabo “podfunkcij”:

the_title() – naslov zapisa bloga
the_content() – vsebina bloga
the_time() – datum in čas nastanka zapisa (uporaba date() formata)
the_category() – izpis povezav do kategorij povezanih z zapisom
comments_popup_link() – izpis števila komentarjev

* have_posts() – preverimo, če nam sistem za izpis vrne zapise.

* comments_template() – v stran vstavimo datoteko /comments.php

* posts_nav_link() – navigacija po straneh zapisov (naprej, nazaj)

* list_cats() – v stranskem meniju izpišemo kategorije, ki jih uporabljamo na blogu

* wp_get_archives() – izpis arhiva zapisov, določimo lahko tip izpisa, število izpisov in format. Uporaba: wp_get_archives(‘podatek=možnost’), primer: wp_get_archives(‘type=yearly’).

type – tip izpisa. Uporaba:

yearly – združitev zapisov glede na leto nastanka
monthly – združitev zapisov glede na mesec nastanka (privzeto)
daily – združitev zapisov glede na dan nastanka
weekly – združitev zapisov glede na teden nastanka
postbypost – brez združitve zapisov

limit – število izpisov (privzeto – brez omejitve)

format – način izpisa arhiva

html – navaden HTML list <li></li> (privzeto)
option – v dropdown meniju
link – znotraj <link> tagov
custom – znotraj tagov, ki jih določimo po želji

Po vrsti, od <html> do </html>, bom razložil vrstice, kamor vstavimo posamezno PHP funkcijo ter kako in zakaj jo uporabljamo. Povezavo do celotne index.php in comments.php lahko najdete na dnu zapisa.

@ index.php

<title><?php bloginfo('sitename'); ?></title>

Izpišemo ime bloga / spletne strani, ki se bom prikazalo v naslovni vrstici uporabnikovega brskalnika.

<meta http-equiv="Content-Type" content="text/html; charset=<?php bloginfo('charset'); ?>">

Nabor znakov, ki jih uporabljamo pri vpisu v bazo, v bazi in pri izpisu. Izberemo ga na strani /wp-admin/options-reading.php.

<style type="text/css" media="screen,projection">
 @import "<?php bloginfo('stylesheet_url'); ?>";
</style>

V stran vstavimo CSS datoteko, ki se nahaja v mapi naše preobleke, imenuje se style.css.

<link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="<?php bloginfo('rss2_url'); ?>" />
<link rel="alternate" type="text/xml" title="RSS .92" href="<?php bloginfo('rss_url'); ?>" />
<link rel="alternate" type="application/atom+xml" title="Atom 0.3" href="<?php bloginfo('atom_url'); ?>" />
<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
<?php wp_get_archives('type=monthly&format=link'); ?>

Vstavimo povezave do raznoraznih RSS feedov, ki obiskovalcem omogočajo naročanje na vsebino preko RSS odjemalcev, prijavo na agregate, itd. Z funkcijo wp_get_archives() pa izpišemo še celoten arhiv, ki “botom” raznoraznih spletni iskalnikov (Google, Najdi.si, ..) omogoča lažje in boljše indeksiranje vsebine.

<a href="<?php bloginfo('siteurl'); ?>">
<img src="<?php bloginfo('stylesheet_directory'); ?>/images/img_toplogo.jpg" /></a>

Na logotip v glavi položimo povezavo, ki uporabnikom omogoča povratek na prvo stran spletne strani.

<?php if(have_posts()) : while (have_posts()) : the_post(); ?>

ÄŒe v bazi obstajajo izbrani zapisi, jih izpišemo – kar preverjamo z if(have_posts()) : (odprt pogoj moramo zapreti z endif;). Z while(have_posts()) : odpremo zanko (zanko moramo zapreti z endwhile;), v kateri izpišemo zapise, ki jih, glede na določene pogoje, sistem vrne. Funkcija the_post(); pa le pripravi zapis znotraj while() zanke za izpis.

<div class="title"><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></div>

Znotraj while() zanke izpišemo povezavo in naslov zapisa.

<div class="entry"> <?php the_content(); ?></div>

Znotraj while() zanke izpišemo vsebino zapisa.

<div class="meta">
   <?php the_time('d. F Y'); ?> |
   Kategorije: <?php the_category(','); ?> |
   <?php comments_popup_link('Komentarji (0)', $comments_img_link . 'Komentar (1)', $comments_img_link . 'Komentarji (%)'); ?>
   <?php trackback_rdf(); ?>
   <?php comments_template(); ?>
</div>

Znotraj while() zanke izpišemo podrobnosti o izbranemu zapisu. S the_time() funkcijo in formatom PHP funkcije date() izpišemo datum in čas nastanka zapisa. Funkcija the_category() nam omogoča izpis kategorij, povezanih z zapisom. Med posamezne povezave lahko po želji vstavimo znake – v našem primeru vejico (npr. the_category(‘,’)).

Za izpis povezave in števila komentarjev po Wordpress logiki stvar malenkost zakompliciramo. Funkcijo comments_popup_link() uporabljamo po načinu (‘nič komentarjev’,'en komentar’,'več komentarjev’). Priporočam branje obširne razlage omenjene funkcije.

<?php endwhile; endif; ?>

Zaključimo zanko, ki smo jo malce višje začeli z while(), ter zapremo pogoj if(), s katerim smo preverili, če nam sistem vrne zapise.

<?php posts_nav_link(' €” ', __('« Prejsnja stran'),  __('Naslednja stran »')); ?>

ÄŒe nam sistem vrne večje število zapisov, kot smo jih izbrali na strani /wp-admin/options-reading.php, nam zapise razdeli na posamezne strani (liste). Za navigacijo po teh uporabimo funkcijo posts_nav_link(). Priporočam branje obširne razlage funkcije. ÄŒe želimo, lahko izpis prilagodimo želji z nastavitvami v zaporedju (‘tekst med izbirama’,'ime povezave za prejšnjo stran’,'ime povezave za naslednjo stran’).

<div class="tab">
  <span>Kategorije</span>
  <?php list_cats(0, '', 'name', 'asc', '', 1, 0, 1, 1, 1, 1, 0,'','','','','') ?>
</div>

V stranskem meniju lahko izpišemo seznam kategorij, ki jih uporabljamo na blogu ter število zapisov vezanih na določeno kategorijo. Priporočam branje obširne razlage funkcije. V primeru sem izbral izpis imena kategorije ter sortiranje le-teh po abecednem redu.

<div class="tab">
  <span>Arhiv zapisov</span>
  <?php wp_get_archives('type=monthly'); ?>
</div>

Z funkcijo wp_get_archive() na stran izpišemo arhiv zapisov na blogu. Razlago nastavitev si lahko preberete višje v zapisu.

@ comments.php

<?php	if ('comments.php' == basename($_SERVER['SCRIPT_FILENAME']))
         die ('Please do not load this page directly. Thanks!');
        if (!empty($post->post_password)) {
         if ($_COOKIE['wp-postpass_' . COOKIEHASH] != $post->post_password) {	?>

<p class="nocomments">
 <?php _e("This post is password protected. Enter the password to view comments."); ?>
<p>
<?php return; } } ?>

Sistem Wordpress preveri na kateri strani se nahajamo (komentarjev in obrazca ne prikaže na prvi strani). Ali je pred ogledom zapisa potrebno vpisati geslo preverimo s funkcijo $post->post_password -, če ima obiskovalec na svojem računalniku piškot (cookie) z imenom wp-postpass_UniqueID, mu zapis prikaže, v nasprotnem primeru pa prikaže obrazec za vnos gesla.

Zgornjih vrstic ni potrebno urejati, priporočljivo pa je, da jih vstavite v comments.php datoteko.

<?php if($comments) : ?>

ÄŒe nam sistem vrne komentarje, jih izpišemo (pogoj je potrebno zaključiti z endif;).

<?php foreach($comments as $comment) : ?>
<div id="comment-<?php comment_ID(); ?>">

Z foreach() odpremo zanko, s katero izpišemo komentarje (zanko je potrebno zaključiti z endforeach;). Dodaten DIV z UniqueID komentarja ustvarimo za lažje oziroma neposredno povezovanje.

<strong><?php comment_author_link(); ?></strong>
@ <strong><?php comment_date('j.m.y'); ?></strong>

Funkcija comment_author_link() izpiše povezavo oziroma le uporabniško ime, comment_date() pa datum nastanka komentarja (po date() formatu).

<?php	endforeach; endif;
	if($post->comment_status == 'open') : ?>

Zapremo zanko in pogoj, ter preverimo, če je za zapis omogočeno (odprto) komentiranje.

<?php if ( get_option('comment_registration') && !$user_ID ) : ?>
<p> Morate biti <a href="<?php echo get_option('siteurl'); ?>/wp-login.php?redirect_to=<?php the_permalink(); ?>">
prijavljeni </a> za komentiranje. </p>
<?php else : ?>

S funkcija get_option() preverimo nastavitve v bazi – če je za komentiranje potrebna predhodna registracija/prijava v sistem. ÄŒe pa je uporabnik že prijavljen (obstaja $user_id), mu opozorila ne prikaže.

<?php if ( $user_ID ) : ?>
<p> Prijavljen kot <a href="<?php echo get_option('siteurl'); ?>/wp-admin/profile.php">
<?php echo $user_identity; ?></a>.
<a href="<?php echo get_option('siteurl'); ?>/wp-login.php?action=logout" title="<?php _e('IzpiÃ…¡i se') ?>">
Odjavi se » </a> </p>
<?php else : ?>

ÄŒe je obiskovalec prijavljen (obstaja $user_id) mu ni potrebno vpisovati imena, elektronskega naslova in spletne strani. Omogočimo mu tudi odjavo iz sistema.

<?php do_action('comment_form', $post->ID); ?>

Omogoča prikaz predogleda ter oddajo komentarja.

–

Datoteke:

* index.php
* comments.php

–

Vsebina mape /wp-content/themes/wp_srajcka:

./images
./images/* (slike)
./index.php
./comments.php
./style.css

–

Na strani /wp-admin/themes.php le še poiščemo preobleko z imenom mape (npr. wp_srajcka) ter jo s klikom na naslov izberemo.

ÄŒe želimo olepšati izbiro preobleke, lahko ustvarimo še “screenshot” in podatke o preobleki (ime, avtor, povezave, ..).

* Screenshot (slika preobleke)
Ustvarite sliko preobleke, sliko pomanjšate na maksimalno 250px širine in 200px višine ter jo z imenom screenshot.png shranite v mapo preobleke (poleg datoteke index.php, comments.php, ..).

* Podatki o preobleki
Wordpress črpa podatke o posamezni preobleki iz CSS datoteke style.css, ki se nahaja v mapi preobleke. Na vrh omenjene datoteke dodamo:

/*
Theme Name: Ime preobleke
Theme URI: http://spletna_stran_preobleke
Description: Opis preobleke
Version: Različica preobleke
Author: Avtor preobleke
Author URI: http://avtorjeva_spletna_stran
*/

–

Preobleko “wp_srajcka” si lahko na računalnik prenesete s spodnjega naslova.

http://www.delavec.net/clanek-srajcka/wp_srajcka.tar

Primer delovanja:
http://www.delavec.net/clanek-srajcka/wordpress/

–

Naredimo Wordpress srajčko:

* 1. del – Oblikovanje
* 2. del – Razrez (HTML & CSS)
* 3. del – Programiranje (PHP)

Kakršnakoli vprašanja glede članka napišite kot komentar k delu članka, na katerega se vprašanje nanaša.

Po uspešni izdelavi izgleda naše Wordpress srajčke, se lotimo lažjega programerskega dela. Stran je potrebno razrezati ter sestaviti v strukturo, ki nam omogoča dinamično dodajanje vsebine.

Potrebno znanje: (x)HTML, CSS. ÄŒe niste programerska duša in omenjenih kratic ne poznate, se lahko poslužite programov, ki vam olajšajo sestavljanje strukture:

Windows: Macromedia Dreamweaver, Microsoft Frontpage, Expression Web, CoffeeCup, ..
Mac Os X: iWeb, Coda, ..

Razrez oblike mora ustrezati stopnji dinamičnosti strani. V Photoshop-u ali drugemu ustreznemu programu dizajn razrežemo v manjše slike (jpg, png, gif), katere bomo uporabili ob sestavljanju strani, ki jo bomo kasneje povezali z Wordpress CMSjem.

Za začetek ustvarimo mape in datoteke, s katerimi bomo delali. Uporabljam kar “mc“, naj vas izgled ne prestraši.

Razrez je bil po nekaj minutnem “programiranju” narejen ((Koda ni HighTech, a za primer bo OK.)). ÄŒe boste pisali kodo “na roke”, potem proces vrjetno že posnate, za ostale pa bodo poskrbeli programi, ki vam bodo delo olajšali, podrobno razumevanje kode pa v tem primeru ni potrebno – stran sestavite kot lego kocke, ob koncu pa avtomatično “vn pade” potrebna datoteka. Priporočam le, da CSS ločite od HTML kode in si tako olajšate morebitno kasnejše popravljanje.

@ index.html (klik na sliko za razširitev)

@ wp_style.css (klik na sliko za razširitev)

Veljavnost HTML & CSS kode preverite z HTML in CSS “validatorjem”, kodo pa je priporočljivo prilagoditi, da se v vseh večjih brskalnikih (Internet Explorer 6/7, Firefox, Opera, Safari) prikaže enako – pomoč pri poenotenju.

Razrez si lahko ogledate na:
http://www.delavec.net/clanek-srajcka/index.html

Za lažje razumevanje članka, priporočam branje osnov (x)HTML in CSS:

* XHTML @ Wikipedia
* HTML Tutorial
* What is XHTML?
* How to Convert HTML to XHTML?
* Basics of XHTML
-
* CSS Tutorial
* Cascading Style Sheets @ Wikipedia
* What is CSS?

Slišal sem, da bodo promet po Ljubljani omejili s taksami. Zahteva evROPe. Ukrep naj bi veljal za vse (tudi meščane), na področju znotraj obvoznice.

Ker se dnevno vozim po mestu, z avtom ali mestnim avtobusom, se mi poraja več vprašanj. Živim 3km iz strogega mestnega jedra, avtobusna povezava je nikakva – avtobus vozi na 20 ali 40 minut, v soboto in nedeljo na eno uro, le do 23h seveda. Zato jaz vas vprašam – ali si moram vsak dan vzeti dobro uro za vožnjo v mesto z avtobusom in kako naj se iz mesta vrnem po 23 uri? Bodo znižali cene taxi prevozov?

Ljubljančani prodajamo avtomobile ! Zakaj bi še rabil avto? Za prevoz po Ljubljani bomo plačevali tudi meščani, vstop v Maribor nam bodo posebaj zaračunali, kmalu pa bodo “vstopnino” pobirali tudi za vožnjo preko Zgornje Vukujebine. Bomo meščani plačevali takso že ob registraciji? Zakaj bi plačevali za vožnjo po NAÅ IH ulicah – zgrajenih iz davkoplačevalskega denarja?

ÄŒe bom v center imel namen it, bom kupil letno karto, al pa se bom švercal. Enivej, moje pline boste še naprej vohal !

Katera gos bo pomiloščena na Martinovo? V Ameriki predsednik države pred zahvalnim dnem pomilosti purana, ki prvi dan prostosti preživi v luksuzu, kasneje pa je varovan pred domačo pečico.

Enivej .. Buš je poklonil znak milosti lušnemu puranu, katerega ime je neznano. Jaz bi ga poimenoval kar George. Danes je postal svoboden američan, po vsej vrjetnosti je dobil tudi volilno pravico.

Da ne bo kdo mislil, “čuj ta andrej nabija, američani pa že niso tak blesavi”. Think again – President Bush Pardons “May and Flower” in National Thanksgiving Turkey Ceremony.

Malce sem zaspal, zima pato. A čeprav sem tedybear, klikam in brskam po spletu, puščam svoje drekce vsepovsod in se kot dete veselim prvih snežiLk, ki mi dajo razlog, da ostanem doma, na toplem.

ÄŒeprav sem glede novosti, nekakšnih dodatkov in poskusov ustvarjanja nad.družbe, vedno skeptičen, so me to jesen razveselili s predvsem novimi zimskimi oblačili. Damn, tudi sam rabim novo jakno, pa čevlje.

* SloBlogi – dman Robi je z oblikovalcem spravil svojo stvaritev SloBlogi v Veb.Dve. Všečen agregat, pregleden. Simpl is dbest !

* Blogorola – v nove barve so spravili svoj Veb.Dve agregat -, malo premetal vsebino, dodal par blokov reklam in registracijo. BigDil. Na Meku morm scrollat na prvi strani, če hočem videt vsebino. Boooong, wrooong ! Navajen sem na prejšnji pejdž. Naredite mi to deželo zopet Blogersko !

* Blogorola Oflajn – Kul. Starih zapisov vrjetno ne bom bral z večjim navdušenjem, mogoče na sekretu, če bo pri roki. Go Blogorola ! V domu za upokojence bodo končno izvedeli, kaj je Frecetova Marjeta jedla za kosilo :-) Hec ob stran, podpiram širjenje, na papir sem pa alergičen. Toj for old pipl. PDF Powah !

* RTVSLO Poet natečaj – V besedi je moč ! Okej, sem insajder, a zadeva mi je res kul. Napišeš svojo zablozo v verzih, si izbran in svoje mokre nočne sanje boš lahko spravil na domačo knjižno polico. Pa še pred staro mamo in kolegom iz Zgornjega Dupleka se boš lahko važil, da si ful.kul poet. Go and Write, child of mine !

Postelja kliče. Janšatu so glihkar izglasoval z’upnco. Jebiga.

Danes so prve snežinke končno dopolnile zimski mraz, ki nas je iz poletja popeljal v najbolj romantičen del leta. Veselim se kepanja, sprehodov po zasneženih poteh, kidanja snega, večerov ob kaminu in praznikov.

Pred dnevi sem v CityParku opazil prve okraske – ob prihodu in odhodu nas prijazno pozdravijo božiček, jeleni in škrat, po hodnikih pa nas na novoletni čas opominja nešteto lučk.

Jumbo plakat -, v pravem pomenu besede.

[mp3 url="http://www.delavec.net/upload/bele_vrane_mala_terasa.mp3"]Bele vrane – Mala terasa[/mp3]

Zgodaj zjutraj me je prebudila cela familija. Še pred dnevno gnečo smo se na pokopališčih spominjali mrtvih, prižgali svečo ter se odpravili k maši.

Na kratko o maši. Po neprespani noči sem dremal v zadnjem delu nove cerkve na Plečnikovih Žalah. Na vsake toliko časa, me je od zadaj z vrati odrinila stara mama, ki jih je na vso silo zabila v mene ((Zadaj so 3 vrata. Steklena, vsak odklenjena. Čeprav sem le jaz stal pred desnim parom, so vse stare mame izbrale pot mimo mene. Naključje?)). Fajmašter, ki pobira prispevke, je med mašo zapustil stavbo, a skozi steklena vrata sva z bližnje-stoječim zgrožena opazovala, kako je segel v posodo s prispevki, ter šop denarja izročil prodajalcu časopisa v cerkvi. To lahko stori? Lahko z prispevki razpolagajo po volji? Osebno jim nisem pustil niti centa ..

Zvečer pa sem, kot je že v navadi, odšel na Žale z fotoaparatom na krajši sprehod. Mirno, kot po nevihti, se ljudje sprehajajo med grobovi, se spominjajo bližnjih, ki so odšli s tega sveta.

Naj počivajo v miru.