DER PRiNZ by Michael Oeser » WordPress Tipps & Tricks

WordPress Adventskalender Tür 24 – Wie man ein Plugin für alle individuellen Funktionen erstellt

Michael Oeser — Sat, 24 Dec 2011 07:28:15 +0000

In einigen Artikeln des Adventskalenders sage ich, dass man die dort gezeigten Funktionen statt sie in die functions.php des aktiven Themes zu schreiben auch in ein Plugin auslagern kann. Kurz vor der Bescherung zeige ich Euch noch wie man das macht und als kleines Weihnachtsgeschenk gibt´s das Plugin mit allen Funktionen meines Adventskalenders gratis zum Download.

Wie erstellt man denn so ein Plugin?

Vermutlich stellt Ihr Euch das jetzt sehr komplex vor, aber dem ist nicht so. Im Gegenteil. Es ist sogar total einfach. Legt einen neuen Ordner an und nennt ihn z.B. “mein-plugin”. In den Ornder kommt nun eine leere Datei die Ihr “mein-plugin.php” nennt. Anschließend platziert Ihr folgenden Code in der Datei:

/*
Plugin Name: Mein Plugin
Description: Hier könnt Ihr eine Beschreibung reinschreiben.
*/
/* START – Platziert Eure individuellen Funktionen unterhalb dieser Linie */
/* ENDE – Platziert Eure individuellen Funktionen oberhalb dieser Linie */
?>

Das war´s! Wirklich! Kein Scheiß! Ihr müsst jetzt nur noch Eure Funktionen, die ihr sonst immer in die functions.php platziert habt, zwischen die beiden Kommentarzeilen setzen und fertig.

Und warum das Ganze?

Normalerweise werden solche individuellen Funktionen einfach in die functions.php des aktiven Themes geschrieben. Was passiert aber, wenn das Theme gewechselt werden soll? Eben. Alles ist weg und muss in die functions.php des neuen Themes geschafft werden. Ein Plugin ist aber themeunabhängig und die Funktionen stehen auch bei einem Wechsel sofort zur Verfügung.

Ein weiterer wichtiger Faktor ist, dass die Plugin Lösung weniger fehleranfällig ist. Wenn dort etwas schief läuft wird das Plugin in der Regel automatisch deaktiviert und zumindest der Adminbereich (oder sogar die ganze Site) bleiben erreichbar. Eine falsch eingebaute Funktion in der functions.php kann schon mal alles lahm legen.

Das Plugin zum Download

Hier könnt Ihr Euch das Plugin mit allen Funktionen des Adventskalenders downloaden. Bitte denkt daran, dass das nur ein Startpunkt ist und kein fertiges “ready to use” Plugin. Ihr werdet die Funktionen größtenteils für Eure Zwecke anpassen müssen. Es gibt auch keinen großartigen Support dafür. Alle Infos zu den Funktionen sind in den Artikeln enthalten.

Plugin downloaden.

Und nun wünsche ich frohe Weihnachten, seid lieb zueinander und feiert schön.

Quelle: wpbeginner
Bildquelle: Peter Smola / pixelio.de

WordPress Adventskalender Tür 23 – Plugins, die auf keiner WordPress Site fehlen sollten

Michael Oeser — Fri, 23 Dec 2011 07:22:41 +0000

Der Titel ist vielleicht etwas hochtrabend. Natürlich kann jeder selbst entscheiden, welche Plugins er haben will und welche nicht. Aber da ich oft gefragt werde, welche Plugins ich denn als wichtig erachte und empfehle, habe ich hier mal eine kleine Zusammenstellung gemacht.

Einen Anspruch auf Vollständigkeit erhebt die Liste ebensowenig, wie einen Anspruch darauf, dass die einzelnen Plugins immer und völlig objektiv die besten Ihres Fachs sind. Es sind einfach die Plugins, die ich für sinnvoll, wichtig und gut befinde. Total subjektiv.

