Texto.de – Mein WordPress Magazin

Der Bilderupload und die Verwaltung der Bilder in WordPress 2.1 ist gut und übersichtlich und bietet viel, auch wenn man einiges davon dieser Funktion erst herauskitzeln muss. Ich bin keine Freundin von zig Gallerien, ich mag einfach so wie BigBrother hier, eine simple Möglichkeit einem Bild eine überschrift oder Unterschrift zu verpassen und etliches an Gestaltungsmöglichkeiten.

Ich ändere dazu eine der Dateien im Ordner wp-admin, daher der dringende Aufruf, diese Datei zuerst sichern! Danach irgendwo aufschreiben, dass man da was änderte und vorallem was, denn das nächste WP Update kommt bestimmt, dann ist alles wieder weg…

Bild mit Unterschrift-Bilderupload tunen für WordPress 2.1 ==>WordPress 2.3.1 anderer Pfad zur Datei und andere Zeilennummer sonst gleich

Die nötige Datei findet man bei WP 2.3.1 hier ==>wp-admin/js/upload.js

Folgende Datei mit einem Texteditor öffnen:

wp-admin/upload-js.php als upload-js-old.php speichern, danach die Originaldatei upload-js.php wieder im Texteditor öffnen:

Ungefähr in der Zeile 223 findet man dann

sendToEditor: function(id) {

Wenige Zeilen darunter steht:

 
if ( 'none' != link )
				h += "";
			if ( display && 'title' != display )
				h += "";
			else
				h += this.currentImage.title;
			if ( 'none' != link )
				h += "";

Dies sendet das Bild zum Editor also in das Textfeld von WordPress. Ich habe diese Zeilen so abgeändert:

if ( 'none' != link )
				h += "<dl class='image'><dt>" + this.currentImage.title + "</dt><dd>";
			if ( display )
				h += "";
			else
				h += this.currentImage.title;
			if ( 'none' != link )
				h += "</dd><dd>" + this.currentImage.description + "</dd></dl>";

Ich sage also:

1. Sende das Bild und /oder den Link zum großen Bild in einer Definitionsliste zum Editor.
2. Ergänzte um den Titel.
3. Die Angabe für eine etwaige Nutzung der Lightbox (rel lightbox).
4. Die width und heigth Angabe gab ich auch dazu. 1. weil richtiger, 2. weil dann auch ältere Browser keine Probleme bei der Darstellung von Bildern haben.
5. Und unterhalb des Bildes zeige mir die Bildbeschreibung, denn beim Upload von einem Bild, kann man ja nicht nur den Titel angeben, sondern auch eine Bildbeschreibung!

Dies alles ergibt dann folgenden Quelltext, der in der style.css des jeweiligen Themes gestaltet werden kann.

1. Mit einem Vorschau Bild:

<dl class='image'>
<dt>Rose</dt>
<dd>
 
     </dd>
<dd>Diese wei&#223;e Rose ist für einen besonderen Menschen
</dd></dl>

2. Ohne Vorschaubild:

<dl class='image'>
<dt>Rose</dt>
<dd>
</dd>
<dd>Diese wei&#223;e Rose ist für einen besonderen Menschen
</dd></dl>

Hier eine (von unendlich vielen )Gestaltungsmöglichkeit in der style.css , deren Ergebnis, Du Dir hier auf esistkeinurlaub.de in Natura ansehen kannst. Dort habe ich allerdings die Beschreibung der Bilder nicht im Einsatz!

 
dl.image{
	width:230px;
	float:right;margin-right:1.5em!important;margin-right:0.5em;clear:both;padding-right:0.3em;}
 
	dl.image dt,
	dl.image dd{
		margin:0 auto;
		text-align:center;}
	dl.image dd img{
		padding:0.1em;
		color:#000;
		background-color:#A0C0F0;
		border:1px solid #80C0F0;}

		dl.image dd a:hover img{color:#000;
		background-color:#CBCACA;
			border:1px solid #A0C0F0;}

Wie immer, es gibt deren viele Lösungen, aber für mich ist dies die einfachste und auch unerfahrene Internetnutzer kommen mit der sehr gut klar.