michaeloeser

Offiziellen Twitter Button in WordPress Seiten einfügen

Michael Oeser — Wed, 18 Aug 2010 08:48:42 +0000

Vor kurzem hat Twitter ja seinen offiziellen “Tweet” Button vorgestellt. Buttons, um Blogartikel mittels Twitter einer breiten Öffentlichkeit zu präsentieren, gibt es bereits viele und ebensoviele Möglichkeiten, diese in Seiten zu integrieren. Aber dieser “Tweet” Button ist nun mal der offiziell von Twitter bereitgestellte. Hier zeige ich kurz, wie man den Button integrieren kann und damit eine weitere Möglichkeit der Interaktivität auf seiner Seite schafft.

Die offizielle Variante

Die offizielle Variante, den Button einzubinden findet man natürlich bei Twitter selbst. Hierbei gibt es ein paar Einstellungsmöglichkeiten (z.B. mit und ohne Counter), danach wird der Code kopiert und in das WordPress Theme an der Stelle platziert, wo er später im Text erscheien soll. Recht einfach, aber man muss eben ein Stück Code im Template platzieren.

Integration per Plugin

Natürlich gibt es bereits eine ganze Menge Plugins für den Zweck. Ich habe mich für das Plugin “WP-Tweet-Button” entschieden. Das ist sehr simpel, liefert aber alles, was nötig ist. Auch hier kann man natürlich die gleichen Einstellungen machen, wie bei Twitter selbst. Zusätzlich kann man aber noch die Sprache wählen, Formatierungen (CSS) vornehmen, festlegen, ob der Button auch auf Seiten und dem RSS Feed erscheinen soll und einen eigenen ULR Shortener definieren. Die Installation hat knapp drei Minuten gedauert und liefert ein sauberes Ergebnis. Schön ist auch, dass man den Button pro Beitrag deaktivieren kann. Dazu gibt es im Bereich “Neuer Artikel” eine zusätzliche Metabox rechts oben. Hier kann man auch noch einen zusätzlichen Text eingeben und den Benutzernamen eines anderen Twitter Users eingeben, der evtl. für den Inhalt eines Artikels zuständig ist (Stichwort: Re-Tweet).

Fazit

Der Tweet Button ist vermutlich ebenso sinnvoll oder sinnlos, wie der Facebook “Like” Button. Dem einen wird es was bringen, dem anderen nicht. Ich bin der Meinung, man muss nicht auf jeden Zug aufspringen, aber das ist jedem selbst überlassen. Die Integration dieses Buttons ist jedenfalls einfach, schnell und sauber. Und schaden wird er sicher nicht.

Gewinnspiel: Nur noch wenige Tage Zeit

Michael Oeser — Wed, 11 Aug 2010 11:53:32 +0000

In vier Tagen läuft das Gewinnspiel, bei dem ich ein Exemplar von Vladimir Simovics Buch “Werkzeuge fürs Web” im Wert von 29,- EUR verlose, aus.

Also noch schnell kommentieren und gewinnen.

Neues WordPress Theme: Meinung sagen und Buch gewinnen

Michael Oeser — Wed, 21 Jul 2010 14:06:38 +0000

Vor kurzem habe ich mein neues WordPress Theme “SpiegelMagazine” veröffentlicht. Das Theme bildet den Abschluss meiner “Jazz-Musiker-Trilogie” und wurde nach dem Gitaristen Russ Spiegel benannt. Das Feedback meiner User ist mir sehr wichtig und deshalb seid Ihr mal wieder aufgefordert hemmungslos Eure Meinung zu sagen.

Theme anschauen, testen, beurteilen, kommentieren

Besucht einfach die Themepage und schaut Euch die Demo an. Anschließend kommt Ihr hierher zurück und schreibt Eure Meinung, Kritik, Anregung in einen Kommentar. Ich freue mich über positive Kommentare ebenso wie über konstruktive Kritik – die hilft nämlich beim Besserwerden.

Wie funktioniert es genau?

Ein Kommentar sollte aus mindestens Zwei vollständigen Sätzen bestehen, eine maximale Länge gibt es nicht. Kommentare wie “Super”, “Tolles Theme” oder “Bullshit” werden von mir in dem Zusammenhang ignoriert bzw. nicht freigeschaltet. Das soll keine Zensur sein, nur sind solche Kommentare recht überfüssig und an der Stelle einfach nicht sinnvoll.

