Wordpress Erweiterung Tutorial Teil 4: Umsetzung

Amazon von FallenPegasus cc

Alle bisherigen Teile dieses Tutorials:
1. Die Idee
2. Benutzerdefinierte Felder
3. Linkgestaltung

4. Die Umsetzung - Lets rock!

Fügen wir also die die Quellcodes der letzten beiden Teile zusammen und sehen was dabei heraus kommt:

In der ersten Zeile wird der Wert des Schlüssels, welchen wir in den benutzerdefinierten Feld “affilitag” zugewiesen haben ausgelesen. Anschießend kommt eine Abfrage, ob dieser Wert über einen Inhalt verfügt. Wenn dies nicht der Fall ist, wird der restliche Code nicht verarbeitet.
Bevor der Ausgabebereich dann wieder geschlossen wird folgt der selbst gestaltete HTML-Code für den Partnerprogramm-Link.

Suchen wir nun nach einer passenden Stelle in unserem Wordpress Blog um diesen Code einzufügen.
Grundsätzlich kann man sich die Stelle an der dieser Affili-Link erscheinen soll beliebig auswählen solange er sich innerhalb des Loops befindet. In unserem Beispiel soll der Link unter dem Beitrag und vor den Kommentaren erscheinen.

In den Dateien index.php, single.php, archive.php etc. im Wordpress Template Ordner suchen wir nach folgendem Code, der abhängig vom Theme natürlich variieren kann:

Und fügen dazwischen unseren Code ein. Das sollte dann so aussehen:

Hat man nun in einem Beitrag das benutzerdefinierte Feld “affilitag” mit einem Suchbegriff angelegt sollte auf der Beitrags- oder Übersichtsseite, je nachdem in welche Template-Datei der Code eingebunden wurde, dieser Link zu sehen sein:

Bingo - und das war es auch schon.

Wie schon erwähnt lässt sich diese Funktion für viele verschiedene Features nutzen um Beitragsbasierte Informationen zu speichern und auszulesen. Auch der Gestaltung sind kaum Grenzen gesetzt, probiert es aus!

Das Script habe ich übrigens ausgelagert, damit der HTML-Code nicht in den *. php Dateien direkt enthalten ist.
Hierfür erstellte ich im Theme-Ordner des Templates einfach eine Datei mit dem Namen affilibar.php mit dem Link-Code und änderte den Code in den Dateien index.php, single.php, archive.php etc. diesen Code ein:

Den Code für die Template Datein, die affilibar.php und das Amazon-Icon könnt ihr euch in dieser Zip-Datei herunterladen:
Download: Wordpress Erweiterung Affilibar

Ich möchte zudem noch erwähnen, dass ich keinerlei Verantwortung für eventuell entstehende Schwierigkeiten im Umgang mit diesen Codes übernehme. Alles was ich euch hier erzählt ist nur meinem angelesenem Halbwissen. Die Verwendung dieser Erweiterung erfolgt auf eigene Gefahr!
Bevor ihr mit dem Einbau des Features beginnt solltet auf jeden Fall ein ein Backup der Datenbank, sowie aller Wordpress-Dateien auf dem Server erstellt werden.

Sollten Probleme bei der Umsetzung entstehen schreibt einfach ein Kommentar und ich werde versuchen zu helfen.
Falls ihr eine Idee im Zusammenhang mit dieser Erweiterung habt oder euch ein Fehler im Code aufgefallen ist lasst es mich ebenfalls wissen!

Ich wünsche auf jeden Fall viel Spaß beim ausprobieren! Vielleicht lässt sich ja der ein oder andere Cent damit verdienen

 per E-Mail versenden
del.icio.us | Mister Wong | LinkARENA | Furl it | folkd

Gefällt dir dieser Beitrag? Dann abonniere den kostenlosen rss-Feed von Kreuzberg laßt grüßen! Was ist ein rss-Feed?

Kommentare zu diesem Beitrag können mit RSS 2.0 abonniert werden. Hinterlasse ein Kommentar, oder sende einen Trackback von deiner Seite.