30. Jun 2009

posted in Featured Articles, Portfolio, Website Design | 0 Kommentare

XPress

XPress

Für unser aktuelles Projekt activePress wollten wir ein Webpage Design umsetzen welches wir für zukünftige Projekte wiederverwenden können. Zudem soll die Navigation einfach von der Hand gehen, und genügend Platz für genügend Content geschaffen werden bei einem gleichzeitig ‘nicht’ überladenem Überblick.

Da wir zur Zeit viel mit Wordpress arbeiten war klar, es muss ein Wordpress Theme sein ‘des olle Stickl spüt’ (Übersetzung.: das alle Stücke spielt)

Es sollte ’sliden’, ‘bouncen’, ’scrollen’, ‘popupn’ und ‘glowen’, und zudem einfach zum ‘changen’ sein. Man sollte nur noch ein neues Wordpress hochziehen müssen, Theme installieren, Content einfügen – und basta!

So entstand XPress, das Theme ‘des olle Stickl spüt’

XPress wurde mit dem Hintergedanken erstellt, ja viele Javascript Effekte reinzupacken – von slider, accordion, tab-slider, overlay, tooltip, ziemlich alles was den JQuery Fan begehrt findet sich hier wieder. Doch auch ohne Javascript funktioniert dieses Theme wunderbar.

Bis zu 7 Main Pages, je Main Page wiederrum 5 Subpages und je Subpage wiederrum 8 Subpages werden vom Theme dynamisch ausgelesen. Das sind insgesamt 280Pages, oder in diesem Fall Slides – den jede Page wird in einer Slide dargestellt, in einem der 3 Slider.

Im Top Slider werden alle Main Pages dargestellt, dies eignet sich hervorragend um eine Übersichtsseite zu gestelten mit Teaser-Image und Text. Custom Fields positionieren in dieser Seite einen Button. Das Bild zu dem Button und die Destination können auf diese Weise individuell konfiguriert werden. Die Destination wird an Hand der Content-ID bestimmt. Das Theme eroirt so, auf welcher Slide der Content sich befindet und slidet automatisch hin. Ein integrierter ‘Auto-Scroller’ scrollt auch automatisch nach ‘oben’ oder nach ‘unten’ – je nach dem in welchem Slider sich der Content befindet.

Der Main Slider ist der Slider der alle Pages der 2. Ebene darstellt. Also alle Subpages einer speziellen Page. Der Clou: Durch Nutzen des Zusatzfeldes Template, und das Einfügen eines dementsprechenden Wertes (zb. tab) werden auf dieser Subpage, sämtliche Pages der 3. Ebene in ‘Tab Slider’-Form dargestellt.

Im Bottom Slider / Widget Slider sliden einige Widgets hin und her. Technisch steht es hier völlig frei wieviele Widgets veröffentlicht werden können. Praktisch wäre es sinnvoll bis zu 8 Widgets zu positionieren die direkt UND indirekt mit dem Content im Kontext stehen.

Ein im Theme integriertes Widget-System, erlaubt es uns gleichzeitig alle benötigten Widgets ‘Marke: Eigenebau’ zu integrieren. So sind wir nicht mehr darauf angewiesen jedes Mal ein Twitter-Plugin für Wordpress zu suchen das mit der aktuellen Wordpress Version kompatibel ist, vom Entwickler weiter entwickelt wird… Speziell beim Twitter-Plugin ist uns auch aufgefallen das es viele gibt die nicht anständig funktionieren. So kann es manchmal vorkommen das die ganze Seite elend lange lädt weil erst noch auf den einen Tweet gewartet werden muss.

Unser Twitter Widget ist ein wenig anders aufgebaut, es cached den Tweet, und gibt diesen, im Falle eines ‘Nicht-Erreichens’ von twitter.com, aus. Ausserdem konnten wir so gleich ein System mit einbauen, welches uns erlaubt via Widget Options das Layout und Aussehen des Widgets zu beeinflussen.

Weiters haben wir ein Buzz Widget, welches die Beiträge einer Kategorie ausliest und wiedergibt – ebenfalls mit vielen Einstellungen. Ein Newsletter Widget, Login Widget, RSS-Widget,….

Globale Theme Options, Custom Fields, und einige weitere kleine Spielerein tragen ebenfalls ihren Teil dazu bei, es leicht zu machen, eine neue Website zu erstellen.

(der auf den Screenshots dargestellte Content ist lediglich Demo-Content und bezieht sich auf unser aktuelles Projekt activePress)

Leave a Reply

*
To prove you're a person (not a spam script), type the security word shown in the picture. Click on the picture to hear an audio file of the word.
Click to hear an audio file of the anti-spam word