Kurz und bündig möchte ich euch auf mein neues kostenloses WordPress Theme “Blogger Template” aufmerksam machen. Das Blogger Template verwendet die Google Font API und ist mit seinen gerade mal 8kb Dateigröße, wirklich ein Lightweight unter den WordPress Themes. Schaut es euch einfach mal unter www.blogger-template.de an!

Ich bin auf euer Feedback gespannt

Viele Grüße, André

Der WordPressblog wpengineer.com sollte jedem WordPress Theme Entwickler ein Begriff sein – ansonsten kennt ihr ihn ja jetzt Angeregt durch einen der letzten Beiträge auf dem Blog möchte ich euch gerne eine Technik zeigen, mit der ihr deutlich flexibler eure WordPressthemes entwickeln könnt.

PHP Include bei WordPress

Viele kennen bereits das WordPress Plugin “Exec PHP“, mit dem man PHP Scripts innerhalb eines Artikel oder einer Seite laden kann. Ich persönlich nutze den PHP Include jedoch bereits viel früher, nämlich bereits in meinen Theme-Files. Der Sinn dahinter steckt darin, bestimmte Bereiche einmal programmieren zu müssen und im Anschluss diese an der benötigen Stelle im Theme wieder zu includen. Wie das ganze funktioniert, möchte ich euch hier gerne anhand meiner Kaspersky Gutschein Kategorie auf www.gutscheine-im-netz.de erklären.

Auf Gutscheine-im-Netz.de nutze ich den PHP Include dazu, die verschiedenen Boxen (z.B.: “Andere Besucher suchten nach…” oder “Ähnliche Gutscheine und Rabatte zu Kaspersky”) im Contentbereich flexibel einbinden zu können. Die Entwicklung der einzelnen Bereiche findet somit absolut unabhängig vom Rest des Themes statt und lässt mir so unbegrenzte Möglichkeiten bei der Gestaltung der verschiedenen Bereiche.

Ich habe bei mir folgenden Template-Aufbau in den Kategorien (bei mir sind Kategorien die jeweiligen Shops):

• category.php
  • <? the_title() ;?>
  • <? the_content() ;?>
  • box1.php
  • box2.php
  • box3.php
  • …

Möchte ich nun eine der verschiedenen Boxen in eines meiner Templates integrieren, muss ich lediglich mit dem folgenden PHP Befehl die jeweilige Box “includen”.

So included ihr eure PHP Dateien im WordPress Theme:

<?php include (TEMPLATEPATH . '/deine-datei.php') ;?>

Bei mir erfolgt dieser Include noch ein wenig anders, da ich auf meiner Gutschein-Seite die Boxen immer durchtausche, um ein wenig für Bewegung zu sorgen und verwende eine leicht modifizierte Art des Include:

<?
$numbers = range(1,6);
shuffle($numbers);

foreach ($numbers as $number) {
include('box'.$number.'.php');
}
?>

P.S. Auch im neuen Affiliatetheme verwende ich die Include Variante für verschiedene Boxen – und im neuen Affiliatetheme Blog werde ich in den nächsten Tagen einige Infos zum neuen Theme verraten.

Ich hoffe dieser Artikel gibt dem ein oder anderen ein paar Anreize, wie man seine Themes ein wenig flexibler & einfacher  entwickeln kann.

Dass die interne WordPress Suchfunktion nicht sehr funktionstüchtig und flexibel ist, ist leider kein Geheimnis in der WordPress Nutzer-Szene. Aus diesem Grund möchte ich dir gern eine Alternative für deinen Blog vorstellen: Die Benutzerdefinierte Suche von Google.

Benutzerdefinierte Suche von Google

Google bietet mit der Benutzerdefinierten Suche ein mächtiges Tool für die interne oder die externe Suche auf ausgewählten Domains oder einzelnen Portalen. Wie man die Suchfunktion von Google in sein WordPresstheme integriert, möchte ich dir in diesem Artikel einmal genauer vorstellen.

Um die Benutzerdefinierten Suche zu benutzen, geh bitte wie folgt vor:

