Jenseits von Technologie » Wordpress http://www.andreaslezgus.de/blog dort wo Menschen am Werk sind... Sat, 29 Oct 2011 12:16:17 +0000 en hourly 1 http://wordpress.org/?v=3.3.1 WordPress und YAML reloaded http://www.andreaslezgus.de/blog/allgemein/wordpress-und-yaml-reloaded/ http://www.andreaslezgus.de/blog/allgemein/wordpress-und-yaml-reloaded/#comments Sat, 17 Nov 2007 15:10:01 +0000 Andreas http://www.andreaslezgus.de/blog/2007/11/17/wordpress-und-yaml-reloaded/ Mit erscheinen von WordPress 2.3x habe ich ein neues WordPress-Template für mein Weblog erstellt. Hierbei verwende ich weiterhin das sog. YAML-Framework. Das YAML-Framework ist ein Open-Source-Projekt von Dirk Jesse und wird seit der Veröffentlichung im Oktober 2005 kontinuierlich weiterentwickelt. In der Version 3.x bringt die neue Version zahlreiche Verbesserungen und auch einige Veränderungen mit sich.

Das Template mit entsprechender Installationsbeschreibung kann hier heruntergeladen werden und ist ohne Plugins oder Webdiensten von Drittanbietern einsetzbar:

YAML for WordPress 1.0 Template

YAML for WordPress 1.0 Installationsbeschreibung

Das jeweils aktuelle Template auf diesem Weblog sowie zu unterschiedlichen Zeiten verwendeten älteren Themes finden Sie unter dem Veränderungsprotokoll (Changelog) hier:

einfach umsetzen – Changelog

einfach umsetzen – Icons

einfach umsetzen – Plugins

Weiterhin verwendet dieses Weblog verschiedene Webdienste, die von Drittanbietern angeboten werden. Vor dem Einsatz ist jeweils hierzu bei folgendem Webdienst eine eigene kostenlose Anmeldung durchzuführen und die jeweilige individuelle ID an der in der Installationsbeschreibung aufgeführten Codezeile einzutragen:

Amazon Widgets – Meine Empfehlungen

Google Custom Search – Individuell Google Suche

Del.icio.us – Tagcloud und Linkliste

Flickr – Stream freigegebener Urlaubsbilder

Feedburner – RSS Abonnements

Im Programmiercode der einzelnen Templateseiten sind jeweils Entwicklungskommentare enthalten, die weiterführende Hinweise und Übersichten auflisten. Weitere Hinweise und Erläuterungen zu WordPress, Theme-Entwicklung, Entwicklerdokumentation, etc. finden Sie unter folgenden Links:

WordPress Themes verstehen (Serie auf perun.net)

Bueltge – Wir schreiben ein WordPress-Theme

Dynamicinternet – WordPress-themes-step-by-step

WordPress Codex Entwicklerdokumentation

Weitere WordPress und YAML-Themes:

Blitzblank von Jochen Bauer

Dynamicinternet WordPress-Themes

Bitte beachten Sie: Leider bin ich aus zeitlichen Gründen nicht in der Lage, langfristige und umfangreiche Unterstützung (Support) für das Theme in alle Systemumgebungen anzubieten. Hinweise auf Verbesserungen oder eigene Weiterentwicklungen sind jedoch jederzeit herzlich willkommen…

]]> http://www.andreaslezgus.de/blog/allgemein/wordpress-und-yaml-reloaded/feed/ 7 YAML 3 mit WordPress http://www.andreaslezgus.de/blog/allgemein/yaml-3-mit-wordpress/ http://www.andreaslezgus.de/blog/allgemein/yaml-3-mit-wordpress/#comments Sun, 29 Jul 2007 14:44:54 +0000 admin http://www.andreaslezgus.de/blog/2007/07/29/yaml-3-mit-wordpress/ Das YAML-Framework ist ein Open-Source-Projekt von Dirk Jesse und wird seit der Veröffentlichung im Oktober 2005 kontinuierlich weiterentwickelt. In der Version 3.x bringt die neue Version zahlreiche Verbesserungen und auch einige Veränderungen mit sich.

