So war es möglich, dass man externe Quellen anzapft und die das Bild in jeder Größe damit aus unterschiedlichen Quellen nutzen konnte. Immer wieder habe ich seit dem dem einen oder anderen Nutzer geholfen – denn scheinbar ist die Nutzung von Benutzerdefenierten Feldern und die Vergabe eines Auszug mit einem HTML-Tag zu umständlich. Nur so war aber die Flexibilität gewährleistet.

Lange Rede kurzer Sinn – ich habe ein wenig weiter geschraubt, neue Funktionen eingebaut und das Design flexibler werden lassen. Un somit stelle ich euch das Theme Greyfoto vor.

Was ist Greyfoto?

Greyfoto ist ein Theme für WordPress, mit dem man einfach und unkompliziert Fotos veröffentlichen kann. Es hat aber trotzdem die Freiheit, eigene Quellen zu vergeben und Anpassungen vorzunehmen. Das Theme enthält alles, was man zum Veröffentlichen der Fotos benötigt und es sind diverse Widgets (Widgets ermöglichen es, dass man einfach per Drag&Drop Funktionen in das Design/Frontend holt) enthalten, die man im Sidebar (rechter Bereich des Theme) oder im Footer (alles unterhalb des Fotos) integrieren kann.

Voraussetzungen

WordPress in jeder Version, ich empfehle aber mindestens mit 2.5 einzusteigen. In kleineren Versionen muss in den Code eingegriffen werden, denn ich lade JavaScript-Bibliotheken und Funktionen mit den Möglichkeiten von WordPress! Es wurde entwickelt und ausgiebig getestet unter Version 2.7. In Version 2.7 sind Möglichkeit der Einstellungen für Bilder optimal, um einfach und unkompliziert Fotos zu veröffentlichen.

Die Bilder sollten eine Größe von 640 Pixel Breite haben, dafür ist das Theme optimiert um eine Bildschirmsicht von 1024 Pixel zu unterstützen. Die Einstellungen lassen sich in WordPress, vor allem ab Version 2.7n sehr schön setzen. Es empfiehlt sich aber, dass man die Bilder im Vorfeld mit einem Tool optimiert und auf die Größe bringt, so dass WordPress lediglich das Thumbnail erzeugen muss. Dies spart Ressourcen und so kann die Qualität der Fotos viel besser kontrolliert werden. Für die Archiv-Sichten werden Thumbnails benötigt, diese erstellt WordPress auf Basis der Einstellungen im Backend. Ob du die Bilder beschneiden oder nur auf eine explizite Größe bringen lässt, überlasse ich dir.

Wichtig bei der Nutzung, es darf immer nur ein Bild pro Beitrag hoch geladen werden. WordPress kann im Standard den Upload mehrer Bilder. Damit kann aber nicht automatisch das Thumbnail ohne große Umstände gezogen werden. Daher pro Beitrag Bild hochladen, einfügen und veröffentlichen – fertig. Wie man das macht, wenn man noch nicht mit WordPress gearbeitet hat – siehe Screencast im Anschluss.

Installation

• Download des Theme-Packetes und lokal entpacken.
• Den Ordner inklusive aller Dateien in das Verzeichnis /themes/ eurer WordPress-Installation kopieren.
• Das Themen im Administrationsbereich aktivieren.
• Einstellungen --> Lesen "Blogseiten zeigen maximal" auf Wert 1 setzen, damit nur 1 Bild auf der Startseite ist
• Nun ist das Theme schon aktiv und ihr könnt es im Frontend testen.
• Erwünschten Erweiterungen via Widget in im Bereich Design -> Widgets für den Sidebar und den Footer definieren.
  

Widgets

Es stehen mehrere Widgets zur Verfügung, die ich direkt für das Theme erstellt habe. Sie sind also zusätzlich zu den bereist bestehenden Widgets von WordPress verfügbar. Die eigenen Widgets unterscheiden sich dabei nicht nur in ihrer Funktion, sie nutzen außerdem JavaScript, um die Effekte des Einblenden zu realisieren. Dies ist mit den Standard-Widgets nicht machbar. Trotzdem werden auch diese unterstützt!
Um aber den Fokus auf das Bild zu lenken, war mir das Ausblenden von zusätzlichen Inhalten wichtig, daher diese Funktion.