Was gibt es zu Gewinnen?

Unter allen Kommentaren verlose ich ein Exemplar von Vladimir Simovics Buch “Werkzeuge fürs Web” im Wert von 29,- EUR. Der Autor, bekannt als “Perun“, schreibt über sein Buch:

In diesem Buch haben wir 70 Nützliche Tools für Webworker (Webdesigner, Webentwickler, Blogger und Online-Redakteure) ausführlich beschrieben. Dabei handelt es sich ausschließlich um Werkzeuge, die wir immer noch nutzen bzw. früher sehr intensiv genutzt haben. Damit beantwortet sich die Frage “warum wurde das Tool XYZ nicht beschrieben” automatisch.

Und bei Amazon gibt es folgende Produktbeschreibung:

Die Idee von Werkzeuge fürs Web ist so einfach und gleichzeitig so gut, dass man sich fragt, warum nicht schon früher jemand drauf gekommen ist: Eine Sammlung der Wichtigsten und Besten und vor allem zeitlosen Werkzeuge für Webdesigner, Webentwickler, Blogger und Online-Redakteure – zusammengestellt von erfahrenen digitalen Arbeitern (Vladimir Simovic, Thordis Bonfranchi-Simovic) – die einzelnen Werkzeuge vorstellen und ihren Nutzen sowie Einsatz erklären. Gewürzt wird das Ganze noch von kurzen Interviews mit anderen Web-Profis, die ihre Arbeit und die von ihnen als unverzichtbar empfundenen Werkzeuge und Quellen.

Also ran an den Speck und fleißig kommentieren. Der Gewinner (oder die Gewinnerin, um politisch korrekt zu bleiben) wird nach dem 15. August 2010 von mir per Los ermittelt. Der Rechtsweg ist natürlich ausgeschlossen. Berücksichtigt werden alle den oben genanten Regeln entsprechenden Kommentare in diesem Artikel (also nicht irgendwo anders), die bis zum 15.08.2010 eingegangen sind. Da die Kommentare moderiert werden, kann es sein, dass einzelne Kommentare zeitverzögert erscheinen. Das hat aber keinen Einfluss auf die Teilnahme. Es gilt das Erstellungsdatum des Kommentars.

Intermezzo – Musik ist Leben

Michael Oeser — Tue, 13 Jul 2010 06:30:51 +0000

Die Realisierung dieser Website ist ein sehr gutes Beispiel für die Berechtigung guter Premium Themes. Nur mit einer soliden Grundlage, wie dem Genesis Theme-Framework von Studiopress war es möglich, die Website des musikalischen Multitalents Holger Fischbuch in nur vier (4!!!) Stunden ins Netz zu bringen.

Holger ist ein Freund von mir und so haben wir uns an einem Wochenende zusammengesetzt und wollten eigentlich erst mal nur Grundlagen für die neue Website besprechen. Schnell wurde deutlich, dass Holger sehr klare Vorstellungen hatte und mir sofort ein Layout für die Seite vorschwebte. Mit dem “Agency” Childtheme für das Genesis Themeframework einigten wir uns sofort auf eine perfekte Basis. Es wurden einige individuelle Änderungen vorgenommen und die Inhalte eingepflegt.

Knapp vier Stunden später stellten wir die Website online. Die Inhalte beschränken sich ganz bewusst auf die notwendigsten Informationen, die kurz und knapp dargestellt werden und sich dem User sofort erschließen. Aktuelle Informationen, Terminkalender, Hörproben. Auf jeglichen Schnickschnack wurde verzichtet, aber natürlich steht die Präsenz noch am Anfang und wird wachsen. Dabei bietet sowohl die Technik also auch das Design der Seiten ausreichend Spielraum für eine wachsende Fülle an Informationen und steigende Anforderungen.

Auf jeden Fall ein interessantes “Experiment” das zeigt, dass man auch mit verhältnismäßig geringem Aufwand und in sehr kurzer Zeit technisch einwandfreie, optisch und inhaltlich ansprechende Websites erstellen kann.

Zur Website

Automatische Codeformatierungen in WordPress entfernen

Michael Oeser — Mon, 05 Jul 2010 08:32:27 +0000

Manchmal ist es erforderlich, Codebeispiele direkt in einem Artikel anzuzeigen, so wie ich es auch hier in diesem Beitrag mache. Die automatische Codeformatierung von WordPress ist dabei nicht immer hilfreich und so will man diese evtl. deaktivieren.

Natürlich gibt es auch für die Darstellung von Code eine Menge Plugins (auch ich benutze eins), aber manchmal will man eben auch mal ohne Plugin auskommen. Beim stöbern im Netz bin ich auf folgende Lösung gestoßen.

Im Prinzip schreiben wir nur folgende kleine Funktion in die functions.php und schaffen uns somit einen neuen Shortcode für die Ausgabe von unformatierten Codezeilen.

function my_codeformat($content) {
$new_content = ”;
$pattern_full = ‘{(\[raw\].*?\[/raw\])}is’;
$pattern_contents = ‘{\[raw\](.*?)\[/raw\]}is’;
$pieces = preg_split($pattern_full, $content, -1, PREG_SPLIT_DELIM_CAPTURE);

foreach ($pieces as $piece) {
   if (preg_match($pattern_contents, $piece, $matches)) {
      $new_content .= $matches[1];
   } else {
      $new_content .= wptexturize(wpautop($piece));
   }
}

return $new_content;
}

remove_filter(‘the_content’, ‘wpautop’);
remove_filter(‘the_content’, ‘wptexturize’);

add_filter(‘the_content’, ‘my_codeformat’, 99);

Das Ganze wird dann ganz einfach im Text eines Artikels zwischen die Shortcode-Tags [raw] und [/raw] eingefügt.

[raw]Unformatierter Code[/raw]

Die Idee dazu stammt von TheBinaryPenguin

Bildbearbeitung in WordPress

Michael Oeser — Tue, 15 Jun 2010 10:54:42 +0000

Die richtigen Bilder können eine Website erheblich aufwerten, denn wie sagt man so treffend: Ein Bild sagt mehr als tausend Worte. Aber oft zeigt die Praxis, dass die perfekten Bilder sehr schwer zu finden sind und es fast immer einer Nachbearbeitung bedarf, damit sie für die eigene Website passen. Manchmal sind es nur Kleinigekeiten für die es überzogen wäre Photoshop & Co zu bemühen. Oft hilft WordPress hier bereits mit Bordmitteln.

Einfache Bildbearbeitung

Die Bildbearbeitungsfunktionen von WordPress sind vielleicht eins der am wenigsten beachteten Features. Zugegeben: Viel machen kann man damit nicht, aber für doch sehr häufig auftretende Arbeiten, wie Skalieren, oder Auschnitte verändern, taugt die integrierte Bildbearbeitung ganz hervorragend.

So erreicht man die Bildbearbeitung

Neben dem wählen des Ausschnitts und dem Skalieren des Bildes kann man es auch rotieren oder spiegeln. Ist man mit der Bearbeitung zufrieden speichert man das “neue” Bild einfach und fertig. Ist man plötzlich doch unzufrieden, kann man das Originalbild ganz einfach per Klick wieder herstellen.

Bearbeitungsfunktion - Ausschnitt wählen

Fazit

Sicherlich bringt WordPress mit Bordmitteln keine spektakuläre Bildbearbeitungsfunktionen mit. Wozu auch? Aber typische Aufgaben wie Skalieren und Auschneiden erledigt der Bildbearbeitungs-Editor einwandfrei und man muss für solche “Kleinigkeiten” nicht immer einen externen Editor bemühen.

Externe RSS Feeds auf einer WordPress Seite ausgeben

Michael Oeser — Wed, 12 May 2010 06:00:19 +0000

Content is King. Und manchmal kann es sinnvoll sein, thematisch passenden Content von anderen Websites einzubinden. In WordPress ist das sehr einfach machbar. Nur ein paar zeilen Code und die richtige Feedadresse und los geht´s.

Die Feedadresse

Gemeint ist hier die Adresse des RSS Feeds z.B. von Feedburner. Im Beispiel verwende ich die Feedadresse meiner WordPress Themes Website:

http://feeds.feedburner.com/der-prinz/feed

Diese Adresse platziert man in dem folgenden Code und das gesamte Codefragment baut man dann an der Stelle ein, wo später die Überschriften des Feed erscheinen sollen. Die Anzahl der Überschriften kann man einstellen, indem man die Zahl 5 bei get_item_quantity(5) verändert.

Der Code

Den folgenden Code kann man beispielsweise einfach in einen Beitrag oder eine Seite einbauen. Allerdings muss WordPress mittels einem Plugin (z.B. Exec PHP) dazu “animiert” werden, dass es das Ausführen von PHP Code in Beiträgen und Seiten erlaubt.

include_once(ABSPATH.WPINC.‘/feed.php’);
$rss = fetch_feed(‘http://feeds.feedburner.com/der-prinz/feed’);
$maxitems = $rss->get_item_quantity(5);
$rss_items = $rss->get_items(0, $maxitems);
?>

(

$maxitems

)

echo

Keine Artikel.

else

foreach

(

$rss_items

$item

)

"get_permalink(); ?>" title="get_date(‘j. F Y’); ?>">echo $item->get_title(); ?>

endforeach; ?>

Das Ergebnis der Feedausgabe

Und so schaut das dann auf der eigenen Seite aus. Natürlich kann man die Ausgabe noch etwas stylen, indem man entsprechende CSS Formatierungen vornimmt, aber das bleibt jedem selbst überlassen.

Weitere Möglichkeiten

Wie bereits erwähnt, kann man die Ausgabe mittels CSS noch hübsch stylen. Für den Sidebar oder andere Widget-fähige Bereiche bietet WordPress standardmäßig RSS Widgets an, mit denen man externen Content in die eigene Seite einbauen kann.

Fazit

Externe Inhalte sind schnell und einfach eingebaut und können – entsprechend verwendet – eine Bereicherung für die eigene Website sein. Aber das sollten sie auch immer bleiben: eine Bereicherung und kein Ersatz für eigenen Content.

Vorstellung: Genesis Theme Framework

Michael Oeser — Tue, 11 May 2010 07:59:18 +0000

In meinem heutigen Gastartikel auf Webdemar stelle ich das Genesis Theme Framework von Studiopress vor.

Die Idee hinter Theme-Frameworks ist es, individuelle Anpassungen an Funktion und Design so zu machen, dass das Basistheme nicht angefasst werden muss. Das hat den großen Vorteil, dass Änderungen am Design bei einem Update nicht überschrieben werden und man so in den Genuss von Aktualisierungen kommt, ohne alles neu zu bauen.

Zum Artikel

Kategoriebasis in WordPress ändern – Gastartikel auf Webdemar

Michael Oeser — Wed, 05 May 2010 13:02:45 +0000

Mein zweiter Gastartikel ist auf webdemar.com erschienen. Thema ist dieses mal das Verändern der sogenannten Kategorie-Basis in WordPress.

Zum Artikel

Das Setup – Nerds und Ihre Traumausstattung

Michael Oeser — Thu, 29 Apr 2010 17:35:29 +0000

Die Idee, Computer-, IT- und Web-Nerds zu interviewen und danach zu fragen, wie ihre persönliche (Computer-) Ausstattung aussieht und was ihr Traum-Setup wäre, ist nicht ganz neu. Dennoch ist sie witzig und es kann durchaus Kreatives dabei herauskommen.

Auch ich habe mich also den vier Fragen “Wer ich bin und was ich tue?”, “Welche Hardware ich nutze?”, “Welche Software?” und “Mein Traum-Setup?” gestellt. Das dazu auch eine ordentliche Portion Selbsbeweihräucherung gehört, versteht sich von selbst

Immerhin befinde ich mich mit Deutschen WordPress Größen wie Frank Bültge, Sergej Müller und Vladimir “Perun” Simovic in allerbester Gesellschaft. Auffällig, dass nur wenige Frauen auf der Liste stehen. Gibt es so wenige weibliche Nerds, oder ist das “Rampensau-Gen” bei Männern stärker ausgeprägt?

Zum Interview