Home Tutorials >> Wie erstelle ich WordPress Shortcodes und warum brauche ich sie?

Wie erstelle ich WordPress Shortcodes und warum brauche ich sie?

12. März 2011

Wordpress ShortcodesWenn man Inhalte für einen Blog verfasst, besteht die Chance, dass man wieder und wieder den gleichen HTML oder CSS Code benötigt, um spezielle Funktionen einbauen zu können.

Das Problem ist, das bei ständigen Wiederholungen von Codes in den Artikeln ein Fehler sehr schnell auftreten kann. Eingeschlichene Fehler sind später schwer zu finden. Wie kann man das aber vermeiden?

WordPress bietet ein Feature genannt Shortcodes, und wenn man diese einbaut, kann man die gleichen Codeschnipsel wieder und wieder nutzen, während man gleichzeitig die Chance einen Fehler einzubauen minimiert. Der beste Teil daran ist aber, dass WordPress Shortcodes auch wunderbar im Thesis Theme funktionieren.

Was sind WordPress Shortcodes?

Shortcodes sind kurze Stücke Code, die man überall im Text einbauen kann. Als Beispiel könnte man einen Adsense Shortcode einbauen oder um das Layout eines Artikels dreispaltig zu gestalten.

Wie sehen Shortcodes aus?

Ein Shortcode ist ein kurzer beschreibender Text in eckigen Klammern, als Beispiel:

[adsense]

– könnte man so direkt in einen Artikel einbauen um einen Adsense Block anzeigen zu lassen. Die Frage ist, wie uns das Zeit und Arbeit sparen kann. Als Beispiel hier mal eine Adsense Anzeige, die man per Shortcode einbauen kann.

Hier müsste man im normalfall erst ein Div Tag erstellen, dass die Anzeige in der Mitte ausrichtet und dann noch den Adsense Code in das Div kopieren. Kurz drüber nachgedacht, dauert das einfach zu lange. Vor allem wenn man das bei vielen Posts machen muss.

Um mir die Arbeit zu sparen, habe ich mir einen Shortcode erstellt, der eben dieses DIV erstellt und den Google Anzeigenblock bereits enthält. So sieht er aus:

[Adsense]

Mehr Code muss ich nicht eingeben um die Adsense Anzeige einzubauen.

Wie man einen WordPress Shortcode erstellt

Da ich das Thesis Theme nutze habe ich meine Shortcodes auch in die Datei dieses Themes eingebaut. Analog funktioniert das aber auch in WordPress. Man öffnet eine Datei, die functions.php (Thesis Theme custom_functions.php). Folgenden Code kopiert man nun in die functions.php – analog in die cutsom_functions.php:

function adsense_shortcode( $atts ) {
extract(shortcode_atts(array(
'format' => '1',
), $atts));
switch ($format) {
case 1 :
$ad = '<script type="text/javascript"><!–
google_ad_client = "pub-0000000000";
/* 336×280 Some Ad */
google_ad_slot = "80000000";
google_ad_width = 336;
google_ad_height = 280;
//–>
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>';
break;
}
return $ad;
}
add_shortcode('adsense', 'adsense_shortcode');

Das ist also nicht wirklich schwierig. Jetzt speichert man die die Datei und fertig. Der Shortcode ist fertig und kann fortan genutzt werden.

WordPress Shortcodes nutzen

Wenn man nun den Adsense Shortcode nutzen möchte, dann kann man ganz einfach im neuen Artikel oder in der neuen Seite den Shortcode [Adsense] einfügen und die Anzeige wird dargestellt.

Erstellung von WordPress Shortcodes – Video

Ein sehr schönes Video zur Erstellung von WordPress Shortcodes habe ich bei Youtube gefunden. Ausführlich und genau. Mehr hätte ich gar nicht schreiben müssen.

Fazit:
Wordpress Shortcodes sparen nicht nur eine Menge Zeit, wenn man bestimmte Dinge im Artikel oder in den Seiten oft wiederholt. Ein sehr schönes Beispiel ist das „more“ Tag, das tag täglich in tausenden Artikeln und Blogs genutzt wird. Wenn man also zum Beispiel viele Downloads anbietet, kann man sehr schön einen Downloadbutton per Shortcode einfügen ohne immer Bildchen und Link angeben zu müssen. Schlussendlich bieten Shortcodes eine sehr nützliche Funktion und sparen eine Menge Arbeit und Zeit.

Deine Meinung zu den WordPress Shortcodes?

Nutzt Du WordPress Shortcodes und wenn ja, wofür? Schreib mir Deine Meinung!

Gefällt Dir was Du gelesen hast? Dann teile es mit Deinen Freunden!


Bleib in Verbindung via...

RSS abonnieren Facebook Fan werden Follow Me

{ 2 comments… read them below or add one }

1 Joachim April 23, 2011 um 14:05

Hallo Sascha,

ich hoffe, du kennst mich noch. *g*
Ich bin gerade dabei, meinen privaten Blog nach rund 1 1/2 Jahren Pause wieder zu eröffnen. Ich habe nun ein gänzlich neues Design und möchte diesmal auch ein ganz wenig Google AdSense in meinen Artikeln einsetzen. Zufällig bin ich gestern über Google auf deine Seite gekommen, nachdem ich dort nach Möglichkeiten gesucht habe, das Ganze auch ohne Plug-ins realisieren zu können.