Die folgenden Widgets sind verfügbar, eine kurze Erläuterung sollte reichen. Das Experimentieren hilft sicher mehr.

• PhotoBlog Navi
  Laden der statischen Seiten aus WordPress, Link zur Startseite, nur im Footer unterhalb des Bildes nutzbar
• PhotoBlog Footer
  Feed-Adressen für Blog und Kommentare, Copyright, Link zu WP und zu mir; nur im Footer nutzbar
• PhotoBlog Kategorien
  Kategorien listen
• PhotoBlog Kommentare
  Kommentare listen; inkl. Kommentareingabefelder
• PhotoBlog Tag Cloud
  Tag Cloud
• PhotoBlog Styleswitcher
  Styleswitcher, zum Umschalten von schwarz/weiß Design live im Frontend durch den Nutzer

Screencast

Um das Theme ein wenig plastischer und klarer darzustellen, habe ich mal die "neuen" Medien angetestet – ich bitte um Nachsicht, ist mein erster Screencast. Ich hoffe und wünsche, dass es damit ein wenig einfacher und klarer wird, wie man das Theme nutzt und wie einfach es ist, Bilder mit WordPress zu präsentieren.

Archiv

Das Archiv wurde mit einer extra Sicht auf alle Fotos ausgestattet. Dazu liegt dem Theme ein Template bei. Dazu muss also nur eine Seite angelegt werden, diese muss Archiv heißen und das Template Archiv Page nutzen! Im Anschluss der Veröffentlichung werden dort alle Bilder des Blog dargestellt und sind über JS in einer gesonderten Sicht sichtbar. Dazu muss man dann auch nicht in die Einzelbilder abspringen, sondern kann direkt in dem entstandenen Fenster die Bilder genießen.

Fazit

Nachdem ich nun viel geschrieben und geredet habe – kann ich nur viel Freude damit wünschen und ich meine, dass mein Theme recht gut läuft - Fehlerfrei ist es sicher nicht! Über Hinweise und Tipps würde ich mich freuen. Ebenso nehme ich gern Tipps zum Screencast auf, denn da kann ich sicher eine Menge dazu lernen. Ebenso freue ich mich, wenn es Hinweise gibt, was ich eventuell noch hier im Artikel darstellen sollte, so dass es euch einfach klarer wird, wie man das Theme nutzt. Mit Sicherheit werde ich hier keine Anleitung zu WordPress ablegen, dazu dient WordPress Deutschland oder mein Buch zu WordPress.

Download:

Ist die Arbeit nicht 1 Euro wert?
Jede Spende wird dankbar angenommen und ermöglicht das weitere Arbeiten an freier Software.
Möchtest du mehr oder anders spenden, so besuche meine Wunschliste.

Download als zip-Date (Version 2.2.9): greyfoto229.zip - 111 kByte
Download als zip-Datei (Version 2.3): greyfoto23.zip - 111 kByte
Download als zip-Datei (Version 2.3.2): greyfoto232.zip - 112 kByte

Historie

• v2.2.1 - Das Theme Greyfoto frei nutzbar
• v2.2.2 - Bug im Lesen der Exif-Daten korrigiert
• v2.2.4 - Exif-Daten erweitert, kleine Korrekturen (22/04/2009)
• v2.2.5 - Exif-Daten erweitert, neue Loops, neues Widget, Korrekturen, neue Scripte für Zoom (nur WordPress 2.8 und größer) (07/08/2009)
• v2.2.6 - kleiner Bug im LEsen der Exif-Daten, wenn man "benutzerdef. Felder" einsetzt korrigiert, CSS Korrektur bei weißem Design (16/08/2009)
• v2.2.7 - Bugfix im Loop der index.php
• v2.2.8 - Korrektur des Loop; Änderungen der Funktionen und JS
• v2.2.9 (10/08/2009) - sehr viel neu, Neuer Styleswitcher, neues Widget für die letzten Bilder im Sidebar, single.php zusätzlich, Änderung diverser Loop, Pagination im Archiv, Direkter Link zum Beitrag aus den Kategorien heraus, diverse Code-Änderungen, Eigener Widget-Bereich für Archiv
• v2.3 - Änderungen in der Auswertung der Exif-Daten
• v2.3.2 - Funktionen aus WP 3.0 integriert; Anpassungen im CSS und Templates; Pagination der Seiten