Das beste SEO Plugin für WordPress. Kostet zwar ein paar Euro, ist aber jeden Cent wert – wpSEO
Plugin gegen Kommentarspam – Anti-Spam Bee
Das braucht man, wenn man (PHP) Code z.B. in Artikeln oder Widgets ausführen will – Exec PHP
Ermöglicht es, eigene Quicktags zu erstellen und zu nutzen – Add Quicktags
Kann man entweder als Baustellenseite in der Entwicklung oder bei Wartungsarbeiten nutzen – WP Maintenance Mode
Zum automatischen Generieren einer Google XML Sitemap – Google XML Sitemap Generator
Zur Optimierung von Umlauten in URLs auf Deutschen Websites – WP Permalauts extended
Speed matters. Dieses Plugin beschleunigt Eure WordPress Site dramatisch - W3Total Cache

Das sind übrigens genau die Plugins, die ich auch hier auf meiner Website verwende. Mehr brauche ich nicht. Natürlich können bei bestimmten Anforderungen eine Reihe weiterer Plugins nötig sein, aber man sollte auch von Zeit zu Zeit mal schauen, was man wirklich braucht und etwas aufräumen.

Welche Plugins verwendet Ihr so? Und warum?

WordPress Adventskalender Tür 22 – Eine Breadcrumb Navigation ohne zusätzliches Plugin

Michael Oeser — Thu, 22 Dec 2011 07:18:15 +0000

Breadcrumb-, oder auf Deutsch “Brotkrumen-” Navigationen sind hilfreich und sinnvoll. Sie werden von Menschen ebenso als Orientierungshilfe geschätzt, wie von Tante Google. Natürlich gibt es eine Menge Plugins für sowas, aber manchmal reicht eine einfache Lösung aus.

Die folgenden Codezeilen einfach in die functions.php des aktiven Themes kopieren:

function the_breadcrumb() {
echo ‘Sie sind hier: ‘;
if (!is_home()) {
echo ‘echo get_option(‘home’);
echo ‘">’;
echo ‘Home’;
echo " » ";
if (is_category() || is_single()) {
if (is_single()) {
echo the_title();
}
} elseif (is_page()) {
echo the_title();
}
elseif (is_tag()) {
single_tag_title();
}
elseif (is_day()) {
echo "Archiv für "; the_time(‘F jS, Y’);
}
elseif (is_month()) {
echo "Archiv für "; the_time(‘F, Y’);
}
elseif (is_year()) {
echo "Archiv für "; the_time(‘Y’);
}
elseif (is_author()) {
echo "Autoren Archiv";
}
elseif (isset($_GET[‘paged’]) && !empty($_GET[‘paged’])) {
echo "Blog Archiv";
}
elseif (is_search()) {
echo "Suchergebnisse";
}
elseif (is_404()) {
echo "404 Fehler";
}
}else{
echo ‘echo get_option(‘home’);
echo ‘">’;
echo ‘Home’;
echo "";
}
}

Anschließend folgenden Funktionsaufruf dorthin platzieren, wo die Breadcrumbs erscheinen sollen (oft ist die header.php ein guter Ort dafür – hängt aber sehr vom Theme ab):

if ( function_exists(‘the_breadcrumb’) ) {
the_breadcrumb();
} ?>

Wie immer kann man das natürlich jetzt noch “verfeinern” indem man das Ganze mit CSS schön styled, aber das überlasse ich Euch selbst.

Quelle: Eigene Schnipselsammlung
Bildquelle: Peter Smola / pixelio.de

WordPress Adventskalender Tür 21 – Ein 404 Fehlerbild verwenden

Michael Oeser — Wed, 21 Dec 2011 06:49:35 +0000

Der heutige Trick kommt mal wieder von den Kollegen bei WP Engineer und behandelt das Thema fehlende Bilder. Jedes gute WordPress Theme hat eine 404.php – die Fehlerseite, die angezeigt wird, wenn etwas nicht gefunden wird. Wenn jetzt aber ein fehlendes Bild aufgerufen werden soll, nützt uns diese Seite erst mal nicht viel. Wir brauchen ein 404 Fehlerbild.