Vor diesem Hintergrund habe ich ein persönliches WordPress-Theme unter dem Namen Simplex (Version 1.0) auf die neue YAML-Version angepasst. Es wurde für die Version WordPress 2.1x und YAML 3.03 entwickelt, sollte jedoch auch mit WordPress 2.3x lauffähig sein.

Wie es immer mit “Version 1.0 Dingen” ist, gibt es hierzu sicherlich auch Verbesserungsvorschläge. Damit eine individuelle Anpassung an eigene Bedürfnisse möglich ist, habe ich hier den Installationsvorgang und entsprechende Code-Passagen dokumentiert.

Achtung: Die jeweils aktuelle Version des auf diesem Weblog verwendeten WordPress-Theme finden Sie unter: http://www.andreaslezgus.de/blog/changelog

Baukasten und eingesetzte Komponenten:

WordPress:

Grundvoraussetzung für den Betrieb des Templates Simplex ist eine funktionsfähige WordPress Installation.
In der Regel ist hierzu ein Dienstanbieter (Provider) für das Unterbringen (Hosting) der Seiten erforderlich, der als Leistungsmerkmale mindestens die Erweiterungen PHP (Scriptsprache) und MySQL (Datenbank Dienst) bereitstellt.

Eine Installationsanleitung für WordPress finden Sie unter http://wordpress-deutschland.org/installation

YAML:

YAML basiert auf Webstandards und ist ein vielseitiges Werkzeug zur Erstellung flexibler, barrierearmer CSS-Layouts. Das YAML-Framework ist umfangreich dokumentiert und kann unter http://www.yaml.de abgerufen werden. Änderungen und neue Versionen von YAML können einfach mit dem Simplex-Theme eingesetzt werden. Hierzu ist lediglich die aktuellste YAML-Version in den entsprechenden Ordner des Theme-Verzeichnisses zu kopieren. So stehen neue Browseranpassungen oder Fehlerbehebungen schnell zur Verfügung.

Icons:

Das Simplex-Theme verwendet folgende freie Icons und Grafiken:

Toolbar Icons von Matt Ball
http://www.mattballdesign.com/portfolio/icons/devicons/devicons.zip

Aqua Gloss Icons von Deziner Folio
http://www.dezinerfolio.com/2007/02/25/free-aqua-gloss-icons/

Social Media Icons
http://www.e7graphics.net

Simplex-Theme 1.0:

Das mit diesem Weblog betriebene Template Simplex enthält in der Version 1.0 bereits alle erforderlichen Dateien (Icons und YAML 3.01), um eine Standardinstallation durchführen zu können.

Installation

Download-Paket kann hier heruntergeladen werden:
http://www.andreaslezgus.de/blog/downloads/simplex.zip

Eine Installationsbeschreibung ist hier zu finden:
http://www.andreaslezgus.de/blog/downloads/Simplex_Dokumentation.zip

Für einen reibungslosen Betrieb der Navigationsstrukturen sollte die WordPress-Installation benutzerfreundliche URL-Namenskonvetionen ermöglichen. Hierzu ist unter den sog. Permalink-Einstellungen die Optione “basierend auf Name und Datum” auszuwählen. Der Webserver / Hoster sollte dabei die sog. mod_rewrite() Option ermöglichen.

Zur Anpassung einzelner Navigationspunkte wie z.B. Kontakt, Abonnements, Datenschutz, etc. sind jeweils neue Seiten in WordPress anzulegen. Beim Anlegen der neuen Seiten sind wie in der Dokumentation aufgeführt, die mitgelieferten Templates auszuwählen, um eine entsprechende Verbindung zu erstellen.

Darüber hinaus können die in der Dokumentation aufgeführten WordPress-Plugins mit dem Simplex-Theme automatisch verwendet werden. Hierzu sind die einzelnen Plugins von den jeweiligen Autoren herunterzuladen und in WordPress unter dem Menüpunkt Plugins entsprechend zu aktivieren.

Weitere Plugins können ggfls. mit entsprechenden Anpassungen der einzelnen PHP-Seiten integriert werden.

Individuelle Anpassungen an dem Simplex-Theme:

Anpassen der Meta-Tags:

In der Datei header.php können die entsprechenden Meta-Informationen über das Weblog ergänzt werden. Bitte hierzu ab Zeile 26 die Änderungen vornehmen.

Anpassen der Teaserinformationen auf den einzelnen Seiten:

Auf jeder Seite befinden sich zu Beginn sog. Teaserinformationen, wie z.B. auf der Startseite der Bereich Willkommen mit entsprechendem Text und rechts daneben ein Zitat. Beispiele sind: index.php (Startseite) und contact.php (Kontaktseite).

Änderungen können in der jeweiligen PHP-Datei i.d.R. ab der Zeile 8 vorgenommen werden (#Beginn Willkommen-Teaser). Der linke Bereich befindet sich im sog. Block1 und das Zitat im Block2.

Anpassen der Sidebar (rechte Spalte des Blogs):

Hier können Sie ihre eigenen Projekte anpassen und Verweise auf besondere Seiten Ihres Blogs anzeigen lassen. Gehen Sie hierzu in die Zeile 40 und ändern Sie die entsprechenden Einträge.

Anpassen der individuellen Verweise auf Netzwerkdienste:

In der Fußzeile footer.php können Sie ihre eigenen Verweise auf Netzwerkdienste, wie z.b. flickr.com oder xing.com eintragen.

Bitte nehmen Sie die Änderungen zwischen Zeile 47 und 51 vor.

Anpassen einer benutzerspezifischen Tag-Cloud vom Bookmarkdienst del.icio.us:

In der Datei favoriten.php können Sie Ihre eigenen Verweis auf das Linkverzeichnis von del.icio.us angeben. Tragen Sie hierzu bitte die Angaben entsprechend in Zeile 34 ein.

Anpassen der Hintergrundfarbe und Seitenränder des Templates:

Im Simplex-Verzeichnis gehen Sie bitte hierzu in die wordpress.css Datei im unterverzeichnis /css. Dort finden Sie in Zeile 42 den entsprechenden Farbwert und den Verweis auf die Hintergrundgrafik.

Anpassen des Weblog-Logos:

Im Simplex-Verzeichnis gehen Sie bitte hierzu in die wordpress.css Datei im unterverzeichnis /css. Dort finden Sie in der Zeile 130 den entsprechenden Verweis auf die Hintegrundgrafik des Logos. Bitte erstellen Sie ein benutzerspezifisches Logo mit der Größe von 964 * 184 Pixel und binden es hier entsprechend ein.

Anpassungen von YAML:

Bitte entpacken Sie die jeweils aktuellste Version von YAML (www.yaml.de) in ein Verzeichnis und kopieren hieraus das Unterverzeichnis /yaml in das gleichnamige Unterverzeichnis im Simplex-Theme Verzeichnis. Weitere Änderungen sollten zunächst nicht erforderlich sein. Anpassungen die WordPress spezifisch vorgenommen wurden, finden Sie ausschliesslich im Unterverzeichnis /css und dort in der wordpress.css Datei.

Informationen zu älteren Simplex-Template Versionen und Kommentaren finden Sie unter:
http://www.andreaslezgus.de/blog/2006/10/07/wordpress-und-yaml-im-team/

Weitere allgemeine Informationen zum Aufbau von WordPress-Themes finden Sie unter:
http://www.perun.net/2007/07/30/wordpress-themes-verstehen-1

Anregungen und Verbesserungen sind herzlich willkommen.

Viel Spaß mit dem Simplex-Theme.

Andreas Lezgus

]]> http://www.andreaslezgus.de/blog/allgemein/yaml-3-mit-wordpress/feed/ 21 Warum Webstandards, CSS und Barrierefreiheit wichtig sind… http://www.andreaslezgus.de/blog/allgemein/warum-webstandards-css-und-barrierefreiheit-wichtig-sind/ http://www.andreaslezgus.de/blog/allgemein/warum-webstandards-css-und-barrierefreiheit-wichtig-sind/#comments Sun, 15 Oct 2006 17:29:23 +0000 admin http://www.andreaslezgus.de/blog/2006/10/15/warum-webstandards-css-und-barrierefreiheit-wichtig-sind/ … wird in diesem Comic einfach erklärt. Ein Streifzug durch die verschiedenen Elemente mit Erläuterungen und Beispielen, die auch von Leuten verstanden werden, für die W3C-Spezifikationen nicht zum üblichen Tagesgeschäft zählen.

Hier finden Sie den Link zur deutschen Übersetzung des Comics:
http://seybold.jan-andresen.de/index.php

]]> http://www.andreaslezgus.de/blog/allgemein/warum-webstandards-css-und-barrierefreiheit-wichtig-sind/feed/ 1 Layout mit CSS optimieren und mit allen Browsern testen http://www.andreaslezgus.de/blog/allgemein/layout-mit-css-optimieren-und-mit-allen-browsern-testen/ http://www.andreaslezgus.de/blog/allgemein/layout-mit-css-optimieren-und-mit-allen-browsern-testen/#comments Sun, 15 Oct 2006 12:12:31 +0000 admin http://www.andreaslezgus.de/blog/2006/10/15/layout-mit-css-optimieren-und-mit-allen-browsern-testen/ BloggingPro hat einige grundsätzliche Optimierungsmöglichkeiten von CSS-Dateien unter http://www.bloggingpro.com/archives/2006/08/17/css-optimization veröffentlicht.

Damit Sie nach einer Optimierung nicht alle möglichen und verfügbaren Browser auf dem eigenen PC installieren müssen, gibt es einen Dienst, der ein Testbild Ihrer Seiten von allen gängigen Browsern übermittelt. Na, ja – ob man sich drauf verlassen kann ;-)
Hier der Link: http://browsershots.org

Zum Abschluss können Sie dann Ihre Layoutinformationen in CSS-Dateien komprimieren, um die Ladezeiten zu verkürzen. Hierzu finden Sie unter http://iceyboard.no-ip.org/projects/css_compressor einen entsprechenden Dienst.

]]> http://www.andreaslezgus.de/blog/allgemein/layout-mit-css-optimieren-und-mit-allen-browsern-testen/feed/ 0 WordPress und YAML im Team http://www.andreaslezgus.de/blog/allgemein/wordpress-und-yaml-im-team/ http://www.andreaslezgus.de/blog/allgemein/wordpress-und-yaml-im-team/#comments Sat, 07 Oct 2006 09:56:35 +0000 admin http://www.andreaslezgus.de/blog/2006/10/07/wordpress-und-yaml-im-team/ Das Layout dieser Seiten basiert auf einem Baukastensystem, welches möglichst viele Standards und Browser unterstützt, dem sog. YAML-Framework von Dirk Jesse. Darüber können eine Reihe von WordPress-Erweiterungen (Plugins) und Internet-Dienste (z.B. Newsletter und Favoriten) automatisch verwendet oder gesondert integriert werden.

Achtung: Die jeweils aktuelle Version des auf diesem Weblog verwendeten WordPress-Theme kann sich erheblich unterscheiden, da dieses Template bereits 2006 erstellt wurde.

Für Interessenten, die eine Integration der hier vorgestellten Dienste und Layoutoptionen
einfach umsetzen wollen, hier der Versuch einer schrittweisen Erläuterung:

  • Grundvoraussetzung für den Betrieb dieser Seiten ist eine funktionsfähige WordPress Installation. In der Regel ist hierzu ein Diensteanbieter (Provider) für das Unterbringen (Hosting) der Seiten erforderlich, der als Leistungsmerkmale mindestens die Erweiterungen PHP (Scriptsprache) und MySQL (Datenbank-Dienst) bereitstellt.
  • Eine Installationsanleitung für WordPress finden Sie unter http://wordpress-deutschland.org/installation.

 

Standardvorlage für WP ab 2.2x (Simplex Version 1.0)

Eine Standardvorlage für eine einfache Installation ohne Plugins finden Sie hier:

Standardvorlage für WordPress 2.2x und YAML 3.x :

 

Sie können eine Reihe von Plugins mit dem Theme verwenden, um spezielle Funktionen zu erweitern. Aktuell verwende ich automatisch folgende Plugins, die bei Bedarf einfach in WordPress aktiviert werden können (Template kann jedoch auch ohne diese Plugins verwendet werden):

Für die Integration weiterer Plugins siehe die oben aufgeführte Installationsbeschreibung.

 

Haben Sie Fragen zur Anpassung oder Probleme bei der Installation schreiben Sie mir einfach eine kurze Mail. Viel Spaß beim Ausprobieren…

.

]]> http://www.andreaslezgus.de/blog/allgemein/wordpress-und-yaml-im-team/feed/ 151