© Frank Bültge, All rights reserved / Alle Rechte vorbehalten. (ID: 6e8b33de4342c4f2ca76b245199aeee8)

Danke für das Abonnieren meines Feed! Inhalt gefällt? Danke sagen · Kommentieren

Nicht immer ist der Autor eines solchen Blogs mit WordPress oder ähnlichen Puplishing-Applikationen richtig beraten, denn sie sind komplexer und erfordern ein gewisses Maß an Administration.

Daher empfehle ich, schaut euch Asaph an - die einfachste Form zu bloggen. Damit wird genau das Ziel: Einfach Bloggen, verfolgt. Die aktuelle Beta-Version (Was sagt eigentlich Beta in der Web 2.0-Welt aus?) macht einen guten Eindruck. Einfach mal den Screencast ansehen und eventuell die richtige Lösung finden.

© Frank Bültge, All rights reserved / Alle Rechte vorbehalten. (ID: 6e8b33de4342c4f2ca76b245199aeee8)

Danke für das Abonnieren meines Feed! Inhalt gefällt? Danke sagen · Kommentieren

Das Theme wird recht vielfach eingesetzt und die Konfiguration war für den Laien nicht immer einfach. Nun habe ich das Theme neu erstellt, wobei es einige Veränderungen in Markup und CSS gab. Im weiteren habe ich an den Theme-Funktionalitäten gebastelt und das Layout im Sidebar und Footer ist nun per Widget steuerbar, siehe folgender Screenshot. Ich hoffe und denke, dass sich nach dem Aktivieren des Themes die Widgets selbst erklären und gebe so hier keine weiteren Informationen.

Das Theme ist weiterhin der Mehrsprachigkeit mächtig und ein englisches Sprachfile liegt bei. Ansonsten wurde die Dokumentation im CSS-File auf CSSdoc umgestellt und ist sehr klein gehalten, so dass Anpassungen recht einfach machbar sein sollten.
Die neuen Widgets werden mit jQuery unterstützt und können so per Slide-Funktion ein- und ausgeblendet werden.

Viel Spass mit dem Theme. Anpassungen und Erweiterungen sind erwünscht. Aktuell ist das Theme in meinem privaten PhotoBlog im Einsatz.

© Frank Bültge, All rights reserved / Alle Rechte vorbehalten. (ID: 6e8b33de4342c4f2ca76b245199aeee8)

Danke für das Abonnieren meines Feed! Inhalt gefällt? Danke sagen · Kommentieren

Ein englisches Sprachfile liegt als .mo- und .po-File dem zip-Paket bei. Am einfachsten gestaltet sich das Übersetzen mit Hilfe der Software poEdit, einfach in Bedienung und frei verfügbar.

Update die 2.

Es gibt nun noch eine weiteres Update, siehe dazu die Hinweise in der Doku des Themes. Seit Version 1.3 des PhotBlogFB-Themes ist WordPress Version 2.3 Voraussetzung, bzw. muss die sitemap_gen.php angepasst werden, wenn eine Sitemap genutzt wird.

© Frank Bültge, All rights reserved / Alle Rechte vorbehalten. (ID: 6e8b33de4342c4f2ca76b245199aeee8)

Danke für das Abonnieren meines Feed! Inhalt gefällt? Danke sagen · Kommentieren