1. Melde dich auf Google’s Benutzerdefinierten Suche an (Voraussetzung: Du brauchst einen Google Account. Solltest du noch keinen Google Account haben, kannst du dich hier registrieren)
2. Gib deiner Suchmaschine einen Namen und eine kurze Beschreibung
3. In dem Feld “Wo wollen Sie suchen?” wählst du “Nur von mir ausgewählte Websites” und trägst in das darunter liegende Feld deine Domain(s) ein, die durchsucht werden sollen
4. Wähle die Standard Edition (kostenlos)
5. Bestätige die Nutzungsbedingungen und klicke auf “weiter”

Hast du alles richtig gemacht, sollte dich Google auf die Übersichtsseite der Benutzerdefinierten Suche leiten.

Benutzerdefinierte Suche optimieren

Nun hast du den ersten Teil deiner Benutzerdefinierten Suche für WordPress erledigt. Im nächsten Schritt geht es darum, die Suche zu integrieren und optisch an dein WordPress Theme anzupassen. Google gibt dir dafür die Möglichkeit, im Auswahlmenü “Aussehen & Verhalten” die Linkfarben, Hintergrundfarbe, Text und Rahmenfarbe an dein WordPress Theme anzupassen.

Integration in WordPress

Wenn du mit dem Design deiner Benutzerdefinierten Suche zufrieden bist, kannst du über den Link “Code abrufen”, den Quellcode für die Integration abrufen. Dort gibt es die Möglichkeit die Suchergebnisse via Iframe, AJAX Overlay oder auf einer von Google gehosteten Seite anzeigen zu lassen. Wir entscheiden uns jedoch in diesem Beispiel für die Iframe Variante.

Dazu gibst du die URL auf deiner Website an, auf der die Suchergebnisse angezeigt werden sollen und kopierst im Anschluß die beiden Codestücke in dein Theme. Der erste Code-Teil ist dazu da, das Suchfeld anzeigen zu lassen – in meinem Theme findest du das Suchfeld im übrigen in der Sidebar. Prinzipiell ist es aber selbstverständlich dir überlassen, wo du diesen Code einbaust und verwendest.

Der zweite Code-Teil erzeugt das Iframe, in dem die Suchergebnisse abgebildet werden sollen. Dieser Code gehört auf die URL bzw. Seite, die du als Ergebnisseite definiert hast. Wenn du den Code im WYSIWYG Editor von WordPress in deine Seite kopierst, denke bitte daran, vorher in die HTML Ansicht zu schalten, da dein Editor ansonsten das Javascript und HTML nicht als Code einbindet.

Wenn du beide Code-Teile richtig integriert hast, sollte deine Suche bereits funktionieren. Probier es einfach mal aus!

P.S. Unter dem Punkt “Verdienen Sie Geld”, kannst du dein Adsense-Konto mit der Suche verbinden lassen. Sollte ein User nun nach einer Suche auf eine Werbeanzeige klicken, verdienst du automatisch mit jedem Klick.

Deine Erfahrungen mit der Benutzerdefinierten Suche

Hast du auch Erfahrungen mit der Benutzerdefinierten Suche oder verwendest du sie bereits in einer anderen Form? Dann würde ich mich über einen Kommentar mit Tipps und Erfahrungen sehr freuen.

Affiliatetheme – so ist der Stand!

Die Arbeit am Theme läuft seit heute auf Hochtouren, da ich die Entwurfsphase mit dem letzten Screen von gestern Mittag beendet habe. Es wurde langsam Zeit, dass was bislang nur zu sehen war, endlich mit Leben zu befüllen

Milestones

• HTML & CSS vom Theme: 80% abgeschlossen
• Optionspage für das Backend: 70% abgeschlossen
• Customfields für Keywords etc.: 0% abgeschlossen

Mein Ziel war es von Anfang an, ein Theme zu erstellen was jeder mit wenigen Mausklicks an seine Bedürfnisse anpassen kann, sofern es diesen nicht eh schon entspricht. Individuelle Werbemittel sollten je nach Artikel passend eingebunden werden können, ohne das der Benutzer HTML Kenntnisse benötigt.

Da nicht jeder immer andere Werbebanner einblenden möchte, darf es an einer internen Optionsseite für das WordPress-Backend nicht fehlen. Hier kann der Benutzer seine Standardwerbemittel definieren, die dann bei Bedarf durch die individuellen Werbemittel ersetzt werden.

Die Werbeflächen sind im Theme bereits fest positioniert und werden anschließend von zwei Sidebars umschlossen.

Ausserdem hat man die Möglichkeit in jedem Artikel oder einer Seite, die Ausrichtung der Sidebar zu verändern. Hier gibt es zum Beispiel die Möglichkeit, die Sidebar von rechts nach links oder komplett auszublenden.

Affiliatetheme kostenlos?

Leider nein. Es wird zwei verschiedene Lizenzen geben. Für alle die denen der Link zu mir egal ist (wird sich im Footer befinden), können das Theme für 5 € kaufen. Der normale Preis ohne Link im Footer wird bei 20 € liegen. Diese Preise verstehen sich inkl. 19% MwSt. und einer ordnungsgemäßen Rechnung.

Ihr könnt das Theme, egal für welche Lizenz ihr euch entscheidet, auf x-beliebig vielen Domains verwenden. Der Grund weshalb ich dieses Theme nicht ganz kostenlos anbieten möchte liegt einfach darin, dass in solch einem Theme wirklich viel Arbeit steckt und ich meine Arbeitszeit irgendwie refinanzieren muss – schließlich lebe ich davon.

Der Download erfolgt dann direkt über den Theme-Shop, den ich hoffentlich nächste Woche online habe.

Affiliate Theme für WordPress

Klicke auf das Bild um es zu vergrößern!

Ihr findet in dem Entwurf einige neue Dinge:

• Sidebar wurde auf 300 Pixel erweitert (innere Breite für 300er Banner)
• Keywords (ganz oben und unten links) können per Customfields hinzugefügt werden
• “Aktuelles zu” HAUPTKEYWORD wurde in der Sidebar hinzugefügt. Hier filtert das Theme automatisch nach dem Hauptkeyword (durch  Customfield manuell einstellbar) und gibt die passenden Artikel aus den News aus
• Listenelemente wurden designed

Rene vom Tradesblog war so nett und hat mir aufgrund des zweiten Entwurfs, mal eine Möglichkeit gezeigt, wie man noch weitere Werbung in das Menü integrieren könnte. Dieser Link, könnte auch via Customfield erzeugt werden und je nach Thema mit Werbung bestückt werden. Was haltet ihr von der Idee? Allgemeine Frage: Sollten Google Adsense in dem nächsten Entwurf stärker bzw. überhaupt mit einbezogen werden? Ich bin auf dein Feedback gespannt!

Klicke auf das Bild um es zu vergrößern!

WordPress Theme für Affiliates

Um dieses Ziel mit dem maximum an Qualität erreichen zu können, brauche ich dein Feedback! Schreibe mir deine Wünsche und Anforderungen an ein WordPress Theme, um ein Theme gestalten zu können was für jeden Affiliate eine hohe Conversation erzielen kann.

Einen ersten Entwurf meines WordPress Themes könnt ihr hier sehen:

Klicke hier für eine Vollansicht

Ich dachte mir, das es sinnvoll ist die “Seiten” in der Navigation unter dem Menü anzuzeigen – unten im Footer sind dann die “Seiten” hinterlegt, die aus rechtlicher Sicht vorhanden sein müssen. In der Sidebar ist Platz für die Subkategorien bzw. Unterseiten und der Werbung.

Vielleicht hast du ja noch weitere Ideen, was wir unterbringen sollten, um ein wirklich anständiges Affiliatetheme entwickeln zu können.

And the winner is…

Mit einem kurzen Gruß an random.org, freue ich mich für @Lehmanns im Januar ein neues Webdesign entwickeln zu dürfen. Du hast die Wahl zwischen einem komplett neuen Projekt, einem Relaunch deiner bestehenden Seite oder sonst irgendeiner Aktion die du mit dem Thema Webdesign verbindest – in deinem Fall könnten wir aber auch eine Onpage Optimierung eurer Website durchführen – da gibt es einiges zu tun und ist in 10 Stunden zu schaffen

Für alle die nicht gewonnen haben, werde ich in der ersten Januar-Woche ein weiteres Freebie veröffentlichen – diesmal wird es ein Theme für das beliebte CMS WordPress sein – ein Besuch auf meinem Blog lohnt sich also nachhaltig

