12.05.2006

Ein neues Plugin in der Templaterie

Silke Schümann wrote this 10:13:

HG-Definition: Hintergrundgrafiken im Header selber ändern können

Screenshot HG-Definition
Auf das erste Plugin, das ganz unter der Flagge von tempus creativ steht, bin ich mächtig stolz. Ich danke Esim Can (für die Grundlagen, dass es dieses Plugin geben konnte), dem Strohhalm (für den entscheidenden Hinweis für die Kontextsensitive Hilfefunktion) und die unzähligen Quellen im Netz für die Unterstützung.

Was macht HG-Definition?

Das Plugin ermächtigt den User von Editland aus dem Bildordner Hintergrundgrafiken, die sie selbst hochgeladen können, in die Seite einzufügen. Wenn ein User das Plugin über eine Schaltfläche direkt am Bereich des veränderbaren Element (i.R. der Headergrafik) anklickt, öffnet sich ein Dialogfenster, wo Bild, Farbe und die Art und Weise wie sich das Bild verhalten soll einstellen kann. Wer das nun ausprobieren möchte, kann dies in der Demo tun, z.B. auf der Neuen Seite in der Demoprovinz Quest (Der Admin ist passwortgeschützt. Bitte Zugang und das Passwort bei mir anfordern.)

Wie funktioniert HG-Definition

Im Template wird ein halbes HTML-Element durch den Platzhalter ###---HGDEF---### ergänzt. Das Plugin schreibt nun dieses halbe HTML-Element zu Ende. Das heißt, wenn der Hintergrund des Headers zu dieser Seite einen neuen Definitonseintrag in der Liste hat, setzt das PHP-Skript einen Inlinestyle, wenn nicht, vervollständigt es das unvollständige HTML-Element. Durch die Verwendung des Inlinestyle wird die Anweisung im Stylesheet für diesen Bereich überschrieben.

Der Quelltext im Template, sieht z.B. so aus:

  1. <div class="header"###---HGDEF---###
  2. ###---STATICCONTENT---###
  3. </div>

Die Ausgabe sieht ohne Anderung so aus:

  1. <div class="header">
  2. ###---STATICCONTENT---###
  3. </div>

… und mit Anderung:

  1. <div class="header" style="background: url(pics/meinhintergrund.jpg) top right no-repeat #dd0000;">
  2. ###---STATICCONTENT---###
  3. </div>

Was fängt man mit HG-Definition an?

Wie schon Editland entbindet es von der Notwendigkeit immer gleich einen Webdesigner zu engagieren, wenn man nur eine Grafik austauschen möchte. Sinnvolle Anlässe das Hintergrundbild zu tauschen ergeben sich durch Aktionen, Feiertage und andere thematische Anlässe. Es macht die Website insgesamt lebendiger und schafft einen frischen und aktuellen Eindruck.

Hintergrundbilder haben den Vorteil, dass man darüber eigene Texte schreiben kann. Und dafür gibt es gute Gründe, gerade wenn man eine Seite haben möchte, die weniger starr am tebellenartigen Raster klebt.

Verwandte Beiträge:

* Filed under: Design, Programmierung, Webmarketing
* 1 Comment

One Response to “Ein neues Plugin in der Templaterie”

  1. Templaterie Blog Says:
    May 14th, 2006 at 12:48

    [...] Ein neues Plugin in der Templaterie [...]

Leave a Reply