Tabs, eller faner, er noe som er blitt populært. Det sparer jo en del plass når man kan putte mer innhold på samme plassen, pluss at man kan legge ut mer innhold som er brukervennligt, uten at dette skal spise unødig av plassen du har i din sidebar. Dette var en funksjon jeg lette lenge etter før jeg fant en enkel løsning jeg kunne bruke. Det finnes mange plugins for å gjøre dette, som både ser bedre ut og er enklere å innstallere. Nå skal jo jeg helst ikke bruke så mange plugins, så da ble det å finne en «manuell» løsning.
Å innstallere tabs krever at du behersker å laste opp og ned filer ved hjelp av FTP.
Du må gjøre forandring i 2 filer, header.php og sidebar.php
Du må også laste opp to filer til ditt theme. Dette må gjøres ved hjelp av et ftp program.

Det første du må gjøre er å laste ned javascriptet domtab fra deres offisielle side.
Trykk på download og last ned zipfilen som ligger der.
Zip opp filen, og last opp domtab.js til din themefolder.
Last deretter ned css filen du trenger (høyreklikk og lagre som…).
Også denne filen skal du laste opp til din themefolder.

For å forandre en fil fra adminpanelet i wordpress, gjør du følgende:
1. Logger inn i ditt adminpanel
2. Trykker på “redigering” under utseende
3. Finner fil og trykker på den som skal redigeres
4. Trykker oppdater fil når du skal lagre oppdateringen

1. Vi redigerer filen header.php

Finn linja med denne koden:
<?php wp_head(); ?>

På en blank linje over, lim inn denne koden:
<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/domtab.js"></script>
<link rel="stylesheet" type="text/css" href="<?php bloginfo('template_directory'); ?>/pbd_domtab.css" media="screen" />

Lagre filen.

2. Vi redigerer filen sidebar.php

Jeg har skrevet om hvordan du plasserer kategorier i sidebaren på bloggen.
Det du kan gjøre, er å skrive over den koden med den koden under:
<div class="domtab">
<ul class="domtabs">
<li><a href="#t1">Kategorier</a></li>
<li><a href="#t2">Siste Kommentarer</a></li>
<li><a href="#t3">Tips...</a></li>
</ul>
<div>
<a name="t1" id="t1"></a>
<?php wp_list_categories('title_li='); ?>
</div>
<div>
<a name="t2" id="t2"></a>
<?php
global $wpdb;
$sql = "SELECT DISTINCT ID, post_title, post_password, comment_ID,
comment_post_ID, comment_author, comment_date_gmt, comment_approved,
comment_type,comment_author_url,
SUBSTRING(comment_content,1,30) AS com_excerpt
FROM $wpdb->comments
LEFT OUTER JOIN $wpdb->posts ON ($wpdb->comments.comment_post_ID =
$wpdb->posts.ID)
WHERE comment_approved = '1' AND comment_type = '' AND
post_password = ''
ORDER BY comment_date_gmt DESC
LIMIT 10";
$comments = $wpdb->get_results($sql);
$output = $pre_HTML;
$output .= "\n";
foreach ($comments as $comment) {
$output .= "\n<li>".strip_tags($comment->comment_author)
.":" . "<a href=\"" . get_permalink($comment->ID) .
"#comment-" . $comment->comment_ID . "\" title=\"Post: " .
$comment->post_title . "\">" . strip_tags($comment->com_excerpt)
."</a></li>";
}
$output .= "\n";
$output .= $post_HTML;
echo $output;?>
</div>
<div>
<a name="t3" id="t3"></a>
<li><a href="" target="_blank">test</a></li>
</div>
</div>

Lagre deretter filen.

Som du ser i koden som skal inn i sidebaren får du nå kategorier, siste kommentarer og «tips» i fanene.
For de som har åpnet en fil tidligere tror jeg det skal være enkelt å se hvor man skal reigere for å få skiftet ut innholdet i hver fane.
For dere andre skal jeg skrive en post om hvor du skal redigere dette ganske så snart.

Legg igjen en kommentar

Din e-postadresse vil ikke bli publisert. Obligatoriske felt er merket med *

Du kan bruke disse HTML-kodene og -egenskapene: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>