Wenn also jemand, aus welchem Grund auch immer, ein Bild aufrufen will, das nicht existiert, soll der User ein Bild angezeigt bekommen, welches ihm verrät, das das von ihm gewünschte Bild nicht verfügbar ist. Langer Rede kurzer Sinn, schreiben wir also folgendes ganz an den Anfang in die 404.php Datei des aktiven Themes. Und zwar direkt VOR get_header():

if ( preg_match( ‘~\.(jpe?g|png|gif|svg|bmp)$~’, $_SERVER[‘REQUEST_URI’] ) )
{
header( ‘Content-Type: image/png’ );
locate_template( ‘img/404.png’, TRUE, TRUE );
exit;
}

Das Bild muss in den Fall im Themesverzeichnis in einem Ordner “img” liegen und “404.png” heißen. Und natürlich müsst Ihr das ggf. für Euer Theme individuell anpassen.

Quelle: Thomas Scholz auf WP Engineer
Bildquelle: Peter Smola / pixelio.de

WordPress Weihnachtskalender Tür 20 – Codeschnipsel Sammlung für WordPress: WP-Snippets

Michael Oeser — Tue, 20 Dec 2011 07:30:42 +0000

Den ganzen Dezember über habe ich hier in meinem WordPress Adventskalender mehr oder weniger sinnvolle und hilfreiche Codeschnipsel veröffentlicht. Heute stelle ich Euch eine gute Quelle für solche Codeschnipsel vor: WP-Snippets

WP-Snippets ist eine Website, deren einziger Inhalt es ist eine recht gut aufbereitete Sammlung aller möglichen Codeschnipsel (engl. “Snippets”) für WordPress zur Verfügung zu stellen. Die Snippets sind nach Bereichen geordnet und man kann auch eigene Schnipsel beisteuern. Am besten einfach mal reinschauen.

WP-Snippets Website

WordPress Adventskalender Tür 19 – Shortcodes in Widgets verwenden

Michael Oeser — Mon, 19 Dec 2011 07:43:25 +0000

Über WordPress Shortcodes, diese praktischen Helfer, habe ich ja hier im Adventskalender bereits einiges geschrieben und diverse Beispiele gezeigt. Shortcodes kann man total einfach in Seiten und Artikeln verwenden. Dummerweise geht das in Widgets nicht ohne weiteres.

Normalerweise kann man Shortcodes in WordPress (Text-)Widgets nicht verwenden. WordPress unterbindet das abenso wie die Ausführung von z.B. PHP Code. Aber zum Glück haben wir ja unsere functions.php (oder ein individuelles Site Plugin…) und dort können wir einfach diesen kleinen Schnipsel reinschreiben:

add_filter(‘widget_text’, ‘do_shortcode’);

Das ist wirklich schon alles. Ab jetzt könnt Ihr Shortcodes auch in Textwidgets verwenden.

Quelle: Eigene Schnipselsammlung
Bildquelle: Peter Smola / pixelio.de

WordPress Adventskalender Tür 18 – Ein paar Tricks rund um das Thema Datum

Michael Oeser — Sun, 18 Dec 2011 07:28:16 +0000

Es ist mal wieder Sonntag und ich erlaube mir mal wieder ein Bisschen faul zu sein und nichts neues zu schreiben, sondern auf ältere Beiträge hier im Blog zu verweisen. Ich habe mal ein Bisschen geblättert und bin dabei auf ein paar Artikel zum Thema Datum gestoßen.

Es geht um das aktuelle Datum, Aktualisierungsdatum korrektes Copyright Datum, Beiträge zu einem bestimmten Datum deaktivieren und Werbung für Besucher älterer Beiträge.

Schönen Sonntag!

WordPress Adventskalender Tür 17 – Shortcodes für Google AdSense erstellen und nutzen

Michael Oeser — Sat, 17 Dec 2011 07:38:28 +0000

