Zoomimage & jQuery: Schönes kann so einfach sein.

Zoomimage ist ein Plugin für jQuery mit dem verlinkte Bilder vergrößert werden können.
Die Einbindung ist denkbar einfach und auf der Zoomimage Homepage auch ausreichend beschrieben.

Um Zoomimage vollständig in WordPress einzubinden habe ich mein Post Functions Plugin erweitert.

1

[zoomimage:src=screenshots/lueckentext-mit-hilfe.png, w=400, zw=800, float=right, alt=Lückentext zu den unregelmäßigen Verben]

Obiger Code resultiert in einem 400px breiten Bild, das bei Klick auf 800px verbreitert wird. Zusätzlich wird unter dem Bild der alt-Text angezeigt.

Die Resultate können dann in absehbarer Zeit auf compulearnenglisch.de/information besichtigt werden.

Neue “Post Functions”: jslink, fold, printfile

Es gibt nun 3 neue Funktionen: jslink, printfile, fold.
jslink und fold benötigen jQuery

Funktion jslink

jslink ermöglicht es JavaScript Links im Text zu platzieren. Außerdem ist jslink mit Link Indication kompatibel. (Siehe dazu JavaScript Links und Link Indication).
<, >, ‘ und ” werden automatisch als HTML-Entity dargestellt.

Beispiel
[jslink:klick mich]alert(‘:)’)[/jslink]
Resultat: klick mich

Funktion fold

Mit fold können Textpassagen ausklappbar dargestellt werden.

Beispiel
[fold:ausklappen]mein Text[/fold]
Resultat: ausklappenmein Text

Funktion printfile

printfile gibt eine komplette Datei direkt im Post aus. Am besten sollte diese Funktion mit WP-CodeBox verwendet werden.

Argument displaypath
printfile akzeptiert das Argument pisplaypath. Wird dieses angegeben gibt printfile den Pfad zur Datei vor der Datei aus.

Beispiel
[printfile:index.php|displaypath=1]
Resultat (mit WP-CodeBox):

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19

Contents of 'index.php'
<?php
/**
 * Front to the WordPress application. This file doesn't do anything, but loads
 * wp-blog-header.php which does and tells WordPress to load the theme.
 *
 * @package WordPress
 */
 
/**
 * Tells WordPress to load the WordPress theme and output it.
 *
 * @var bool
 */
define('WP_USE_THEMES', true);
 
/** Loads the WordPress Environment and Template */
require('./wp-blog-header.php');
?>

WordPress: Eigenes Plugin schreiben – “Post Functions”

Für die Pluginentwicklung in WordPress sollte man zwei Sprachen beherrschen: PHP und Englisch. Alle wichtigen Hinweise können auf codex.wordpress.org/Writing_a_Plugin (en) gefunden werden.

Motivation

Ich verwende in meinem Blog relativ viele Links auf externe aber auch auf eigene Seiten. Das Verlinken von eigenen Seiten birgt ein Problem, welches sich erst bei einem eventuellen Umzug auf eine andere Domain offenbart: Alle Links müssen absolut sein, also die komplette Domain beinhalten. Bei einem Umzug auf eine andere Domain wären diese Links alle “kaputt”.

Mein experimentelles Plugin “Post Functions” führt 2 neue Funktionen ein, die in Artikeln und Seiten verwendet werden können:

Funktion “link”

Beispiele
(Der “.” in “[." dient dazu, dass das Plugin nicht aktiv wird...)

Externer Link
[.link:http://codex.wordpress.org/Writing_a_Plugin]
Resultat: codex.wordpress.org/Writing_a_Plugin

Interner Link
[.link:ueber-mich|Über mich]
Resultat: Über mich

Der Text nach dem “|” dient als Text für den Link. Wenn kein “|” vorhanden ist, wird die Url als Text verwendet, wobei das http:// wird entfernt. Zusätzlich kann das Plugin so konfiguriert werden, dass lange Urls durch “…” verkürzt werden:

Langer externer Link
[.link:http://www.chiark.greenend.org.uk/~sgtatham/putty/download.html]
Resultat: chiark.greenend.org.uk/…/download.html

Funktion “bloginfo”

Beispiel
[.bloginfo:url]
Resultat: http://familie-ottenhaus.de/simon/blog

“bloginfo” gibt Zugriff auf die WordPress-Funktion bloginfo. “[.bloginfo:url]” kann zum Beispiel in Bild-Urls verwendet werden.

(Source Code im ganzen Artikel)
Weiterlesen »