Nur die wenigsten Möglichkeiten unterstützen das Auslesen und Darstellen der EXIF-Header Daten eines Bildes. Aber gerade beim Präsentieren von Bildern sind diese Information oft sinnvoll und nützlich, ob für die eigenen Zwecke oder um dem geneigten Lesern die Einstellungen der Kamera nahe zu legen und damit eventuell ähnliche Ergebnisse zu erreichen. Verwendung findet diese Funktion im PhotoBlog-Theme, welches ich auch selbst nutze.

PHP stellt seit Version 4.2.0 eine eigene Funktion bereit, die die EXIF-header-Daten auslesen kann. Ich habe die Möglichkeit genutzt und in eine eigene Funktion implementiert. Die Werte der Funktion exif_read_data werden in einem Array abgelegt und entsprechen nicht den üblichen Leseformen von Photographieinteressenten. Dazu muss ein wenig mehr machen. Einziger Nachteil, die Funktion kann lediglich JPG und TIFF auslesen. Will man das im Vorfeld sicher stellen, dann hilft die Funktion exif_imagetype.

Damit man das Rad nicht immer neu erfinden muss, kann die folgende Funktion gerne genutzt werden. Die Funktion liest nicht alle Werte aus - es gibt recht viele, und nicht alle hielt ich für relevant. Damit man aber mal einen Überblick über alle Inhalte bekommen kann, ist der folgende Syntax hilfreich.

$image = '/pfad/bild.jpg';
$exif = exif_read_data($image, 0 , true);

foreach ($exif as $key => $section) {
	foreach ($section as $name => $val) {
		echo "$key.$name: $val\n";
	}
}

function fb_read_write_exif_data($post_ID) {

	$image = '/pfad/bild.jpg';

	if ($image != '') {
		error_reporting(0);

		$exif = exif_read_data($image, 0 , true);

		if(isset($exif["EXIF"]["DateTimeOriginal"])) {
			$fbdateoriginal = str_replace(":","-",substr($exif["EXIF"]["DateTimeOriginal"], 0, 10));
			$fbtimeoriginal = substr($exif["EXIF"]["DateTimeOriginal"], 10);
			print __('Datum:', 'photoblogfb') . " {$fbdateoriginal}";
			print __(' · Uhrzeit:', 'photoblogfb') . " {$fbtimeoriginal}";
			print "\n";
		}

		if(isset($exif["EXIF"]["FNumber"])) {
			list($num, $den) = explode("/",$exif["EXIF"]["FNumber"]);
			$fbaperture  = "F/" . ($num/$den);
			print __('Blende:', 'photoblogfb') . " {$fbaperture}";;
		}

		if(isset($exif["EXIF"]["ExposureTime"])) {
			list($num, $den) = explode("/", $exif["EXIF"]["ExposureTime"]);
			if ($num > $den) {
				$fbexposure = "{$num}s";
				print __(' · Belichtungsdauer:', 'photoblogfb') . " {$fbexposure}";
			} else {
				$den = round($den/$num);
				$fbexposure = "1/{$den}s";
				print __(' · Belichtungsdauer:', 'photoblogfb') . " {$fbexposure}";
			}
		}

		if(isset($exif["EXIF"]["FocalLength"])) {
			list($num, $den) = explode("/", $exif["EXIF"]["FocalLength"]);
			$fbfocallength  = ($num/$den) . "mm";
			print __(' · Brennweite:', 'photoblogfb') . " {$fbfocallength}";
		}

		if(isset($exif["EXIF"]["FocalLengthIn35mmFilm"])) {
			$fbfbfocallength35 = $exif["EXIF"]["FocalLengthIn35mmFilm"];
			print __(', (KB-Format entsprechend:', 'photoblogfb') . " {$fbfbfocallength35}" . __('mm)');
		}

		print "\n";

		if ( isset($exif["EXIF"]["ISOSpeedRatings"]) ) {
			print __('ISO:', 'photoblogfb') . " {$exif["EXIF"]["ISOSpeedRatings"]}";
		}

		if (isset($exif["EXIF"]["WhiteBalance"]) ) {
			switch($exif["EXIF"]["WhiteBalance"]) {
				case 0:
					$fbwhitebalance = "Auto";
					break;
				case 1:
					$fbwhitebalance = "Daylight";
					break;
				case 2:
					$fbwhitebalance = "Fluorescent";
					break;
				case 3:
					$fbwhitebalance = "Incandescent";
					break;
				case 4:
					$fbwhitebalance = "Flash";
					break;
				case 9:
					$fbwhitebalance = "Fine Weather";
					break;
				case 10:
					$fbwhitebalance = "Cloudy";
					break;
				case 11:
					$fbwhitebalance = "Shade";
					break;
				default:
					$fbwhitebalance = '';
					break;
			}
			print __(' · Weißabgleich:', 'photoblogfb') . " {$fbwhitebalance}";
		}

		if (isset($exif["EXIF"]["Flash"]) ) {
			switch($exif["EXIF"]["Flash"]) {
				case 0:
					$fbexif_flash = 'Flash did not fire';
					break;
				case 1:
					$fbexif_flash = 'Flash fired';
					break;
				case 5:
					$fbexif_flash = 'Strobe return light not detected';
					break;
				case 7:
					$fbexif_flash = 'Strobe return light detected';
					break;
				case 9:
					$fbexif_flash = 'Flash fired, compulsory flash mode';
					break;
				case 13:
					$fbexif_flash = 'Flash fired, compulsory flash mode, return light not detected';
					break;
				case 15:
					$fbexif_flash = 'Flash fired, compulsory flash mode, return light detected';
					break;
				case 16:
					$fbexif_flash = 'Flash did not fire, compulsory flash mode';
					break;
				case 24:
					$fbexif_flash = 'Flash did not fire, auto mode';
					break;
				case 25:
					$fbexif_flash = 'Flash fired, auto mode';
					break;
				case 29:
					$fbexif_flash = 'Flash fired, auto mode, return light not detected';
					break;
				case 31:
					$fbexif_flash = 'Flash fired, auto mode, return light detected';
					break;
				case 32:
					$fbexif_flash = 'No flash function';
					break;
				case 65:
					$fbexif_flash = 'Flash fired, red-eye reduction mode';
					break;
				case 69:
					$fbexif_flash = 'Flash fired, red-eye reduction mode, return light not detected';
					break;
				case 71:
					$fbexif_flash = 'Flash fired, red-eye reduction mode, return light detected';
					break;
				case 73:
					$fbexif_flash = 'Flash fired, compulsory flash mode, red-eye reduction mode';
					break;
				case 77:
					$fbexif_flash = 'Flash fired, compulsory flash mode, red-eye reduction mode, return light not detected';
					break;
				case 79:
					$fbexif_flash = 'Flash fired, compulsory flash mode, red-eye reduction mode, return light detected';
					break;
				case 89:
					$fbexif_flash = 'Flash fired, auto mode, red-eye reduction mode';
					break;
				case 93:
					$fbexif_flash = 'Flash fired, auto mode, return light not detected, red-eye reduction mode';
					break;
				case 95:
					$fbexif_flash = 'Flash fired, auto mode, return light detected, red-eye reduction mode';
					break;
				default:
					$fbexif_flash = '';
					break;
				}
				print __(' · Blitz:', 'photoblogfb') . " {$fbexif_flash}";
		}

		/**
		if(isset($exif["EXIF"]["Flash"])) {
			$fbflash = (bindec($exif["EXIF"]["Flash"]) ? "On" : "Off");
			print __(' · Blitz:', 'photoblogfb') . " {$fbflash}";
		}
		*/

		print "\n";

		if(isset($exif["IFD0"]["Make"]) && isset($exif["IFD0"]["Model"])) {
			$fbmake = ucwords(strtolower($exif["IFD0"]["Make"]));
			$fbmodel = ucwords($exif["IFD0"]["Model"]);
			print __('Kamera o. DIA-Scanner:', 'photoblogfb') . " {$fbmake}";
			print __(',', 'photoblogfb') . " {$fbmodel}";
		}

		/* Alle EXIF-Daten untereinander ausgeben */
		/**
		foreach ($exif as $key => $section) {
			foreach ($section as $name => $val) {
				echo "$key.$name: $val\n";
			}
		}
		*/
	}
}

