TYPO3 Neos Inhaltselement «Text mit Bild» an Twitter Bootstrap anpassen

Das fantastische an TYPO3 Neos ist, dass ohne dreckige Hacks bestehende Inhaltselemente modifiziert werden können . Jede Ausgabe kann genau so gesteuert werden, wie es gewünscht wird.

In diesem Artikel sollte es um das Inhaltselement «Text mit Bild» gehen. Dabei haben wir folgende Vorgaben:

  1. Ausrichtungen: Links, rechts, oben und unten
  2. Die Positionierung sollte mit den CSS Klassen von Twitter Bootstrap gemacht werden
  3. Die CSS Klassen sollten einfach veränderbar sein
  4. Wenn möglich sollte im Quelltext der Text vor dem Bild positioniert sein, damit in der Mobile-Ansicht der Text vor dem Bild erscheint
  5. Um ein effektives Styling zu ermöglichen, sollte im umschliessenden Tag schon eine Klasse mit der Auszeichnung der Positionierung enthalten sein
  6. Das HTML für das Rendering des Bildes sollte nicht neu definiert werden müssen
  7. Damit es wiederverwendbar wird, sollte das ganze in ein eigenes Plugin gepackt werden

Mehr lesen

SEO Checkliste Website Relaunch

Typische Fehler beim Relaunch einer Website

Auf Benutzeranforderungen, Informationsarchitektur, Design und Inhalt wird beim Relaunch einer Website viel Wert gelegt. Leider gehen im Relaunch Eifer wichtige Aspekte mit hohem Einfluss auf den Vertriebs- und Marketingerfolg gerne vergessen.

Es wird oft genug darauf hingewiesen, dass die Suchmaschinen die Gatekeeper des Webs sind und sie damit die entsprechende Aufmerksamkeit verdienen. Sind die Anforderungen an die Suchmaschinenoptimierung (SEO) nicht erfüllt, kommt es zu einem signifikanten Besucherverlust. Darum ist vor dem Relaunch zu prüfen, ob die Anforderungen der Suchmaschinen erfüllt sind.

Mehr lesen

TYPO3 Neos Code-Snippets Teil 4

Über das Schlüsselwort Code Snippets veröffentlichen wir Entwickler von dotpulse kleine Tipps und Tricks oder schlicht Gedankenstützen und Inputs für das effiziente Arbeiten oder Einsteigen in TYPO3 Neos.

Dynamisch auf den Package Key von der aktuellen Site zugreifen

Folgendes TypoScript erledigt eine einfache Aufgabe: Den Package Key der aktuellen Seite (z. B. Dotpulse.Theme) in einer Variabel speichern.

Den Datepicker mit einem relativen Datum vorfüllen

Da der Datepicker auf jQuery UI aufbaut, kann der Datepicker ganz einfach mit einem Wert im defaultValue vorausgefüllt werden:

WIAD – World Information Architecture Day

«Information Architecture are structures that we use to make sure that the information people need is easy to find and to understand. A practice dedicated to bringing understanding and order to the chaos that is the information that we produce in our everyday lives.» Soweit die Definition, wie sie an der Veranstaltung des WIAD Zürich aufgeführt war.

Mehr lesen

TYPO3 Neos – Server Anforderungen, Installation und Einrichten

Auch als Auftraggeber ist es von Vorteil die Rahmenbedingungen für ein TYPO3 Neos Hosting, die Grundinstallation und Einrichtung zu kennen.

Die folgenden Schritte gelten als Überblick und sind nicht abschliessend. Im produktiven Einsatz gehört noch einiges mehr an Konfiguration und Prozessen dazu, was wir noch in folgenden Posts thematisieren werden.

Server Anforderungen

Damit wir TYPO3 Neos installieren und nutzen können, benötigen wir – wenig überraschend – einen Webserver mit aktuellem PHP (mindestens 5.3.2 – besser 5.6) und MySQL Datenbank.
Technologisch spielt es keine Rolle ob mit dem üblichen Apache oder nginx.

Es gibt jedoch einige Details zu beachten:
Mehr lesen

Kritische Sicherheitslücke bereits gefixt

In den TYPO3 CMS Versionen bis und mit 4.6 wurde eine kritische Sicherheitslücke gefunden und heute morgen vom TYPO3 Security Team mit einem Update abgesichert.

Bereits zwei Stunden nach Veröffentlichung der Updates hatten wir alle unsere betroffenen TYPO3-Service Kunden aktualisiert!

Als TYPO3 Webagentur wurden wir bereits vor zwei Tagen über ein “Security-Bulletin Pre-Announcement” darüber informiert, dass demnächst ein kritisches Update erscheint.

Sind Sie ebenfalls daran interessiert dass Ihre TYPO3 Webseite laufend gewartet und Sicherheitslücken zeitnah behoben werden?
Wenden Sie sich an Nathalie Hämmerli 044 466 90 60 oder Ihren persönlichen Berater.

TYPO3 Neos Code-Snippets Teil 3

Über das Schlüsselwort Code Snippets veröffentlichen wir Entwickler von dotpulse kleine Tipps und Tricks oder schlicht Gedankenstützen und Inputs für das effiziente Arbeiten oder Einsteigen in TYPO3 Neos.

Auf Werte von Settings.yaml in TypoScript 2 zugreifen

Jon Uhlmann:
Kaum hat man das erste Projekt abgeschlossen, folgt das nächste. Viele Elemente werden immer wieder verwendet. Damit zum Beispiel einfach CSS Klassen einfach konfiguriert werden können, bietet sich die Datei Settings.yaml im Ordner Configuration an. Im TypoScript können diese Werte einfach abgefragt werden

Nun ist im Template der Wert von cssClass via {configuration.cssClass} zugänglich. Damit die Variable innerhalb von den Attributen ausgelesen werden kann, muss diese mit @override übersteuert werden.

Access Node-Value in a TYPO3 Neos Package Controller

Stefan Bruggmann:
“Manchmal muss man auch in einem Controller Werte eines Nodes abfragen können. Das ist wirklich so einfach wie es zu erhoffen ist und selbst traversieren geht ohne Probleme.”

Strukturierte Daten mit TYPO3 Neos Modulen

Im Blogpost über TYPO3 Neos – Das benutzerfreundliche Content Management System und Arbeiten mit TYPO3 Neos als Redakteur wurde das Editieren der Website im TYPO3 Neos vorgestellt. Mit diesem Beitrag erweitern wir nun das Backend um Module.

Was sind Module?

Im Gegensatz zum Frontend-Editing arbeitet man in den Modulen nicht direkt auf der Website, sondern in einem separaten Teil des Backends – dem Modul.

TYPO3 Neos Module

 

Module sind eine Auflistung von Datensätzen um spezifische Inhalte/Einstellungen im Backend vorzunehmen. Hierfür gibt es im TYPO3 Neos Backend einen eigenen Menüpunkt, eben ein Modul.

Im TYPO3 Neos gibt es verschiedene Standard-Module. Zum Beispiel gibt es das Media-Modul, in welchem alle Dateien, wie Bilder und PDFs, verwaltet werden können. Ebenso die Benutzerverwaltung, in welchem alle Benutzer verwaltet werden.

Mehr lesen

TYPO3 Neos Code-Snippets Teil 2

Über das Schlüsselwort Code Snippets veröffentlichen wir Entwickler von dotpulse kleine Tipps und Tricks oder schlicht Gedankenstützen und Inputs für das effiziente Arbeiten oder Einsteigen in TYPO3 Neos.

Variable in TypoScript 2

Samuel Hauser:
Um einen Wert in eine Variabel zu speichern, kann einfach mittels @override die Variabel definiert werden.
Beispiel:

Nun kann mittel ${isLive} darauf zugegriffen werden. Hier ein komplettes Beispiel:

Aus einem Textfeld per Umbruch separierte Werte zu einem Array umwandeln

Jon Uhlmann:
Manchmal benötigt man die Werte, welche im Texteditor abgespeichert wurden, als Array. Der Eeel Helper «String.split» unterstützt jedoch keine Regular Expressions, deswegen kann man nicht mit einem einfachen Befehl das benötigte Array bilden. Deswegen ersetzten wir zuerst im String den Umbruch mit einem anderen Zeichen, um dieses nachher als Trenner für den Split zu gebrauchen (Im Code-Snippet ‘###SPLIT###’). Falls ein Komma als Zeichen angegeben wird, erhält man die Funktionalität, das egal ob der Benutzer die Werte kommasepariert oder per Umbruch trennt, ein Array mit den Werten erhält.

Arbeiten mit TYPO3 Neos als Redakteur

TYPO3 Neos ist so einfach, das jeder nach kurzer Zeit die Inhalte verwalten kann – Schulungen werden überflüssig

unendlich einfach

Überall benutzerzentriert – sogar beim Inhaltsmanagement

Ich baue und gestalte nunmehr seit über 15 Jahren Webseiten. Das initiale Erstellen ist das Eine, das der Inhaltsverantwortliche die Seite einfach pflegen kann, das Andere. In den Anfangszeiten waren die Rollen einfach aufgeteilt: Der, der die Seite gemacht hatte, musste diese auch pflegen. Content Management Systeme gab es noch nicht. Mit den Jahren kamen auch solche Systeme: Joomla, WordPress, Drupal, Contao, TYPO3 und viele andere. Mit all diesen Systemen wurde es möglich, Inhalte zu verwalten. Ich habe unzählige dieser Systeme getestet und benutzt – ich war aber nie 100% zufrieden mit der Art und Weise, wie sich Inhalte bearbeiten lassen. Als ich vor mehr als einem Jahr zum ersten Mal mit TYPO3 Neos in Berührung kam wusste ich sofort, dass mein Wunsch endlich in Erfüllung geht: Benutzerfreundlichkeit für den Redakteur!

Was ist so anders an TYPO3 Neos? Kurz gesagt: Neos ist so einfach, das ein Redakteur praktisch keine Schulung braucht.

LoccoZ TYPO3 Neos Backend

Das Backend mit der geöffneten Struktur und dem Inspektor.

Mehr lesen