Shortcodes sind eine feine Sache und oft sehr hilfreich, weil man damit problemlos innerhalb von Artikeln Code ausführen kann – beispielsweise einen Google AdSense Code. So ist man bei der Platzierung seiner Werbung völlig frei und ungebunden.

Dieser “Trick” ist sicher auch nicht neu, aber durchaus nützlich, wenn man Werbung auf der eigenen WordPres Seite platzieren will, um evtl. ein paar Euro damit zu verdienen.

Um z.B. einen Shortcode für einen klassischen Fullsize Banner (468×60 Pixel) zuerstellen, platziert man folgendes in die functions.php des aktiven Themes.

function dp_adsense_shortcode_1( ) {
$ad = ‘
’;
return $ad;
}
add_shortcode(‘adsense468′, ‘dp_adsense_shortcode_1′);

Das ist natürlich nur ein Beispielcode, den Ihr gegen Euren eigenen AdSense Code austauschen müsst. Schaut Euch einfach den AdSense Code, den Ihr ja in Eurem AdSense Konto generieren könnt an.

Wenn das erledigt ist, könnt Ihr folgenden Shortcode an beliebiger Stelle in Euren Artikeln verwenden.

[adsense468]

Wenn Ihr einen weiteren Werbeplatz benötigt (z.B. mit einer anderen Bannergröße) dann könnt Ihr den oben gezeigten Code einfach kopieren und leicht anpassen. Beispielsweise so.

function dp_adsense_shortcode_2( ) {
$ad = ‘
’;
return $ad;
}
add_shortcode(‘adsense300′, ‘dp_adsense_shortcode_2′);

Die Ausgabe erfolgt dann mittels

[adsense300]

Seht Ihr den Unterschied? Natürlich ist der eigentlche AdSense Code unterschiedlich, aber natürlich müssen auch die Funktion und der Shortcode anders lauten. Die Funktionen heißen einmal “dp_adsense_shortcode_1″ und einmal “dp_adsense_shortcode_2″ und auch die Shortcode unterscheiden sich in dem Fall durch die Angabe der Werbemittelbreite. So kann man sich recht einfach auch mehrere Shortcodes für verschiedene Bannerformate basteln.

Da gibt es sicher noch viel mehr tolle Tricks und bestimmt kann man das auch anders lösen, aber die Variante erscheint mir relativ simpel und auch für Leute, die kaum oder keine Programmiererfahrung haben einfach nachvollziehbar.

Quelle: Diverse
Bildquelle: Peter Smola / pixelio.de

WordPress Adventskalender Tür 16 – Admin Bar erweitern: Icon für den Blogtitel

Michael Oeser — Fri, 16 Dec 2011 07:56:04 +0000

Der heutige Tipp kommt vom Kollegen Sergej Müller, den man von seinem großartigen wpSEO Plugin her kennt. Es geht um die Erweiterung des Admin Bars in WordPress 3.3 um ein eigenes Icon.

Oben links direkt neben dem WordPress Logo findet sich der eingetragene Name der Website – auch Blogname genannt. Klickt man darauf, gelangt man vom Backend (dem Adminbereich) zum Frontend (der Website). Um das ein wenig schicker oder individueller zu machen kann man hier sein Favicon also Icon anzeigen lassen. Das ist eine rein kosmetische Operation, aber eine nette Idee.

Hier ist der Code, der wie so oft in die functions.php eingetragen wird…oder in ein Plug…nein, ich sag es nicht

function add_adminbar_site_icon() {
if ( !is_admin_bar_showing() ) {
return;
}

echo ‘’;
}

add_action(
‘admin_head’,
‘add_adminbar_site_icon’
);
add_action(
‘wp_head’,
‘add_adminbar_site_icon’
);

In dem Fall wird das Favicon der Website, welches sich im Hauptverzeichnis (Document Root) der Domain befindet, verwendet.

Quelle: Sergej Müller
Bildquelle: Peter Smola / pixelio.de