© Frank Bültge, All rights reserved / Alle Rechte vorbehalten. (ID: 6e8b33de4342c4f2ca76b245199aeee8)

Danke für das Abonnieren meines Feed! Inhalt gefällt? Danke sagen · Kommentieren

Das man mit WordPress mehr machen kann, als nur einen Weblog im Sinne des Tagebuches, ist bekannt. Auch die Möglichkeit der Darstellung von Photos im Sinne eines Weblogs wurde schon hinreichend nachgewiesen. Die Themevielfalt, die es dafür am Markt gibt, ist allerdings nicht so umfangreich und somit habe ich für die Darstellung einiger meiner Bilder an eine eigenes gemacht.

Um die Darstellung der Photos in der Vordergrund zu rücken, habe ich mich für Schlichtheit entschieden und nur wenige Angaben zu den Photos gemacht. Das Theme selber, ist aber so aufgebaut, dass man auch Inhalte zum Photo hinterlegen kann - der content aus dem bekannten WordPress-Edit-Bereich.
Ebenso sollten die Informationen (EXIF) der Photos geladen werden, wenn sie vorhanden sind.
Das Theme benutzt das JavaScript-Framework jQuery, was seit WordPress Version 2.1 im Standard enthalten ist. Auf diesen Standard greift das Plugin zurück, es muss also nicht extra im Theme vorhanden sein. Für jQuery wude sich aufgrund des sehr kleinen Datenpakets (20kByte) entschieden.

Demo

Ansehen kann man das PhotoBlog unter bueltge.de/photos

Installation

1. Download des Theme-Packetes und lokal entpacken
2. Den kompletten Inhalt in das Verzeichnis /wp-content/ kopieren, oder:
   • Den Ordner PhotoBlogFB incl. aller Inhalte in das Theme-Verzeichnis kopieren (/wp-content/themes/)
   • Das Plugin fb_meta.php in das Plugin-Verzeichnis kopieren (/wp-content/plugins/)
3. Das Plugin MetaKey aktivieren, im Adminbereich --> Plugins des Weblogs
4. Das Theme PhotoBlogFB im Themebereich aktivieren.

Hinweise

Das Theme ist seit Version 1.3 für WordPress 2.3 optimiert.

Damit man das Theme nutzen kann und alle Funktionen laufen, sind einige Regeln zu beachten.

• Die Blogseite sollte lediglich einen Beitrag darstellen: Einstellungen --> Lesen --> Zeige die letzten: 1 Beiträge
• Es bietet sich an, die Bilder mit Hilfe der Upload-Funktion von WordPress hochzuladen, so erhält man gleich ein Thumbnail und die entsprechenden xHTML-Tags für die folgenden Erläuterungen.
• Die EXIF-Daten können nur ausgelesen werden, wenn PHP >= 4.0.1 vorhanden ist und ...
• ein benutzerdefinertes Feld image mit dem Dateinamen des Bildes (Bsp: photo_1.jpg, wenn es im Ordner uploads liegt, sollte es nach Datum sortiert sein, so wie es WordPress anbietet, dann muss der Pfad nach uploads angegeben werden Bsp: 2007/04/photo_1.jpg) gepflegt ist.
  
  Ebenso muss das Plugin MetaKey aktiv sein, ansonsten kann der Schlüssel nicht gelesen werden.
• Wenn es ein Archiv oder/und Sitemap aller Bilder geben soll, dann muss die optionale Kurzfassung mit dem xHTML-Code zum Thumbnail des Bilder gefüllt sein. Die Kurzfassung wird für das Archiv und die Sitemap gezogen, Bsp.:

  <img src='http://bueltge.de/photos/wp-content/uploads/bild_1.thumbnail.jpg' alt='Bogenschütze' />

  

• Um ein Archiv aller Bilder zu erzeugen, muss lediglich eine Seite erzeugt werden, die als Template Archiv nutzt.
• Um zusätzlich eine Sitemap/ Archiv anzubieten, welches die Bilder nach Kategorien darstellt, muss eine Seite erzeugt werden und das beispielsweise das Plugin Sitemap Generator genutzt werden.

Optional

Es kann weiterhin das Plugin, im Packet enthalten, CustomAdminCSS aktiviert werden, dadurch stehen im Edit-Bereich nur noch die Felder zur Verfügung, die auch benötigt werden. Mittels dem css-File im Plugin kann dies auch angepasst werden.

Das Package enthält eine .pot-Datei, damit können die Texte einfach, ohne Eingriff in den Code der Templates, geändert werden. Ebenso besteht so die Möglichkeit das Theme in andere Sprachen zu übersetzen.

Im Footer des Themes ist eine Grafik und ein Link auf meine Seite, wer das nicht mag, rausschmeisen - dazu einfach die footer.php bearbeiten und den html-Tag img ... href="http://bueltge.de" entfernen.

Tipps und Tricks

Nach einigen Fragen, die ich per Mail erhalten habe, will ich kurz hier die Lösungen, die ich für relevant halte, hinterlegen, so dass sie jeder in sein Theme integrieren kann.

• Bereich Galerien im Sidebar beim Besuch schließen: header.php bearbeiten und suche
  $("form").hide();

  erweitere um eine weitere Zeile

  
  $("form").hide();
  $("ul").find(".categories").hide();
  

• Beim Laden der Bilder soll ein Einblendeffekt entstehen.
  auch dazu die den JS-Abschnitt in der header.php bearbeiten, suche

  
  $("form").hide();
  

  und ersetze mit

  
  $("form").hide();
  $(".entry").find("img").fadeIn('normal');
  
  $("a#ShrinkImg").click(function() {
  	$(".entry").find("img").fadeOut('normal');
  })
  $("p.postlink").click(function() {
  	$(".entry").find("img").fadeOut('normal');
  });
  

  Für den Wert normal kann auch fast, slow oder ein Wert in ms genommen werden, Bsp. 500.

• Es empfiehlt sich, den Cache von WordPress einzuschalten, denn damit können die Datenbankabfragen, vor allem der Sitemap-Seite stark gesenkt werden.
  Dazu einfach in der wp-config.php folgenden Wert erweitern:

  
  define('ENABLE_CACHE', true); // Cache on
  define('CACHE_EXPIRATION_TIME', 604800); // Cachetime in seconds
  

Download:

Ist die Arbeit nicht 1 Euro wert?
Jede Spende wird dankbar angenommen und ermöglicht das weitere Arbeiten an freier Software.
Möchtest du mehr oder anders spenden, so besuche meine Wunschliste.

Download als zip-Datei (incl. en-Language File, pot-File for other languages):
PhotoBlogFB.zip - 50 kByte

Download als zip-Datei (incl. en-Language File, pot-File for other languages):
greyfoto.zip (PhotoBlogFB2, Design per Widget steuerbar, etc.) - 252 kByte
Weitere Information finden sich im Artikel: PhotoBlog Theme für WordPress mit Widgetanpassung

Information

Ich habe eine neue Version geschrieben, die macht das veröffentlichen von Bildern viel einfacher. Bitte nutze die neue Version und ließ den Beitrag dazu.

Historie

• V1.0 - Eine Idee kann genutzt werden.
• V1.1 - Mehrsprachigkeit erweitert, Englisches Sprachfile, ErrorReporting der EXIF-Fkt. deaktiviert
• V1.2 - Änderung der Mehrsprachigkeit in header.php und style.css
• V1.3 - WP 2.3 fähig, kleine Veränderungen im JS, Archiv-Fehler beseitigt
• V2.0 - Neue Struktur, Layout Widgetfähig und anpassbar incl. JS-Funktion, Sidebar und Footer komplett per Widget steuerbar. Tag-Unterstützung, kleine Desiganpassungen, direktes Laden von jQuery, viele Codeverfeinerungen
• V2.2 - Änderungen in den Funktion, siehe Beschreibung, Styleswitcher integriert, keine Pflege von Auszug und Benutzerdef. Feldern notwendig

In english

Thanks to Sadly for translation.

Information

I have write a new version - she is so easy to use. Please use the new theme.

PhotoBlog Theme for WordPress

It’s well known that WordPress can go far beyond a “typical” weblog / online journal. The possibility to display pictures as part of a blog has itself already been amply demonstrated. Yet the number of themes available to do so is somewhat limited, which is why I designed one intended for this purpose.

In order to place the display of photos center stage I’ve opted for a minimalist design and one that doesn’t overwhelm with information about the pictures displayed. The theme itself is nevertheless designed in such a way that one can provide such information about the photos – in the familiar WordPress editing page. EXIF data, if available, can also be retrieved. The theme uses the jQuery JavaScript-Framework, which has been included with the standard WordPress installation since version 2.1. The plugin uses the standard JS that is part of WordPress, meaning that it does not need to be installed separately. The decision to use jQuery was made on account of its very small file size (20KB).

Demo

The PhotoBlog theme can be seen live here: http://bueltge.de/photos/

Installation

1. Download the theme and unzip the files on your computer.
   You may then proceed in one of two ways:
2. Upload the unzipped folder/files in the /wp-content/ folder of your WordPress installation, OR:
   • Upload the PhotoBlogFB folder and all the files within it to the /wp-content/themes/ of your WordPress installation.
   • Upload the file fb_meta.php (MetaKey plugin) in the plugin directory (/wp-content/plugins/) of your WordPress installation.
3. Activate the MetaKey plugin in WordPress.
4. Activate the PhotoBlog theme in WordPress.

Advices

Since version 1.3, the theme has been optimized for WordPress 2.3.

A few things to note in order to ensure that the theme works properly:

• The blog must always contain a single post/entry (there can be more, but never less). To ensure that this is always the case, go to WordPress Options / Reading / Show the most recent: 1 (or more!) post(s)
• Use of the upload feature in WordPress is recommended, as this also generates a thumbnail image and the appropriate xHTML tags for the features below.
• EXIF data can only be read if PHP > 4.0.1 is installed, ...
• and a user-defined image field with the name of the picture (e.g. photo_1.jpg, if it is in the uploads folder, should be sorted according to date, as done by WordPress, in which case the folder where the images have been uploaded must be entered, e.g. 2007/04/photo_1.jpg) is added.
  
  The MetaKey plugin must be active in order to ensure that the information can be read.
• Should there be an archives/sitemap page containing all pictures, the optional short version of the xHTML code for the thumbnail images must be filled out. The short version will be used for the archives and sitemap, e.g.

  <img src='http://bueltge.de/photos/wp-content/uploads/bild_1.thumbnail.jpg' alt='Bogenschütze' />

  

• A page using an archives template is needed in order to generate a single page with Template Archiv showing all pictures.
• A page containing for example the plugin Sitemap Generator must be used in order to offer a Sitemap/Archives page.

Optional

The plugin CustomAdminCSS, included in the theme, can also be activated. This will make the fields needed available on the editing page. The theme’s CSS file can be used for further customization.

The package contains a .pot file which makes it possible to change the texts without having to edit the template’s code. This also makes it possible to translate the theme into another language.

The theme’s footer contains a small graphic and a link back to my blog; for those who dislike this, simply remove these by editing the footer.php file and the relevant HTML tag and the link to img ... href="http://bueltge.de".

Tips & Tricks

The following are answers to the most relevant questions I have received by email.

• The values fast or slow can also replace normal above; a value in ms can also be entered: e.g. 500.
• It is advisable to turn on the WordPress cache in order to significantly reduce the number of database queries that will be generated, especially through a Sitemap page. Modify the following value in the wp-config.php page:

  
  define('ENABLE_CACHE', true); // Cache on
  define('CACHE_EXPIRATION_TIME', 604800); // Cachetime in seconds
  

© Frank Bültge, All rights reserved / Alle Rechte vorbehalten. (ID: 6e8b33de4342c4f2ca76b245199aeee8)

Danke für das Abonnieren meines Feed! Inhalt gefällt? Danke sagen · Kommentieren