Am besten du abonnierst dir gleich mal meinen RSS Feed, dann verpasst du garantiert keines meiner Freebies oder anderen Aktionen.

Viele Grüße, einen guten Rutsch ins Jahr 2010 wünscht euch André

Shortcodes für Werbebanner

Ziel ist es, die functions.php so zu erweitern, das wir dort eine Sammlung an Shortcodes finden, mit denen wir bestimmte Elemente, wie zum Beispiel Adsense, Werbebanner, Bookmark-Dienste etc. in unsere Artikel einpflegen können.

In meinem Beispiel möchte ich gern zeigen, wie ich mir meine Werbebanner nach Kategorien aufsplitte und dann je nach bedarf einfach aus der functions.php meines Templates herausziehe. Der Vorteil: Wir haben ähnlich wie bei den Plugins, nur eine Schnittstelle in der wir die Änderungen machen müssen, um zum Beispiel einen Banner oder Link in sämtlichen Artiklen austauschen zu können.

Um zum Beispiel einen Banner zum Thema Webhosting in jeden x-beliebigen Artikel integrieren zu können binde ich folgenden Code in die  functions.php meines aktiviertem Theme (WICHTIG:  Solltest du einmal das Theme tauschen, musst du diesen Code auch in die neue functions.php des neuen Themes kopieren)

function hosting(){
	return '<a href="http://www1.belboon.de/adtracking/028a9f07b94101331d0031fc.html" target="_blank"><img src="http://www1.belboon.de/adtracking/028a9f07b94101331d0031fc.img" border="0" width="234" height="60" alt="" /></a>';
}
add_shortcode('bannercode','hosting');

Um nun den Banner in meinen Artikel einbinden zu können, brauche ich lediglich folgenden Short-Code (im HTML Modus des Editors)  in meinen WordPress-Artikel oder Seite einfügen:

[bannercode]

Das Resultat ist dann wie gewünscht der Hostingbanner von 1blu:

[hostingbanner]

Konnte ich dir helfen? Dann sag’s weiter!

Ich hoffe dir mit diesem Artikel ein wenig etwas von den Möglichkeiten der functions.php gezeigt zu haben und würde mich freuen wenn du diesen Artikel zum einen weitersagst (Twitter, Facebook etc.) oder ihn dir einfach in deine Bookmarkliste von Delicious, Mister Wong etc. abspeicherst.

Foto by davestfu @flickr.com

Zum Download bitte hier klicken

P.S.: Freue mich über jeden der etwas über das Plugin schreibt! Schließlich sind wir doch alle ein bisschen Open-Source

WordPress macht schlichtweg faul. Das sage ich aus diesem Grunde, weil man schnell alles mögliche an Funktionen erhalten kann, wenn man ein Plugin aktiviert und nutzt. Die Möglichkeit eine Breadcrumb in WordPress zu integrieren hatte ich gestern ja schon vorgestellt. Wer es nicht gelesen hat – hier ist der Link zum Artikel:

http://blog.pixeldreher.net/allgemein/wordpress-breadcrumb-ohne-plugin

Wenn wir nun Gravatare in unserem WordPress Blog verwenden möchten, haben wir zwei Möglichkeiten:

1. Eine Zeile PHP Code im WP Theme
2. Gravatar Plugin (aber das wollen wir ja gerade nicht)

Da wir Punkt 2 ja nicht in Betracht ziehen wollen und dazu auch keine Anleitung nötig ist, möchte ich nun auf die Inplementierung vom Code kommen, den wir in der comment.php Datei einfach nur an der Stelle einbinden brauchen, wo der/das Gravatar sichtbar sein soll.

Gravatar durch PHP Code

Folgender Code bietet euch ab der Version Worpdress 2.5 die Möglichkeit ein Gravatar in eurem Blog zu veröffentlichen:

<?php echo get_avatar( $comment, 80 ); ?>

Wer nun noch seinen Blog auf der veralteten WordPress Version unterhalb der 2.5 Grenze laufen lässt, dem rate ich seinen Blog upzudaten (schreckliches Wort), da WordPress einiges an Sicherheitslücken in den späteren Releases geschlossen hat oder einfach diesem Link zu folgen, dort gibt es die Beschreibung für alle, die noch auf dem alten System “fahren”:

http://codex.wordpress.org/Using_Gravatars