WP Tutorial – Eigene Shortcodes für WordPress Themes
Programmierer und Webdesigner von WordPress Templates folgen momentan einem großen Trend. Die sog. Shortcodes werden immer beliebter und werden neben einigen Plugins auch gerne spezifisch ins eigene Template eingebaut, meißtens um den Workflow zu erhöhen und damit Zeit zu sparen.
Was sind WordPress Shortcodes?
Als Shortcodes werden meißt kleine Schnipsel genannt die i.d.R. im Artikeleditor mit [shortcode][/shortcode] eingebunden werden. Das können Infofelder sein, Buttons, aber auch fertige Werbeblöcke, die dann ganz einfach an der gewünschten Stelle im Artikel ausgegeben werden. Und genau dafür schreibe ich heute dieses kleine Tutorial.
Shortcode oder fest in den Code schreiben?
[adsense] [/adsense] Bei dem Fall eines fertigen Adsense Blocks bietet sich natürlich immer eine direkte Programmierung ins z.B. Artikel-Template an, das hat aber den großen Nachteil, dass die Werbung immer an der gleichen Stelle erscheint. Dies kann dann entweder vor oder nach dem Content geschehen. Leser lernen aber sehr schnell, dass dieser Block dann eine Werbung ist. Möchte man seine Anzeigen allerdings lieber an knackigen Passagen eines Artikels festmachen, könnte man entweder jedes mal den Anzeigenblock händisch einpflegen, oder einfach nur einen Shortcode einbinden, der dann automatisch an geünschter Stelle die Anzeige ausgibt.
Es muss nicht unbedingt Adsense sein, auch fertige Banner oder Bannerpools lassen sich einbinden. Nun aber zum eigentlichen “wie geht das”.
Eigenen Adsense Shortcode
Um einen Shortcode einzubinden, müssen wir zuerst die “functions.php” des Themes öffnen und an geeigneter Stelle folgenden Code einbinden:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 | <?php function adsenseblock($atts, $content = null ){ $output = '<div><script type="text/javascript"><!-- google_ad_client = "ca-pub-7232177012497729"; /* Testblock */ google_ad_slot = "6953118549"; google_ad_width = 300; google_ad_height = 250; //--> </script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script></div>'; return $output; } add_shortcode("adsense", "adsenseblock"); ?> |
Dieser Codeschnipsel setzt sich aus 2 Teilen zusammen:
1 | add_shortcode("shortcode", "shortcodefunktionsname"); |
Der Shortcode wird hinzugefügt und aktiviert die eigentliche Funktion “Shortcodefunktionsname”.
1 2 3 4 | function shortcodefunktionsname($atts, $content = null ){ $output = 'Hier kommt rein was ausgegeben werden soll'; return $output; } |
Hier steht der Inhalt, der ausgegeben werden soll wie z.B. ein Div in dem die Anzeige dann angezeigt wird.
Die Styles, wie in diesem Bsp. zum
1 | <div class="adsense"></div> |
lassen sich ganz einfach über das Stylesheet anpassen bzw schreiben. Also .adsense {…;}
Fertig. Zu guter Letzt gibt es 2 Möglichkeiten den Shortcode und damit den Anzeigeblock auszugeben:
1. Gebe im Artikeleditor den Shortcode [shortcode][/shortcode] ein. Wichtig, zwischen den beiden Schnipseln darf kein Content stehen.
2. Über die Funktion
1 | ‹?php echo do_shortcode('[shortcode]'); ?› |
lässt sich der Block auch außerhalb der Artikel im Template anzeigen.