Herzlich Wilkommen zum 7. Teil der Blogs optimieren Serie. Ich bin zwar ein großer Fan von Plugins, doch für kleine Funktionen im Template sind diese nicht flexibel genug und sie bremsen WordPress aus. Warum bastelt man also nicht ein wenig am Code des Themes herum.Hier findet ihr ein paar kleine Schnipsel, welche die Arbeit ein wenig erleichtern.
Flattr Button einbinden
Frank Bueltge beschreibt in seinem Blog, wie man ohne ein Plugin, einen Flattr Button einbindet.
Die UID findet man im Flattr Dashboard.
Twitter – Button einbinden
Set kürzere Zeit, bietet Twitter nun selbst einen Tweet Thiss Button, sodass man nicht mehr auf Topsy oder Tweetmeme zurückgreifen muss. Um den Button in den Blog einzufügen, kann dieser Code belibig oft im Blog eingesetz werden.
<a href=“http://twitter.com/share“ data-url=“<?php echo get_permalink(); ?>“ data-count=“horizontal“ data-via=“wpbloggerde“ data-lang=“de“>Tweet</a><script type=“text/javascript“ src=“http://platform.twitter.com/widgets.js“></script>
Der Code kann belibig verändert werden, sodass der Counter für die Klicks entweder ganz ausgeschaltet werden kann, oder vertikal bzw. horizontal gezählt wird. Die Funktion get_permalink muss bestehen bleiben wenn der Post getwittert werden soll auf dem der Button erscheint. Wer diesen Button immer in einem Post habe möchte so sollte dieser in die Single.php des Themes eingefügt werden.
Facebook Share Button einfügen
Um einen Facebook-Share Button in die Seite einzufügen, geht man änlich wie beim Einfügen von Twitter vor. Man kopiert einfach folgenden Code belibig oft in den Blog oder in die Single.php Datei.
<a name=“fb_share“ type=“button“ href=“http://www.facebook.com/sharer.php?u=<?php echo get_permalink(); ?>&t=<?php echo get_the_title() ?> „>Teilen</a><script src=“http://static.ak.fbcdn.net/connect.php/js/FB.Share“ type=“text/javascript“></script>
Auch dieser Code kann belibig geändert werden und auch hier kommt die Funktion get_Permalink zum Einsatz.
Seite drucken Button hinzufügen
Um so einen Button hinzuzufügen, muss folgender Code in den Blog eingefügt werden.
<a href="javascript:window.print()" rel="nofollow">Seite drucken!</a></span>
In den Code können weitere Grafiken eingefügt werden, dies geschiet mithilfe von HTML.
Print Stylesheet erstellen
Damit beim Drucken des Blogs unnötige Elemente ausgeblendet werden, sollte man ein Print-Stylesheet erstellen. Dazu fügt man eine Datei mit dem Namen Print.css dem Theme hinzu und schreibt mit dem Editor in die Dstei folgenden Inhalt.
#header, #nav, #sidebar, #footer .noprint {display: none;}
#content {width: 100%; margin: 0; float: none;}a:link, a:visited {color: #000000}
Danach fügt man folgenden Code in die header.php des Themes ein, am besten nach dem Link zum normalen Stylesheet.
<link type="text/css" media="print" rel="stylesheet" href="<?php bloginfo('template_url'); ?>/print.css" />
Diese Schnipsel helfen ein paar kleine Funktionen ohne Plugins zu nutzen, weiter Schnipsel folgen bald.