WordPress Adventskalender Tür 15 – Wie man die Permalink Struktur sinnvoll und gefahrlos ändert

Michael Oeser — Thu, 15 Dec 2011 07:18:23 +0000

WordPress bietet bekanntlicherweise die Möglichkeit, eine URL Struktur zu nutzen, die wirklich SEO freundlich ist und auch von “richtigen” Menschen durchaus als angenehm empfunden wird. Diese sogenannte Permalink Struktur hat verschiedene Einstellmöglichkeiten und seit WordPress 3.3 ist eine weitere wirklich tolle Variante dazugekommen.

Wenn man eine neue WordPress Installation aufsetzt schauen die URls der Artikel und Seiten in etwa so aus: http://www.der-prinz.de/?p=123. Das ist weder für Tante Google noch für Oma Erna wirklich sinnvoll und gut lesbar, also werden die meisten Ihre Permalinks nach folgendem Schema umstellen: http://www.der-prinz.de/2011/12/Beispielartikel/. Das ist viel besser. Noch besser wäre es allerding, wenn die Links nach diesem Schema umgesetzt wären: http://www.der-prinz.de/Beispielartikel/. Das ist kürzer, einprägsamer und auch Tante Google findet das irgendwie schicker.

Schicke Permalinks

Nun konnte man bereits vor WordPress 3.3 die Struktur individuell umstellen und um obiges zu erreichen musste man halt /%postname%/ als “Benutzerdefinierte Struktur” einsetzen. Das war aber bis dato keine gute Idee und WordPress.org warnte im Codex (dem großen Erlär-mir-die-WordPress-Welt Nachschlagewerk im Netz) ausdrücklich vor dieser Variante, weil sie nämlich oft zu drastischen Performanceeinbußen führte. Oder auf Deutsch: die Website wurde langsam. Das lag daran, dass WordPress beim nachschauen eines Artikels in der Datenbank sehr viel schneller war, wenn in der URL eine Zahl bzw. Nummer (z.B. eine ID oder eben Monat und Jahr) dem Postnamen vorangestellt war. Aber (Trommelwirbel) seit der Veröffentlchung von WordPress 3.3 ist damit Schluss. WordPress wurde so umgebaut, dass dieses Problem der Vergangenheit angehört. Ich hab es ausprobiert und die URLs dieser Site umgestellt. Und wirklich: Pfeilschnell…aber moment mal…

Permalinks ändern? Bist Du irre?

Da rutscht dem geneigten SEO doch gleich das Herz in die Hose. URLs umgestellt? Na prima. Das bedeutet alle alten URLs (die mit der alten Struktur) sind noch in Google und wer da draufklickt bekommt einen “404 Seite nicht gefunden” Fehler. Google tritt mir vermutlich bei so vielen 404 Seiten auch gleich in den Allerwertesten und da keine Besucher mehr kommen, habe ich ruhige Weihnachten.

Permalinks ändern ohne Probleme

Nein, das gibt keine Probleme. Wenn man es richtig macht. Es ist ganz einfach, aber verdammt wichtig, damit es eben keine Probleme gibt. Alle alten URLs müssen per sogenanntem 301 Redirect auf die jeweils neuen Seiten umgeleitet werden. Klingt nach verdammt viel Arbeit? Ist es aber nicht. Ich habe das vor längerer Zeit auf einer anderen Website schon mal gemacht. Damals verwendete ich das Plugin Deans Permalink Migration. Das wurde aber ganz entspannt 2007 zum letzten Mal aktualisiert und wer weiß, ob das noch funktioniert. Zum Glück bin ich über einen brandaktuellen Artikel von Joost de Valk gestolpert und Yoast hat ein kleines Tool geschrieben, das einem die Umstellung ganz einfach macht. Ein paar Eingaben und es generiert einem eine Zeile Code, die in die .htaccess gebaut wird. Ab besten einfach mal den Artikel von Yoast lesen.

Zusätzliche Infos

Bildquelle: Peter Smola / pixelio.de