Howto: Das Kommentarfeld in WordPress dynamisch vergrößern lassen wie bei Facebook

Ein klei­nes Detail das an mei­nem Blog­d­ings hier, das ich ziem­lich gerne mag, ist das sich auto­ma­tisch ver­grö­ßernde Kom­men­tar­feld unter den Ein­trä­gen. Wie so oft ist das Ein­bauen die­ses Fea­tures recht simpel.

Zuerst lädt man sich näm­lich das Elas­tic Plu­gin für jQuery run­ter und dann direkt wie­der hoch. Am bes­ten in den Ord­ner des aktu­ell ver­wen­de­ten WordPress-Themes. Anschlie­ßend muss man es im Kopf­teil der Seite, also in der header.php laden las­sen. Das geht mit fol­gen­der Code-Zeile, man sollte dar­auf ach­ten das man das Plu­gin erst nach jQuery lädt.

<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/jquery.elastic.js"></script>

Anschlie­ßend muss man das Plu­gin noch auf ein Text­feld anset­zen. Bei Word­Press hat das Kom­men­tar­feld nor­ma­ler­weise die ID com­ment. Des­halb sieht die ent­spre­chende Zeile Code so aus:

$(document).ready(function(){
	//Elastic textarea for comments
	$('#comment').elastic();
});

Die packt man dann eben­falls in den head der Seite in ein script–Ele­ment. Oder man nutzt die von mir emp­foh­lene Alter­na­tive: Wie glaub ich schon ein­mal erwähnt, habe ich sol­che Dinge in einer extra Datei namens functions.js ausgelagert.

Aus­pro­bie­ren kann man die Funk­tio­na­li­tät in jedem Kom­men­tar­feld auf die­ser Seite. Man muss nur genug tippen.