im-Tal.net » Wordpress

Post-Thumbnails

maxe — Fri, 18 Dec 2009 07:55:50 +0000

Ab WordPress Version 2.9 wird es ein Template-Tag geben, mit dem dann die viel gewünschten Post-Thumbnails in WP Einzug halten. Das Template Tag “the_post_thumbnail()” (ehem. “the_post_image()”) macht es möglich. Über verschiedene Parameter lassen sich Bildformate, Ausrichtungen, Skalierungen, Größen etc. setzen. Micha hat in seinem Blog eine ausführliche Beschreibung gegeben: http://dynamicinternet.eu/blog/2009-12-17/the-ultimative-guide-for-the_post_thumbnail-in-wordpress-2-9/

Bei älteren Themes muss also die ganze Funktion auch erst mal über die functions.php aktiviert werden. Frank schreibt in seinem Blog wie man ältere Themes dahingehend aktualisiert: http://bueltge.de/wordpress-post-thumbnail-abwaertskompatibel/1079/

Wozu das Ganze?
Wenn also ab WordPress 2.9 nun das Theme soweit angepasst und aktualisiert ist, dass es Post-Thumbnail unterstützt, dann kann über das Backend von WP im “Artikel schreiben”-Dialog das Thumbnail ganz einfach gesetzt werden. Die Vorgehensweise ist dem “Bild einfügen” gleich. Man kann also ein Bild vom Computer, von einer URL oder oder aus der Mediathek auswählen und klickt anschließend auf “Use as thumbnail”.

WordPress Permalinks

maxe — Wed, 09 Dec 2009 09:37:58 +0000

Wie Michael Wöhrer auf seinem Blog “Software Guide” berichtete, hat WordPress anscheinend Performance-Probleme mit einigen Permalink-Strukturen bei Verwendung von vielen statischen Seiten. So machen wohl solche Permalink-Kombinationen Probleme, die mit Kategorie (%category%), Tag (%tag%), Autor (%author%) oder Artikel-Titel (%postname%) beginnen. Dabei ist es wohl so, das WordPress das Datenbankfeld “rewrite_rules” für jede einzelne Seite mit sämtlichen Informationen füllt, die dann bei mehreren 100 Seiten die Datenbank in die Knie zwingen. Auch im WordPress-Codex wird mittlerweile darauf hingewiesen.

Wenn man WordPress mit vielen Seiten (Bsp. als CMS) betreibt, ist es also ratsam, die Permalinks so umzustellen, dass eben nicht die vier o. g. Permalink-Tags am Anfang stehen. Anstelle dieser kann z.B. die “Post-ID” oder das “Year” zu Beginn stehen:

/%post_id%/%postname%/
/%post_id%-%postname%/
/%year%/%postname%/
/%year%-%postname%/

WordPress Template-Tag “the_excerpt()”

maxe — Tue, 06 Oct 2009 06:35:41 +0000

Wer mit WordPress nicht gerne den ganzen Inhalt (mit Links, Bilder etc.) der Artikel auf der Startseite haben will sondern nur einen Auszug, arbeitet entweder mit dem more-Tag bei the_content() oder mit the_excerpt. the_excerpt zeigt keine Formatierungen, Bilder, Links etc. an. Außerdem hat das Template-Tag the_except leider keine Parameter worüber man ein “weiterlesen” o. ä. bestimmen könnte. Trotzdem kann man das einigermaßen gut im entsprechenden Template (index.php, archive.php, category.php etc.) mit einem Link auf den ganzen Artikel lösen:

 the_excerpt(); ?>

 the_permalink() ?>" rel="bookmark" title=" _e('weiterlesen ...',''); ?> 
 the_title(); ?>"> _e('weiterlesen ...',''); ?>

wer im Code und mit den Templates etwas sicherer ist, kann eine Variante über die functions.php wählen:

// bildet das "weiterlesen" bei the_excerpt
function link_hellip_in_excerpt( $content ) {
 global $post_ID;
 return preg_replace( '~\[\.\.\.\]$~', ' . get_permalink( $post_ID ) . '">[weiterlesen ...]', $content);
}
add_filter( 'the_excerpt', 'link_hellip_in_excerpt', 9);
add_filter( 'the_content', 'link_hellip_in_excerpt', 9);

Ab WordPress 2.9 werden sogar excerpt-Filter für Auszugs-Länge und Weiterlesen-Link unterstützt, die über die functions.php z.B. so aussehen können:

// ändern der excerpt Länge auf 40 Worte
function new_excerpt_length($length) {
	return 40;
}
add_filter('excerpt_length', 'new_excerpt_length');
 
// ändern des excerpt more Strings
function new_excerpt_more($more) {
return '[weiterlesen …]';
}
add_filter('excerpt_more', 'new_excerpt_more');

Wie weiter oben schon erwähnt kannst du auch mit dem Template-Tag the_content den gesamten Inhalt auf der Startseite einlesen lassen. the_content() zeigt im Gegensatz zu the_excerpt die Links, Bilder und Formatierungen vom Beitrag an. Außerdem lässt sich individuell mit dem -Tag bestimmen, was genau angezeigt werden soll. Der more-Tag, welchen man in der Artikel-Bearbeitung setzen kann, splittet den Beitrag / die Seite in zwei Teile. Auf der Startseite bzw. in Archiven wird dann nur der Teil vor dem more-Tag angezeigt, allerdings mit allen Links, Bildern und Formatierungen. Mehr darüber erfährst du auch in der WPD-FAQ: http://faq.wordpress-deutschland.org/keine-bilder-keine-links-im-archiv-the_excerpt/

Effekte mit der jQuery JavaScript Library

maxe — Wed, 12 Aug 2009 09:45:33 +0000

Mit der jQuery JavaScript Library sind tolle Effekte möglich, wie z. B. Sliding, Fading, Animating etc.
Wir haben uns selber noch nicht viel mit jQuery befasst, wollen aber unsere ersten Versuche hier als Einstiegsanleitung niederschreiben.

Also zu erst muss die Library ins Template eingebunden werden. Entweder man lädt sich die .js Datei hier herunter und bindet sie anschließend so (am besten im Header) ein:

<script src="jquery-1.3.2.min.js" type="text/javascript">script>

oder man bindet z. B. direkt die von jquery.com ein:

<script src="http://code.jquery.com/jquery-latest.js" type="text/javascript">script>

So, nachdem nun die Library eingebunden ist, können wir mit dem Javascript beginnen. Es läuft immer nach ähnlichem Schema.
Erst sagen wir, wir wollen eine Funktion:
$(document).ready(function()
Dann können wir bei Bedarf bestimmen, welches Element/Objekt bei Klick o. ä. die Änderung vornehmen soll:
$("button").click(function ()
Auf jeden Fall werden dann die Element/Objekte bestimmt, welche ihr Aussehen/Verhalten ändern sollen:
$("p").slideToggle

Als 1. kleines Beispiel lassen wir mit slideToggle alle Texte innernhalb eine p-Tags durch einen Button ein-/ausblenden:

<script type="text/javascript">
  $(document).ready(function(){
 
    $("button").click(function () {
      $("p").slideToggle("slow");
    });
 
  });
script>

Um den Button nun sichtbar zu machen, ist es nötig diesen an die entsprechende Stelle (vorzugsweise direkt über den Text) anzulegen:

Hier steht der Text der nun ein- bzw. ausgeblendet werden kann.

So lässt sich z. B. auch eine Sidebar aus-/einblenden. Statt “p” nimmt man dann z. B. den Div-Container der Sidebar (z. B. “#sidebar”).

Als 2. Beispiel wollen wir zeigen, wie z. B. die Kombination von mehreren Elementen/Objekte mit mehrfacher Veränderung möglich sind:

<script type="text/javascript">
  $(document).ready(function(){
 
    $("button").click(function () {
    $("div.block").add("p.extra").addClass("blau");
     alert("Class in blau geaendert");
    });
 
  });
script>

Alle Div-Container mit der Class “.block” und alle p-Tags mit der Class “.extra” bekommen eine neue Class “.blau” zugefügt und es wird ein Hinweistext ausgegeben. Statt addClass können auch andere Attribute, wie z. B. toggleClass genutzt werden.

Eine weitere Spielerei wäre ein FadeIn-Effekt bei allen Bildern die im Div-Container “#content” sitzen:

<script type="text/javascript">
  $(document).ready(function() {
    $("#content img").css("display","none");
    $("#content img").fadeIn(5000)
});
script>

Weitere Effekte findest du in der jQuery-Documentation: http://docs.jquery.com/Effects

Ein kleiner Hinweis für WordPress-User:

WordPress bringt eine jquery.js im Verzeichnis /wp-includes/js/jquery/jquery.js mit. Falls ihr also damit arbeiten wollt ist eine kleine Abweichung zu beachten. Statt des $-Zeichen muss in WP jQuery benutzt werden:


<script type="text/javascript">
  jQuery(document).ready(function(){
 
    jQuery("button").click(function(){
    jQuery("div.block").add("p.extra").toggleClass("blau");
     alert("Class geaendert");
    });
 
  });
script>

Falls ihr in WordPress nicht mit der WP eigenen jquery.js arbeiten wollt, könnt ihr diese deaktiveren und eine andere einbinden. Könnte sein, dass in eurer header.php, footer.php oder functions.php schon der Aufruf der jquery drin steht:

 
wp_enqueue_script('jquery');
?>

Das dann wie folgt ändern bzw. hinzufügen, falls es noch nicht vorhanden ist:

 
wp_deregister_script( 'jquery' ); //deaktiviert die wp jquery.js 
wp_enqueue_script( 'jquery', 'http://code.jquery.com/jquery-latest.js'); //laedt die neue jquery
?>

Der chCounter geht in die nächste Runde: expCounter

im-Tal.net — Fri, 24 Jul 2009 14:40:30 +0000

Als Besuchszähler (Counter) setz(t)en wir bisher auf im-Tal.net den chCounter von Christoph Bachner bzw. ab 2007 weiterentwickelt von Bert Körn ein.

Wie wir bereits in unserem Artikel “chCounter für WordPress nutzen” erwähnten, ist die Entwicklung vom chCounter seit einiger Zeit aus nicht bekannten Gründen eingeschlafen. Jetzt greift Volker S. Latainski das Projekt auf und entwickelt den Counter, dank GPL (Lizenz), unter neuem Namen weiter:

Die Installation erfolgt wie vom chCounter gewohnt. Auch der Umstieg vom chCounter auf den expCounter, wie hier beschrieben, ist sehr einfach. Das Template (zuständig für die Anzeige) lässt sich sehr einfach über den Template-Generator anpassen.

Wir haben nun ziemlich früh umgestellt und sind auf die (Weiter-)Entwicklung des Counters gespannt.

Ach übrigens, unser Artikel “chCounter für WordPress nutzen” (sowie die Artikel die sich mit der Einbindung in Joomla beschäftigen) hat bisher noch Gültigkeit. Falls sich für die Einbindung in WordPress etwas ändern sollte werden wir selbstverständlich berichten.

WordPress-Plugin: Remove Dashboard Widgets

maxe — Thu, 09 Jul 2009 15:52:38 +0000

Mit der Veröffentlichung von WordPress 2.7 wurde eine neue Dashboard Widgets API eingeführt, welche es sehr einfach macht, neue Widgets in das Dashboard hinzuzufügen. Aber auch der andere Weg ist seit WordPress 2.7 möglich, die Entfernung der Dashboard Widgets.

In einigen Situationen, vor allem auf Multi-User-Blogs, kann es sinnvoll sein einige Widgets komplett zu entfernen anstatt nur auszublenden. Jeder Nutzer kann standardmäßig über das Optionen-Tab (an der rechten oberen Seite) einzelne Widgets ausblenden, aber wenn die User keine technischen Anwender sind, ist es sicherlich schöner, dass die nicht benötigten Dashboard-Widgets bereits vom Admin deaktiviert wurden.
Aber auch aus Problemen mit der Ladezeit oder des Serverspeichers (bsp. mit Strato) kann es sinnvoll sein einige Dashboard Widgets komplett abzuschalten. Das bringt immerhin einige MB Platz.

Zurzeit gibt es keine Funktion auf einfache Weise die Standard-Dashboard Widgets zu entfernen. Um sie zu entfernen, müsste man manuell über unset() die Elemente aus dem allgemeinen $ wp_meta_box Array entfernen:

function remove_dashboard_widgets() {
  // Globalize the metaboxes array, this holds all the widgets for wp-admin
  global $wp_meta_boxes;
 
  // Remove the incomming links widget
  unset($wp_meta_boxes['dashboard']['normal']['core']['dashboard_incoming_links']);
  //Remove the plugins widget  
  unset($wp_meta_boxes['dashboard']['normal']['core']['dashboard_plugins']);
  // Remove the quickpress widget
  unset($wp_meta_boxes['dashboard']['side']['core']['dashboard_quick_press']);
} 
 
// Hoook into the 'wp_dashboard_setup' action to register our function
add_action('wp_dashboard_setup', 'remove_dashboard_widgets' );

http://codex.wordpress.org/Dashboard_Widgets_API#Advanced:_Removing_Dashboard_Widgets

Für dieses Problem haben wir ein Plugin geschrieben, welches diese Aufgabe auf einfache Weise übernimmt. Das Plugin “Remove Dashboard Widgets” kann übersichtlich über die Einstellungen einzelne/alle Standard-Dashboard-Widgets für alle User ausschalten.

Wie bereits erwähnt, arbeitet das Plugin erst ab WordPress Version 2.7, da hier die neue Dashboard Widgets API eingeführt wurde!

Download Zip-Datei:
Remove Dashboard Widgets 0.2

Installation:

Download “Remove-Dashboard-Widgets” plugin
Entpacke das Archiv
Lade den Ordner per FTP in den WordPress-Plugin-Ordner …/wp-content/plugins/*
Gehe ins WP-Backend zum tab “Plugins”
Aktiviere das “Remove-Dashboard-Widgets” Plugin
Gehe in die Plugin Einstellungen
Fertig

History:
0.1 – Entwicklung Grundfunktionen über unset()
0.2 – Einstellungen über den Settings-Bereich im WP-Backend möglich, deutsche Sprache de_DE

Subscribe to Double-Opt-In Comments

maxe — Wed, 08 Jul 2009 08:56:54 +0000

Mit dem “Subscribe to Double-Opt-In Comments“-Plugin können Kommentarschreiber ein zusätzliches Häkchen setzen und schon werden sie über alle folgenden Kommentare per E-Mail informiert. Über den Abo-Manager können die Kommentarschreiber ihre Abos verwalten. Das “Subscribe to Double-Opt-In Comments”-Plugin ist eine Weiterentwicklung zum bekannten “Subscribe to Comments”-Plugin und wie der Name schon sagt, wurde es um das “Double Opt-in”-Verfahren erweitert. Beim “Double Opt-in”-Verfahren wird zunächst eine Bestätigung per Mail anfordern. Hierbei wird eine E-Mail mit einem Bestätigungslink an die angegebene Adresse geschickt. Erst wenn ein darin enthaltener Bestätigungslink geklickt wird, sind die Benachrichtigungen über neue Kommentare aktiviert.

Um den Haken der Optionbox an eine gewünschte Position, nicht standardmäßig unter den Submit-Button des Formulars, zu verschieben, kann folgender Code ins Comment-Template (comments.php) an die gewünschte Stelle gesetzt werden:


if (function_exists('show_subscription_checkbox')) {
  show_subscription_checkbox();
}
?>

Als wir neulich dieses WordPress-Plugin “Subscribe to Double-Opt-In Comments” installiert haben, mussten wir feststellen, dass im Backend alle Felder nur mit einem einfachen “a” belegt waren. Leider waren im WWW nur Screenshots mit deutschen Texten zu finden, so dass wir uns die Mühe machen mussten, alle Einstellungen manuell auf deutsch einzutragen. Um anderen die Arbeit zu ersparen zeigen wir hier unsere Einstellungen:

“From” name for notifications:
im-Tal.net

“From” e-mail addresss for notifications:
Selbsterklärend … Hier kommt die Absender-Mail-Adresse rein.

Not subscribed:
Benachrichtige mich über neue Kommentare zu diesem Artikel per E-Mail.

Subscribed:

Du hast die Benachrichtigungsfunktion für diesen Artikel aktiviert. Verwalte deine Benachrichtigungs-Abonnements.

Entry Author:

Du bist der Autor dieses Beitrags. Zur Verwaltung.

Bestätigungstext, wird angezeigt wenn der User auf den Bestätigungslink geklickt hat
Nun erhälst du eine E-Mail, wenn ein neuer Kommentar gepostet wird.

Headline for Double-Opt-In:
Benachrichtigungen akzeptieren …

Mail Text for Double-Opt-In ([verify_url] will be replaced with URL to subscribe finally, no HTML!):
Bitte klicken Sie auf den folgenden Link: [verify_url] um die Kommentar-Benachrichtigungsfunktion auf “im-Tal.net” zu aktivieren. Sie erhalten dann eine Benachrichtigung per Mail sobald es einen neuen Kommentar gibt. Durch diese Bestätigung wird verhindert, dass Ihre E-Mail-Adresse ohne Ihr Einverständnis verwendet wird. Erst nach Ihrer Bestätigung wird Ihr Abonnement aktiviert! Änderungen Ihres Abonnements können jederzeit durchführt werden.

Verwende einen eigenen Style für den Subscription Manager
Path to header: [theme_path]/header.php
Path to sidebar:
Path to footer: [theme_path]/footer.php

HTML for before the subscription manager:

HTML for after the subscription manager:

Wer trotzdem noch mal eine Screenshot dazu sehen will, hier ist er:

chCounter mit Sicherheitslücke

im-Tal.net — Sun, 26 Apr 2009 06:20:27 +0000

im-Tal.net benutzt seit Anfang an den chCounter als Statistiktool. Im April 09 erfuhren wir auf stadt-bremerhaven.de, dass im chCounter wohl eine Sicherheitslücke entdeckt wurde. Demnach soll es möglich sein sich auf der Login-Seite des chCounters mit “or ‘=’” (ohne die Anführungszeichen) als Benutzernamen und Passwort anzumelden. Auf im-Tal.net war dies so nicht möglich.

Trotzdem wollen wir auch auf die Lösung des Problems hinweisen. In der functions.inc.php im includes-Ordner vom chCounter muss nach folgendem Code gesucht werden:

function chC_login( $name, $pw, $cookie = 0, $admin_required = FALSE )
{

Dieser Code muss um eine Zeile ergänzt werden:

function chC_login( $name, $pw, $cookie = 0, $admin_required = FALSE )
{
$name=mysql_real_escape_string($name);

Also einfach die Zeile $name=mysql_real_escape_string($name); hinzufügen.

Firebug für Firefox

im-Tal.net — Fri, 24 Apr 2009 00:31:58 +0000

Firebug, eine Erweiterung für Firefox, ist ein Entwicklungstool für Webentwickler. Firebug überprüft den Quellcode von Webseiten auf Fehler und zeigt HTML-, CSS-, Javascript und Geschwindigkeiten an. Somit ist es möglich den Code von Webseiten zu editieren um HTML-/CSS-Änderungen am Live-System zu testen. Im Untersuchen-Modus kann mit einem Klick auf eine Quelltext-Passage ganz leicht das dazugehörige CSS gefunden werden. Im Bearbeiten-Modus lässt sich temporär der Qelltext und das CSS bearbeiten.

Selbst für Firebug gibt es mittlerweile schon Erweiterungen, wie z. B. YSlow. Hierbei handelt es sich um ein Performance Tool, wobei das Y wohl für Yahoo steht. YSlow führt Performance-Test durch und stellt die Ergebnisse mit Tipps und Grafiken zur Verfügung.

Umlaute in den Permalinks ohne Plugin ändern

maxe — Wed, 04 Mar 2009 07:54:33 +0000

Heiko Rabe, “Spezialist” in Sachen WordPress-Lokalisierung, hat sich dem Thema der deutschen Umlaute im WordPress-Slug (Permalink) angenommen. Seit der Version 2.5 von WordPress sind Umlaute zwar im Titel, Text und Auszug kein Problem mehr, allerdings immer noch in den Permalinks. Bisher hat man sich nach Plugins umgeschaut die eine Lösung dafür bieten (oft blieb man bei o42-clean-umlauts hängen). Heiko Rabe hat aber in seinen Recherchen herausgefunden, dass dafür gar kein eigenes Plugin notwendig sein muss. WordPress besitzt bereits eine Funktion die nach einer PHP Datei zur Sprachdatei (z.B. de_DE.php) im Ordner /wp-content/languages/ sucht. Falls dort diese PHP-Datei zu finden ist wird sie geladen. In dieser PHP-Datei können dann besondere Filter für RTL Sprachen oder deutsche Umlaute gesetzt werden.

Eine Ausführliche Beschreibung sowie die notwendige Datei zum testen sind auf Heikos Blog “code-styling.de” zu finden.

Wir finden den Gedanken sehr gut, dass es ( mit genug Einsatz von Heiko Rabe ) irgendwann zum Standard von WordPress werden kann, ohne Plugins oder gesonderte Dateien benutzen zu müssen.

UPDATE: Den ersten Test (s. Slug dieses Artikels) erfolgreich bestanden.

im-Tal.net » Wordpress

Post-Thumbnails

Verwandte Artikel:

WordPress Permalinks

Verwandte Artikel:

WordPress Template-Tag “the_excerpt()”

Verwandte Artikel:

Effekte mit der jQuery JavaScript Library

Ein kleiner Hinweis für WordPress-User:

Verwandte Artikel:

Der chCounter geht in die nächste Runde: expCounter

Verwandte Artikel:

WordPress-Plugin: Remove Dashboard Widgets

Verwandte Artikel:

Subscribe to Double-Opt-In Comments

Wer trotzdem noch mal eine Screenshot dazu sehen will, hier ist er:

Verwandte Artikel:

chCounter mit Sicherheitslücke

Verwandte Artikel:

Firebug für Firefox

Verwandte Artikel:

Umlaute in den Permalinks ohne Plugin ändern

Verwandte Artikel: