layoutgenerator.at

Anbringen eines Ad-Blocks im Footer Link Panel

In der folgenden Anleitung wird beschrieben, wie Sie ein Werbe-Banner in das Footer Link Panel Ihres Templates einfügen können.

In der neuen Version von Artisteer gibt es eine neue Footer Link Option in Form eines Panels für das Theme. Das Bild oben zeigt, was Sie vorher erhalten haben. Das war eine großartige Ergänzung, die all denen das Leben leichter macht, die keinen Spaß daran haben, ihre Source Files zu editieren. Aber anscheinend hat noch etwas gefehlt, um Artisteer noch benutzerfreundlicher zu machen.
 

Jetzt kann das Administrations Panel beliebig erweitert werden und fast unbegrenzt viele Optionsfelder hinzugefügt werden. Sehen Sie dazu Bild 2. Das sind die Optionen für ein neu generiertes Theme. Der Schwierigkeitsgrad des nachfolgend beschriebenen ist mittel. Wenn Sie wissen, wie Sie Ihre Source Files bearbeiten, wie Sie Backups machen und nicht in Panel geraten, wenn alles weg ist, schaffen Sie es ;)

Für das hier beschriebene Beispiel fügen wir einen Code hinzu, der ein 468x60 Banner in der rechten Seite des Headers einfügt. Wir verwenden etwas PHP und eine Spur CSS, um das Display an die richtige Stelle des Headers zu bekommen. Die Codes finden Sie in Ihrem functions.php Dokument.

1. $themename = "Artisteer Test";
2. $shortname = "artisteer";
3. $default_footer_content = "<a href='#'>Contact Us</a> | <a href='#'>Terms of Use</a> | <a href='#'>Trademarks</a> | <a href='#'>Privacy Statement</a><br/>Copyright &copy; 2009 ".get_bloginfo('name').". All Rights Reserved.";
4. $options = array (
5. array(&nbsp; "name" => "HTML",
6. "desc" => sprintf(__('<strong>XHTML:</strong> You can use these tags: <code>%s</code>', 'kubrick'), 'a, abbr, acronym, em, b, i, strike, strong, span'),
7. "id" => "art_footer_content",
8. "std" => $default_footer_content,
9. "type" => "textarea"),

Bei Ihnen kann das leicht anders aussehen, hat aber all die gleichen Elemente. Wir wollen nun einige zusätzliche Variablen und Markierungen in unser Template einfügen. Zusätzlich werden wir den Stil etwas verfeinert und einen neuen Titel für die Option setzen. 

Wir beginnen in Zeile #2 $shortname = “artisteer”, das Wort zwischen den Klammerzeichen kann gegen jedes andere ausgetauscht werden, solang es nicht in diesem Moment gleichzeitig woanders benutzt wird. Wenn es zukünftig doch verwendet wird, spielt das für jetzt keine Rolle.

Als nächstes setzen wir einen Bestrich ans Ende der Zeile #, falls nicht schon einer da steht. Wenn er fehlt, wird eine Fehlermeldung angezeigt. Nachdem das Komma gesetzt wurde, drücken Sie die Zeilenumschalt-Taste einige Male, um Platz für das nächste Stückchen Code zu schaffen. Jetzt fügen Sie folgenden Code zwischen die Zeilen 9 und 10 ein.

1.  array(&nbsp;&nbsp; &nbsp;"name" => "468x60 Header Banner Ad Settings",
2. "type" => "heading",
3. "desc" => "You can specify ads (google ad/affiliate ad/banner) on this section. The ad will be displayed as 468x60 Header Banner."),
4.  
5. array(&nbsp;&nbsp; &nbsp;"name" => "468x60 Banner Ad",
6. "id" => $shortname."_home_ad_468",
7. "std" => "Enter 468x60 Ad Code Here",
8. "type" => "textarea"),

Die erste Datenreihe gibt den Abschnitt der Titelzeile an, die zweite Datenreihe definiert die Variablen und den Inputtyp - in diesem Fall ein Texfeld für den Banner Code. Sie können so viele Datenreihen hinzufügen, wie Sie wollen, solange dabei neue Variable definiert werden. Sie können auf diese Weise Textfelder, Check Boxes, Radio Buttons und einzelne Textzeilen machen.

Nun wird der Code für den Header hinzugefügt, um den neuen ad Block anzuzeigen. Speichern Sie Ihre functions.php Datei und öffnen Sie die header.php Datei. Sie sehen folgendes Code Stück.

1.  <div>
2. <div></div>
3. <div>
4. <h1 id="name-text">
5. <a href="<?php echo get_option('home'); ?>/"><?php bloginfo('name'); ?></a></h1>
6. <div id="slogan-text">
7. <?php bloginfo('description'); ?></div>
8. </div>
9.  
10. </div>

Auch hier kann es bei Ihnen wieder etwas anders aussehen. Wir wollen hier nun unseren Code nach dem schließenden div für das Logo und vor dem schließenden div des Headers einsetzen. In diesem Besipiel würden wir ihn so setzen, dass er bei Zeile 9 beginnt.

Hier sehen Sie den Code, der beginnend bei Zeile 9 zu setzen ist:

1.  <div class="header-ad">
2. <?php echo stripslashes(get_option('artisteer_home_ad_468')); ?>;
3. </div>

In Zeile 2 können Sie Ihren Kurznamen einsetzen, falls Sie weiter oben "artsiteer" verändert haben. Alles was wir nun brauchen, um unser Werbebanner an den richtigen Platz zu bekommen, ist ein bisschen CSS. Das Beispiel hier basiert auf einem Header von 125px Höhe und es soll auf die rechte Seite. Sie können sich mit CSS spielen und Dinge herum bewegen, um Ihr Theme an den passenden Platz zu bekommen. Nachfolgend sehen Sie einige CSS Zeilen, die Sie ans Ende ihrer style.css Datei anfügen müssen.

1.  .header-ad    {
2. float:left;
3. margin-top:35px;
4. margin-right:10px;
5. margin-bottom:0;
6. margin-left:516px;
7. height:70px;
8. }

Fertig. Sie sollten nun ein erweitertes Admin Panel haben. Experimentieren Sie, indem Sie neue Optionen zu Ihrem Theme hinzufügen. 

Haftungsausschluss

Es wird keine Verantwortung dafür übernommen, dass die hier beschriebenen Modifikationen bei jedem Theme Code funktionieren. Das Risiko trägt der jeweilige User. Es wird daher empfohlen, vorher ein Backup durchzuführen. Sie sollten auch genug geschlafen, gegessen und getrunken haben. Versuchen Sie es nicht mit dem Originalcode. Versuchen Sie es nicht, wenn Sie müde oder krank sind. Und erwarten Sie nicht, dass es beim ersten Mal funktioniert. Fall es doch beim ersten Mal funktioniert, haben Sie wahrscheinlich Glück gehabt. Überdies, wer Dinge nie kaputt macht, findet auch nie heraus, wie sie funktionieren. Also, haben Sie Spaß und lernen Sie etwas Neues.