Lange Rede kurzer Sinn: Das mit den “Shortcodes” für WP war mir bis gestern nicht bekannt und konnte es bei mir auf dem Blog erfolgreich umsetzen. Vielen Dank für diesen Artikel!

Viele Grüße,
Joachim Nadolny

2 Sascha April 23, 2011 um 15:19

Hi Joachim
na klar kenn ich Dich noch :-) Hab mich schon oft gefragt was du wohl so tust. Schön wenn Du wieder bloggen möchtest. Hab ja auch oft von vorne angefangen :-)

Freu mich bald wieder von Dir zu lesen.

GLG Sascha

Leave a Comment

Hinweis: Nur echte Namen verwenden | Keine Verweise auf Unterseiten! Ich lösche solche Kommentare!

{ 2 trackbacks }

Previous post:

Next post:

Letzte Artikel

Warum dieser Blog?

  • Geld verdienen im Internet

    ist der Traum vieler. BlogVerdiener beschäftigt sich mit den Möglichkeiten und vor allem mit den einzelnen Anbietern, die das Geld verdienen im Internet möglich machen. Dabei werden die Anbieter vorgestellt und in gewissen Zeiträumen immer wieder getestet. Das Hauptaugenmerk liegt dabei auf Seriosität. Betreffend der Auszahlungen, aber auch den Support. BlogVerdiener propagiert nicht den schnellen Reichtum im Internet, sondern soll aufzeigen, wie durch Arbeit im Netz Geld verdient wird. Ob als Texter, über Social Media Profile bis hin zu Youtube Videos, hier steht alles auf dem Prüfstand.

    Zusätzlich veröffentliche ich regelmäßig Tutorials, die zeigen sollen, wie man die Anbieter zum Geld verdienen benutzt. Auch ist mir wichtig den Verdienst immer weiter zu steigern. Jeder getestete und hier eingesetzte Anbieter soll monatlich die Auszahlungsgrenze überschreiten. Das Ziel ist es sich ein Online Einkommen aufzubauen, dass so groß ist, und so dauerhaft ist, dass ich mir keine Sorgen um meine Rente machen muss und sogar bereits mit 40 Jahren meinen Antrag stellen kann.

    Geld verdienen im Internet – Mit Arbeit und viel Lernen verbunden, ist es doch eine Beschäftigung die Spaß macht, gleichgesinnte vernetzt und tolle Partnerschaften ermöglicht.

    Ursprünglich war BlogVerdiener ein Hobby. Ich wollte mich mit der Möglichkeit beschäftigen „Geld im Internet“ zu verdienen. Daraus ist aber so viel geworden, dass ich es irgendwann aufschreiben musste und wollte. Zunächst bin ich auf einem anderen Blog gestartet, der aber BlogVerdiener weichen musste.

    Das Geld verdienen im Internet ist eine sehr spannende Sache, die sich ständig entwickelt. Neue Anbieter kommen hinzu, alte verschwinden. Es gibt diverse Themengebiete, in denen man sich selber entwickeln und lernen kann. Das ist der Punkt, der auf mich eine so unglaublich große Faszination ausübt. Und nicht zuletzt natürlich mein stetig wachsender Kontostand.

    Es macht Spaß Anbieter zu testen und dann für den eigenen Blog die Optimierungsarbeit zu leisten. So kann ich lernen, ausprobieren und nebenbei noch Geld verdienen. Dieser Gedanke ist irgendwann aber zu Ende gewesen.

    Jetzt ist das Hauptziel von BlogVerdiener das Geld verdienen im Internet reproduzierbar zu machen, so dass es für jeden funktioniert. Der Aufwand soll minimiert werden und das Ergebnis stetig verbessert.

Highlights

  • Geld verdienen im Internet mit Beispielen zu Belegen gehört sicherlich zu den Highlights hier im Blog. Hin und wieder starte ich 30 Tage Tests, in denen mehrere Anbieter der gleichen Branche gegeneinander antreten müssen. So zum Beispiel Februar 2013. Für diesen Monat gibt es die Mini Verdienst Challenge, in der ich diverse Anbieter, mit denen auf Facebook Geld verdienen möglich ist, gegeneinander antreten ließ. Das Ergebnis ist eine Seite hier im Blog, die alle Details haarklein auflistet und einige Anbieter für jedermann empfiehlt.

    So kann sich auch die Hausfrau einen netten Nebenverdienst aufbauen, ohne vorher teure Produkte zu kaufen oder anders auf die Nase zu fallen.

    Ein weiteres Highlight sind sicherlich die Empfehlungen der getesteten Fachbücher. Geballtes Wissen für angehende Blogger und Webmaster. Hier stecke ich viel Arbeit und Mühe hinein.

    Das dritte erwähnenswerte Highlight sind Tutorials, in denen ich mich mit dem Thesis Theme, CSS3, HTML5 und Wordpress auseinander setze. Hier kann vieles für andere Blogs adaptiert werden.

50 Suchanfragen

Kontakt