Ungewollter Rand bei wp-caption

Ich habe in einem anderen Blog Bilder veröffentlicht, die ich auch mit Untertiteln versehen wollte. Hierzu reicht es ja, beim Einfügen eines Bildes unter “Beschriftung” den Text anzugeben, der unter dem Bild erscheinen soll. Das Ergebnis sieht dann allerdings so aus wie hier links auf dem Bild. Warum ist da dieser Rand an der rechten Seite? Ein Blick in den Quellcode verriet, dass die Breite der Klasse wp-caption 160px beträgt, also 10 Pixel mehr als das Bild selbst. Meine Versuche, im Stylesheet sämtliche paddings und margins auf 0 oder auf Minuswerte zu setzen, brachten auch kein anderes Ergebnis. Ich habe dann die WordPress-Dateien nach “wp-caption” durchsucht und fand in der Datei wp-includes/media.php in Zeile 596 den Grund:
weiterlesen…

Bilder hochladen in WP 2.5 und Bildanzeige mit Plugin Shutter Reloaded

Mit der neuen Datei-Uploadfunktion in WordPress ab Version 2.5 funktioniert das Hochladen und Einfügen von Bildern sehr gut, so dass ich hierzu mittlerweile nicht mehr das IImage-Browser Plugin verwende. Zum Hochladen wird einfach über dem Schreibfenster auf das “Bild einfügen”-Symbol geklickt, anschließend werden per Klick auf “Wähle die Dateien zum Upload aus” ein oder mehrere Bilder gleichzeitig vom lokalen Rechner ausgewählt und hochgeladen.

Die Bilder können als kleines oder mittelgroßes Vorschaubild oder in voller Größe in einen Beitrag eingefügt werden. Die Größe der Thumbnails und der mittelgroßen Vorschaubilder werden unter Einstellungen -> Verschiedenes festgelegt. Ist bei “Beschneide die Thumbnails in die richtige Größe” ein Häkchen, werden quadratische Thumbnails erzeugt. Die Größeneinstellungen wirken sich nur auf Bilder aus, die neu hochgeladen werden, die Größe bereits hochgeladener Bilder bleibt unverändert. Die Vorschaubildgröße lässt sich also – wenn man das will – von Beitrag zu Beitrag variieren.
weiterlesen…

Grußkartenplugin für WordPress: wp-greet

Update 08.10.08: Es gibt eine neue Version von wp-greet, näheres siehe hier.

Nagelneu und soeben erschienen: wp-greet, ein Grußkarten-Plugin für WordPress, entwickelt von Hans Matzen. Mit diesem Plugin können Grafiken, Bilder und Fotos als Grußkarte aus WordPress-Blogs heraus verschickt werden. Das Plugin benutzt NextGen Gallery, das geniale Galerie-Plugin von Alex Rabe, zum Verwalten der Grußkarten.

Mit wp-greet ist es möglich, nicht nur – wie sonst bei Grußkarten häufig üblich – einen langweiligen Link zu einer Grußkarte zu schicken (“XYZ hat Ihnen eine Grußkarte geschickt, klicken Sie HIER, um die Karte anzuschauen…”), sondern es kann die komplette Karte, also Bild und Text, als Mail geschickt werden.
Noch ein paar Features: In wp-greet ist eine Statistik integriert, die z.B. auflistet, welche Karte wie oft verschickt wurde, außerdem lässt sich konfigurieren, dass nur angemeldete Blogbenutzer Karten verschicken dürfen, auch kann ein Mail-Header und -Footer angegeben werden, der dann über bzw. unter jeder verschickten Karte erscheint.

Anstatt noch mehr dazu zu erzählen, hier ein Beispiel, wie das ganze aussieht und funktioniert (einfach mal eins der Bilder anklicken):
weiterlesen…

Zufallsbilder in WordPress einbinden

Eine einfache Möglichkeit, verschiedene Bilder in zufälliger Reihenfolge z.B. in der Sidebar oder im Header darstellen zu lassen, ist der Einbau des kleinen Skripts Randomizer. Es wird in das Verzeichnis der Bilder kopiert, die wechselweise ausgegeben werden sollen. An der Stelle, an der die Bilder erscheinen sollen, wird ein Link zum Skript eingefügt. (Unten auf der Seite gibt es auch einen Link zu einer deutschsprachigen Anleitung.)

Hier zum Beispiel erscheinen nun links in der Sidebar Zufallsbilder. Die Quelle hierfür sind die Vorschaubilder aus meinem Fotoalbum. Im gleichen Verzeichnis wie diese Vorschaubilder befindet sich das Skript rotator.php. Dieses wird in meiner sidebar.php einfach durch Angabe des kompletten Pfades aufgerufen.

Standardmäßig können Bilder in den Formaten gif, jpg, jpeg und png verwendet werden. Diese Liste ist im Skript erweiterbar.

Bilder einrahmen

Die Bilder, die ich hier einfüge, sollen einen Rahmen erhalten, damit sie sich besser vom Hintergrund abheben. Hierfür definiere ich in der style.css eine neue Klasse “.img” mit dem Inhalt border: 1px solid #000000;

In den img src-Code jedes Bildes schreibe ich nun class=”img”, damit erhält jedes Bild den schwarzen Rand. Vermutlich kann man den Image-Browser auch so ändern, dass diese “class” automatisch in den Code jedes Bildes übernommen wird, aber das werde ich später mal versuchen, herauszufinden.

Bilder hochladen leicht gemacht

Um Veränderungen hier im Blog zu dokumentieren, möchte ich in den Beiträgen Bilder einfügen. Das Hochladen der Bilder geht mit einem entsprechenden Plugin wesentlich einfacher als über das Upload-Menü in der WP-Admin-Oberfläche.

Ich verwende das Plugin IImage Browser, welches ich hier heruntergeladen und anschließend entpackt habe. Die Datei iimage-browser.php kopiere ich dann auf meinem Webspace in das Verzeichnis wp-admin, die Datei iimage-browser-plugin.php in das Verzeichnis wp-content/plugins.

Im Admin-Menü muss unter Optionen -> Verschiedenes ein Haken im Kästchen vor “Erlaube das Hochladen von Dateien” gesetzt werden, außerdem muss hier der Pfad angegeben werden, in dem sich der Ordner befindet, in dem die Bilder gespeichert werden sollen.

In der Quicktags-Leiste über dem Textfeld kann der Image-Browser nun durch Anklicken gestartet und Bilder hochgeladen und eingefügt werden: