Viele schöne Seiten präsentieren großflächige und hochauflösende Bilder. Natürlich wollen unsere Designer das auch und damit der geneigte Besucher Abwechslung bekommt und die Bilder mit dem Inhalt der Seite harmonieren können, wird die Seite mit TYPO3 aufgebaut und die Kopfbilder über die Seiteneigenschaften (Ressourcen / Dateien) selbst gepflegt.
Soweit kein Problem und schon tausendmal implementiert. Aber wie sieht es aus, wenn der Redakteur mehrere Bilder auswählt? Na logisch: auf der Seite werden sie sehr sanft übergelendet (fadeIn, fadeOut). Und klar, das passiert natürlich mit jQuery und dem genialen Plugin innerfadevon den medienfreunden.
Der Titel klingt etwas komisch, aber die Funktion an sich ist super praktisch. Worum geht es? Es gibt verschiedene Situationen in denen Inhalte vom Redakteur gepflegt werden sollen, die z.B. auf jeder Seite auftauchen sollen. Aktuell hatten wir das mit einem Copyright Hinweis der auf jeder Seite erscheinen "musste".
Die erste Idee war, es einfach fest ins Template zu schreiben, aber das ist natürlich super unpraktisch bei Mehrsprachigkeit und der "Workflow" des Redakteurs ist alles andere als optimal.
Für einen unserer Kunden brauchten wir eine einfache Seite, plus ein paar Unterseiten, um den Projektvorgang zu dokumentieren. Nichts Kompliziertes und nichts super Geheimes, aber doch soweit versteckt, dass die Besucher und die Suchmaschinen die Inhalte nicht finden.
Deshalb haben wir folgenden Vorgang ermöglicht: Wird die spezielle Unterseite mit dem zusätzlichen Parameter "login=passwort" aufgerufen, wird der Inhalt angezeigt, wenn nicht wird sich freundlich beim Benutzer entschuldigt.
Das ganze funktioniert mit einem einzigen Extensiontemplate. Ohne Extensions und jQuery. Viel Spaß beim Lesen!
Mit TYPO3 kann man auf einfache Art eine Sitemap für das Projekt erstellen. Dazu fügt man ein neues Contentelement auf eine beliebige Seite ein und wählt den entsprechenden Ausgangspunkt. Fertig ist die verschachtelte und wenig ansehnliche Liste.
Jetzt gibt es eine ganze Reihe Extensions die hier ansetzen um ein bisschen Interaktivität reinzubringen. Aber warum so kompliziert? Wenn jQuery eingebunden ist, benötigt man nichts weiter als ein zusätzliches HTML Element, ein paar JavaScriptzeilen und etwas CSS.
Hier kommt ein Tutorial für eine interaktive, mehrsprachige Sitemap, die auch ohne JavaScript benutzbar bleibt und CSS Sprites benutzt. Getestet unter Firefox, Safari, Internet Explorer 6 und 7. Anwendbar auf jede verschachtelte Liste, mit einer dynamischen Demo.
Mal angenommen man hat mit dem Kickstarter eine tolle Erweiterung erstellt, fröhlich begonnen zu entwickeln und dann festgestellt man braucht weitere Felder.
Oder man hat eine fremde Extension schon soweit verbogen, dass man getrost auch noch die Datenbank erweitern könnte, dann braucht man eine ganze Menge Geduld, ein gutes Gedächnis oder die folgende Anleitung.
Nach dem ich mal wieder über den Appell an Webentwickler gestolpert bin, beginne ich meinen ersten zweiten Eintrag dieses Jahres mit einem tollen Thema welches ich zwischen den Jahren entdeckt habe: Die effektive Kommunikation zwischen TYPO3 und jQuery dank Ajax.
Möglich macht das die Funktionalität der eID seit TYPO3 Version 4 und die geniale Handhabung vom Lieblingsframework mit JSON. Eingesetzt hab ich es in einer tollen, neuen Extension die wir entwickelt haben und die hoffentlich bald das Licht der Welt erblicken wird. Das wird dann gesondert gefeiert. Zum Eintrag Asynchrone Datenübertragung zwischen TYPO3 und jQuery →
Jetzt kommt ein herrlicher Ajaxeffekt: Beim Klick auf einen Menüpunkt wird der Inhalt sanft ausgeblendet, die aufzurufende Seite wird asynchron vom Server geladen und dem User sanft wieder eingeblendet.
TYPO3 speichert alle Inhalte in der Datenbank tt_content. Diese werden ausgelesen und ein Output erzeugt. Und den müssen wir gestallten und in die richtige Form bringen.
Die besten Erfahrungen habe ich gemacht mit einem Wrap um jedes Element, welche eine Klasse und eine spezifische ID besitzt. Natürlich bietet uns Typoscript auch alle Mittel die wir dafür benötigen. Zum Eintrag tt_content Elemente im Griff →
Schwieriger zu betiteln als es eigentlich ist: Der Auftrag war für eine aktuelle TYPO3 Präsenz den Besucher auf eine wichtige Tatsache hinzuweisen. Die Seite soll abgedunkelt werden und darüber zentriert der neue Inhalt liegen. Also ein Effekt wie bei der Imagebox.
Spannend wurde das ganze dann durch die Vorgabe, dass der Redakteur die Inhalte einfach über das Backend bearbeiten sollte.
Manchmal hasst man TYPO3 für diese Funktionsnamen. Wenn man dann durchschaut hat, was damit gemeint ist, verliebt man sich wieder in das riesen CMS.
In diesem Beitrag will ich erklären wie es dank Hooks und dem TCEMain Objekt möglich wird, in die TYPO3 internen Speicherfunktionen zu kommen. Das braucht man für seine eigenen Extensions oder wenn man vor dem Speichern die Daten manipulieren möchte. Zum Eintrag processDatamap_postProcessFieldArray() →
DAS FACEBOOK PROFIL IHRER TOCHTER
HAT MEHR KLICKS, ALS DIE WEBSEITE
IHRES UNTERNEHMENS?
Mal angenommen man hat mit dem Kickstarter eine tolle Erweiterung erstellt, fröhlich begonnen zu entwickeln und dann festgestellt man braucht weitere Felder.
TYPO3 speichert alle Inhalte in der Datenbank tt_content. Diese werden ausgelesen und ein Output erzeugt. Und den müssen wir gestallten und in die richtige Form bringen.
Schwieriger zu betiteln als es eigentlich ist: Der Auftrag war für eine aktuelle TYPO3 Präsenz den Besucher auf eine wichtige Tatsache hinzuweisen. Die Seite soll abgedunkelt werden und darüber zentriert der neue Inhalt liegen. Also ein Effekt wie bei der Imagebox.