A blogoláshoz hozzátartozik az is, hogy a bloggerek előszeretettel módosítgatják, csinosítgatják blogjukat. Ehhez pedig némi html/css ismeretre is szükség van. Összeállítottunk egy segédletet, melyben részletesen elmagyarázzuk, hogy hogyan működnek a blog.hu-s tagek. Tanulásra fel! Kérdezzetek bátran, ha valami nem világos a leírásban...
A sablon olyan, blog.hu-s tagekkel kiegészített HTML-oldal, ami meghatározza, hogyan néz majd ki a blogod. A sablon egyetlen fájlban írja le az összes lehetséges aloldal (címlap, posztoldal, üzenetküldés, archívum stb.) külsejét, ezért a sablon két, jól elkülöníthető részre válik: a minden oldalon látható keretre, és a tartalomfüggő középső részre. A középső rész elemei a <blhc:postloop> és </blhc:postloop> tagek között találhatók, a többi részből áll a keret.
Blog.hu tagek
Ezek a speciális tagek az esetek elsöprő többségében valamilyen konkrét információt tartalmaznak (pl. a blog nevét), ahova tehát beírsz egy taget, annak a helyén a megfelelő szöveg jelenik majd meg. Ezt használhatod arra, hogy valamilyen információt megjeleníts az oldalon (pl. a poszt címe), de az oldalt leíró HTML-kódot is módosíthatod (pl. kategóriánként különböző megjelenést adhatsz az egyes posztoknak)
Így néz ki egy átlagos tag:
<h1><blh:blog_name nourl="1" /></h1>
Az éles oldaon ez jelenik majd meg helyette:
<h1>Inda gépház</h1>
Minden tag alapvetően egy konkrét információ megjelenítésére képes, de néhányukhoz tartoznak további paraméterek is, amivel a megjelenés módját szabályozhatod. A fenti példában szerepel a nourl paraméter, ami azt mondja meg a sablonfeldolgozónak, hogy nem kattintható formában kell kiírnia a blog nevét.
Ha nem szerepel benne a nourl paraméter:
<h1><blh:blog_name /></h1>
A megjelenő kód is más lesz:
<h1><a href="/">Inda gépház</a></h1>
A HTML-be kétféleképpen szúrhatsz blog.hu-s tageket. A leggyakoribb esetben más tagek közé írod be őket, ilyenkor a blog.hu-s elemek is úgy néznek ki, mint a normál HTML tagek:
<blh:blog_name nourl="1" />
Ha viszont egy másik tag belsejébe szeretnéd beágyazni, más formátumot kell használni:
{blh:blog_name nourl='1'}
Például:
<a href="/" title="{blh:blog_name nourl='1'}"><blh:blog_name nourl="1" /></a>
Eredmény:
<a href="/" title="Inda gépház">Inda gépház</a>
Egy kivétel van, a blhc:postloop tag, ami nem önmagában, hanem párosával szerepel, így nincs a tag végén lezáró per („/”). A nyitó tagben egyáltalán (<bhlc:postloop>), a záró tagben pedig csak az elején (</blhc:postloop>).
Ebben a formában hibás:
<blhc:postloop />
Így viszont helyes:
<blhc:postloop> …. </blhc:postloop>
Tagek listája
Általános tagek
blh:blog_name (kiírja kattintható formában a blog nevét.)
paraméterek:
nourl: ha az értéke 1, a név nem lesz kattintható
blh:blog_notes
A Beállítások / Általános menüpont alatt megadott Megjegyzéseket írja ki.
blh:blog_tagline
A Beállítások / Általános menüpont alatt megadott Tagline-t írja ki.
blh:body_required (kötelező)
Néhány speciális esetet leszámítva közvetlenül a blh:head_required-et követi, lezárja a blog fejlécét és megnyitja az oldal törzsét
blh:end (kötelező)
Lezárja a sablont, ezután már semmilyen kód nem következhet
blh:head_required (kötelező)
Kiírja az oldal fejlécét, amiben olyan látható (az oldal címe) és láthatatlan (például a megjelenést meghatározó CSS-ek) elemek vannak, amik az oldal működéséhez elengedhetetlenek. Általában a blh:body_required követi, de ha feltétlenül szükséges, a két tag közé lehet beszúrni a fejlécbe további tageket.
blh:leftboxes
Megjeleníti az összes dobozt, ami a Megjelenítés/Oldaldobozok oldalon a bal oldali hasábba került.
blh:nonpost (kötelező)
Kijelöli a nem posztjellegű tartalmak helyét a sablonban. Ahova ezt a taget beszúrod, ott jelenik majd meg az üzenetküldő form, a tagfelhő, az archívum stb.
blh:pager (kötelező)
A lapozás-linkeket teszi ki, ha szükség van rá.
paraméterek:
sep: A linkekeket elválasztó szöveg
prelabel: Az előző oldalra mutató link szövege
nxtlabel: A következő oldalra mutató link szövege
blh:rand
Kiír egy véletlenszerűen meghatározott számot
paraméterek:
min: a legkisebb lehetséges szám
max: a legnagyobb lehetséges szám
<blh:rand min="2" max="5" />
lehetséges értékei: 2, 3, 4, 5
blh:randombg
Az images/bg könyvtárból kiválaszt véletlenszerűen egy képet, és kiírja annak az URL-jét.
<img src="{blh:randombg}" />
blh:rightboxes
Megjeleníti az összes dobozt, ami a Megjelenítés/Oldaldobozok oldalon a jobb oldali hasábba került.
blh:skinbase
Olyan tag, ami az éppen aktív sablonhoz tartozó fileok elérési útját adja vissza.
<img src="{blh:skinbase}/favicon.ico" />
Posztok
A sablonnak az a része, ami a fő- és posztoldal középső részének megjelenését határozza meg, mindig a blhc:postloop taggel kezdődik és azzal is zárul:
<blhc:postloop>
<h1>cím</h1>
<div>szöveg</div>
</blhc:postloop>
Ilyen blokk pontosan egyszer kell, hogy szerepeljen a sablonban, különben a blog nem az elvárt módon jelenik majd meg.
Bejegyzéstagek
Az alábbi tagek csak a <blhc:postloop> és </blhc:postloop> közötti blokkban használhatók.
blh:post_anchor
A poszt egyedi azonosítója alapján kiír egy olyan taget, ahova aztán az oldalon belüli linkek ugorhatnak.
<blh:post_anchor /><h1><blh:post_title /></h1>
Eredmény:
<a name="a_sablon"></a><h1>A sablon</h1>
Ez a link az oldalon az A sablon című poszt elejére ugrik:
<a href="#a_sablon">Ugorj a posztra</a>
blh:post_author
Kiírja a poszt szerzőjét, a szöveg egyben link az üzenetküldő formra.
blh:post_commentnum
Kiírja a poszthoz érkezett kommentek számát
blh:post_comments
Kiír egy, a kommentező-felületre mutató linket
paraméterek:
nulla: Ez a szöveg jelenik meg, ha még nincs egy komment sem
egy: Ez a szöveg jelenik meg, ha egy komment van
sok: Ez a szöveg jelenik meg, ha sok komment van
<blh:post_comments nulla="Írj kommentet" egy="komment" sok="hozzászólás" />
Ha nincs még komment:
<a href="http://inda.blog.hu/2007/07/29/title_8682#comments">Írj kommentet</a>
Egy komment:
<a href="http://inda.blog.hu/2007/07/29/title_8682#comments">1 komment</a>
5 komment:
<a href="http://inda.blog.hu/2007/07/29/title_8682#comments">5 hozzászólás</a>
blh:post_content
Kiírja a poszt szövegét. A főoldalon csak a more tag előtti részt, a posztoldalon az egészet.
blh:post_date
A poszt dátumát írja ki, alapértelmezés szerint 2007-07-29 19:14:50 formában
paraméterek:
format: A megjelenített dátum formátuma, a PHP date függvényének megfelelően
blh:post_dtype
Minden poszthoz tartozhat egy címke, ami valamilyen kategóriába sorolja a posztot. A címke formátuma d:kategória, pl. d:leirasok, a tag ezt a címkét írja ki d_kategória formában
paraméterek:
noreplace: ne cserélje le a kettőspontot aláhúzásra
<div class="{blh:dtype}"> ... </div>
Eredmény:
<div class="d_leiras"> ... </div>
Noreplace-el pedig:
<a href="http://inda.blog.hu/rss/tags/{blh:dtype noreplace='1'}"> ... </a>
Eredmény:
<a href="http://inda.blog.hu/rss/tags/d:leiras"> ... </a>
blh:post_feedback
A posztoldalon a tag helyén jelennek meg a kommentek és a kommentezésre szolgáló form
blh:post_more
A főoldalon, ha egy posztot a more taggel két részre bontottál, a tag helyén jelenik meg a posztra mutató link.
paraméterek:
class: a linkre rátett CSS osztály
text: a link szövege
blh:post_permalink
A tag helyére beszúrja a posztra mutató linket.
blh:post_pingbacks
Kitesz egy linket a kommentekre, ha van közöttük visszaping, a link szövegében szerepel a visszapingek száma.
blh:post_rating
Egyes posztokhoz értékelést rendelhetsz 10 lépésben, ehhez a következő címkék valamelyikével kell ellátnod a posztot:
r:0.5 r:1 r:1.5 r:2 r:2.5 r:3 r:3.5 r:4 r:4.5 r:5
Illetve a sablon CSS-ben létre kell hoznod az .r1, .r15, .r2, .r25 stb. osztályokat.
A végeredmény valami ilyesmi lesz:
Általad adott pontszám:
<div class=”rating index r45”>
Szerintünk: 4.5
</div>
Olvasók szavazatai:
<div class=”rating reader r2”>
Szerintetek: 2
</div>
paraméterek:
editor: az általad megadott pontszám előtti szöveg, alapértelmezett értéke "szerintünk"
user: az olvasók által adott pontszám előtti szöveg, alapértelmezett értéke "Ön dönt"
blh:post_status
A tag helyére beilleszti a poszt státuszát, a lehetséges értékek lehetnek: draft (még élesítetlen posztok), published (élesített posztok)
blh:post_subtitle
Kiírja a poszt alcímét
blh:post_tags
A tag helyére beszúrja a poszthoz tartozó címkéket.
paraméterek:
text: A címkék elé írt szöveget állíthatod be
blh:post_title
Kiírja a poszt címét
blh:post_trackbacks
Kitesz egy linket a kommentekre, ha van közöttük trackback, a link szövegében szerepel a trackbackek száma.
blh:post_trbrdf
A trackback link automatikus felismerését támogató szolgáltatásokat segítő kódrészletet illeszti be az oldalba.
blh:post_urltitle
Kiírja a poszt egyedi azonosítóját, ami a bejegyzés szerkesztése oldalon az URL címe mezőben található
blh:post_visibility
Beszúrja a poszt láthatóságára vonatkozó információt (e Bejegyzések lista Állapot oszlopának jobb oldali eleme), az értékei lehetnek: private (csak te látod), protected (csak a tagok láthatják), public (mindenki láthatja).