Geld verdienen mit Social Media
Geld verdienen mit Texten
Ein Widget im Header des Blogs kann für viele Dinge genutzt werden. Für Banner, Social Icons und was einem sonst so einfällt. Hier zeige ich wie man ein Header Widget in das Thesis Theme einbaut.
In vielen Blogs und deren Themes ist ein Widget im Header bereits integriert. Leider ist das im Tesis Theme noch nicht der Fall. Deshalb muss man hier ein wenig Handarbeit anlegen, was aber nicht weiter schwierig ist.
Wir benötigen dazu lediglich einen kleinen Eingriff in die „custom_functions.php“ und die „custom.css“. Das geht recht schnell und Du kannst den Code natürlich auch sofort kopieren.
Schritt1 : custom_functions.php
Wie immer gilt auch hier: Vor dem Eingriff in die custom_functions.php bitte eine Sicherung anlegen, da ein Fehler den Blog zerlegen kann und das willst Du ja nicht. Also bitte sichern. Folgenden Code kopierst Du in die „custom_functions.php“:
register_sidebars(1,
array(
'name' => 'Header Widget',
'before_widget' => '<li class="widget %2$s" id="%1$s">',
'after_widget' => '</li>',
'before_title' => '<h3>',
'after_title' => '</h3>'
)
);
function header_widget() { ?>
<div id="header_widget_1" class="sidebar">
<ul class="sidebar_list">
<?php if (!function_exists('dynamic_sidebar') || !dynamic_sidebar('Header Widget') ){ ?>
<li class="widget"><h3><?php _e('Header Widget', 'thesis'); ?></h3>You can edit the content that appears here by visiting your Widgets panel and modifying the <em>current widgets</em> there.</li><?php } ?>
</ul>
</div>
<?php }
add_action('thesis_hook_header', 'header_widget', '1');
Wir registrieren eine weitere Sidebar und fügen die passende Funktion hinzu. Ist nicht wirklich schwierig, kann aber enorme Auswirkungen haben. Im nächsten Schritt müssen wir das neu angelegte Feld noch einem Design unterziehen und das, wie sollte es anders sein, machen wir mit folgendem CSS Code:
Schritt 2: CSS Code einfügen
.custom #header_widget_1 ul.sidebar_list li.widget {position: absolute; display: block; top:0px; left:477px; width:468px; }
Natürlich kannst du das Design an die eigenen Wünsche anpassen und in Dein Theme integrieren.
Was fängst Du nun damit an?
Du hast jetzt die Möglichkeit jedes Widget auch in den Header einzubauen. Natürlich kannst Du Dir auch Social Media Links dort einbauen. Es gibt keine Beschränkungen und Du kannst jedes Widget wie auch in der Sidebar dort einfügen.
Fazit zum Header Widget
Mit einem zusätzlichen Widget hat man sehr schöne neue Möglichkeiten. Und besonders schwierig ist es auch nicht. Der obige Code funktioniert übrigens ab Thesis 1.7. damit kann nun jeder ein Banner oder was auch immer in den Header einbauen.
Wordpress Tutorial - Seite für Werbekunden mit automatischen Statistiken!
Wordpress Tutorial - Anzahl der Feedleser als Text ausgeben
CSS3 Tutorial - Ausklappende Texte für FAQ Seiten
Das Beste Ranking – Mit Video Training Schritt für Schritt auf Platz 1
Timing und Reichweite – Effektiver als die Konkurrenz posten
Ich schreibe hier mit Leib und Seele über das Geld verdienen im Internet, das Thesis Theme für Wordpress und alles was mich weiter interessiert.
Sascha hat bisher 522 Artikel geschrieben.
{ 4 comments… read them below or add one }
Hallo.
geht das auch mit dem “Blaskan Theme”.
oder gibt es für diesen theme eine Anleitung, wie ich den widgetbereich in den header bekomme?
vG.
Das weiß ich nicht, hab ich nie gehört.
ich komme mit den ersten schritt klar (die funktion widget im header erscheint in den einstellungen) nur gibt es kein costum css in blaskan theme und ich weis nicht, wo ich die css datei reinpacken muss, damit auf der Seite auch was angezeigt wird.
kenne mich mit dem ganzen Thema aber auch nicht wirklich aus.
habt ihr eine Idee?
Vielleicht packst Du die css Deklarationen einfach in die style.css. Sofern vorhanden. Da werden die ja auch geladen.