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

Um unsere die neue Breadcrumb-Funktion in unserer Wordpress Theme zu inplementieren gehen wir wie folgt vor:

1. Function.php modifizieren

Wir gehen in das Verzeichnis von unserem verwendetem Theme (…/wp-content/themes/THEME-NAME) und öffnen dort die function.php. Um jetzt dort eine neue Funktion für unser Theme zu integrieren müssen wir einfach nur folgenden Code in die Datei kopieren:

function the_breadcrumb() {
	if (!is_home()) {
		echo '<a href="';
		echo get_option('home');
		echo '">';
		bloginfo('name');
		echo "</a> » ";
		if (is_category() || is_single()) {
			the_category('title_li=');
			if (is_single()) {
				echo " » ";
				the_title();
			}
		} elseif (is_page()) {
			echo the_title();
		}
	}
}

2. Einbindung der Breadcrumb

Wenn wir nun unsere neue Funktion im Theme aufrufen möchten, müssen wir lediglich folgenden Code an eine beliebige Stelle im Theme (single.php, archiv.php etc.) kopieren:

<?php the_breadcrumb(); ?>

Wenn wir nun im Frontend unserer Website nachsehen, wird an der gewünschten Stelle die Breadcrumb erscheinen und wir können mit dem Layout unserer Breadcrumb beginnen.

Der orginal Artikel stammt von “Cats who Code” und ist hier zu lesen:
http://www.catswhocode.com/blog/how-to-breadcrumb-function-for-wordpress

WTF ist eine Breadcrumb?

Was genau ist eigentlich eine Breadcrumb, Brotkrumen-Pfad oder Hänsel und Gretel Navigation? (hat noch jemand eine der vielen Definitionen? Dann bitte ein Kommentar dazu)

Wikipedia definitiert eine Breadcrumb folgendermaßen:

Bei breadcrumbs handelt es sich um Navigationselemente, die den Pfad zum aktuellen Element (Webseiten, Kategorie in Katalog, usw.) zeigen. Brotkrumennavigationen sollen die Orientierung innerhalb tief verzweigter Elementbäume (etwa Websites, Dateisystem, Katalogen usw.) verbessern, indem sie Links zu vorher besuchten, übergeordneten oder themenverwandten Elementen anbieten.

Um eine einfach Installation von Wordpress zu gewährleisten, muss ausser einem “guten” Webhoster bzw. Webhosting-Pakets (Webhosting Preisvergleich) nicht viel vorhanden sein. Die deutsche Installationsroutine ermöglicht es auch absoluten Neulingen, Wordpress auf einfache Weise zu installieren.

Gerade zu Beginn gibt es oft viele Fragen, auch im Bezug auf Wordress Plugins, die sich jeder Newbie fragen muss bzw. stellen wird.

1. Was will ich mit meinem Blog erreichen?
2. Wo will ich mit meinem Blog stehen?
3. Wie ermögliche ich Punkt 2?

Gerade Punkt 2 stellt viele Wordpress-Frischlinge vor ein Rätsel und aus diesem Grunde, möchte ich hier mal eine kleine Auflisting von Plugins veröffentlichen, die den Einstieg in Wordpress erleichtern sollen und “schnell” den ein oder anderen Erfolg sichern werden.

SEO Plugins für Wordpress

An erster Stelle sei hier natürlich das SEO Plugin schlechthin erwähnt. WPSEO von Sergej Müller besitzt zig Möglichkeiten diverse Einstellungen für Wordpress vorzunehmen und bei Google gut zu landen. Auch an alle SEO Newbies hat Sergej gedacht und bietet jedem Käufer eine kostenlose XML Datei an, in der viele wichtige Einstellungen für Wordpress schon vorgenommen sind.

Alternativ gibt es noch das “All-in-One-SEO” Plugin von Michael Torbert, was im Gegensatz zu WPSEO, kostenlos heruntergeladen werden kann. All-in-One-SEO hat jedoch einige Einstellungsmöglichkeiten weniger und ist für mich persönlich nicht ausreichend – diesbezüglich kann ich zu diesem Plugin auch keine Einschätzung vornehmen.

Vermarktung von Artikeln

Zu einem guten Blog gehört neben der Onpageoptimierung natürlich auch eine gute Onlinevermarktung der jeweiligen Artikel, die man mit Wordpress anlegen kann. Zu diesem Zweck benutze ich das Sociable Plugin, welches die üblichen Social-Media-Anbieter per Icon, automatisch an die gewünschte Stelle des Artikels setzt und verlinkt.

Sitemaps für die Google Webmastertools

Um bei einer ständig wachsenden Anzahl an Artikeln nicht den Überblick in meinen Sitemaps zu verlieren, nutze ich das Google XML Sitemaps Plugin. Dieses Plugin erstellt automatisch die für Google so wichtigen Sitemaps im .xml und .xml.gz Format. Nach der erstmaligen Erstellung brauche ich diese nur noch über die Google Webmastertools bei Google einzureichen und schon nimmt Google meine neuen Artikel schneller in seinem Index auf.

Keine Umlaute fuer freundliche URLs

Ein etwas älteres Plugin für Wordpress ist das German Permalinks Plugin. Mit diesem Plugin habe ich die Möglichkeit die Umlaute in meinen Titeln automatisch ändern zu lassen – oder soll ich besser aendern schreiben!?

Die Möglichkeit die Umlaute per Hack im PHP Code von Wordpress zu verändern gibt es auch! Ein Tutorial, wie ihr diesen Hack ausführen könnt findet ihr hier: http://www.code-styling.de/deutsch/permalinks-mit-umlauten-ohne-o42-clean-umlauts

Hier gehts direkt zu den Plugins und deren Autor:

• WPSEO von Sergej Müller
• All-in-One-SEO von Michael Torbert
• Sociable von Yoast
• Google XML Sitemaps von Arne Brachhold
• German Permalinks von Michael Renzmann

In dem nächsten Teil dieser kleinen Wordpress Plugin Serie werde ich mich über Performance und Ladezeiten von Wordpress kümmern. Ich würde mich freuen wenn diese Auflistung von Plugins durch viele interessante Kommentare erweitert wird, um hier kein wichtiges Plugin unter den Tisch fallen zu lassen.