Die Präsentation wird geladen. Bitte warten

Die Präsentation wird geladen. Bitte warten

Individuelle Inhaltselemente für die einfachere Seitepflege. Der Vortrag zeigt, wie einfach dieses mit den Bord­mit­teln von TYPO3 umzusetzen ist. TYPO3.

Ähnliche Präsentationen


Präsentation zum Thema: "Individuelle Inhaltselemente für die einfachere Seitepflege. Der Vortrag zeigt, wie einfach dieses mit den Bord­mit­teln von TYPO3 umzusetzen ist. TYPO3."—  Präsentation transkript:

1 Individuelle Inhaltselemente für die einfachere Seitepflege. Der Vortrag zeigt, wie einfach dieses mit den Bord­mit­teln von TYPO3 umzusetzen ist. TYPO3 Content Elemente mit Fluid TYPO3camp RheinRuhr 2013

2 Benjamin Kott | Seite 2 wfp:2 GmbH & Co. KG Mönchengladbach | TYPO3 Content Elemente mit Fluid Hallo Welt!

3 Benjamin Kott | Seite 3 wfp:2 GmbH & Co. KG Mönchengladbach | TYPO3 Content Elemente mit Fluid Benjamin Kott … ist 28 Jahre und haust in Düsseldorf … hat seit 14 Jahren eine Affäre mit dem Internet … macht Internet mit bunt und so … empfindet #RWD als Selbstverständlichkeit … wird von der wfp:2 versorgt … hat viel Spaß! Kontakt facebook.com/benjamin.kott twitter.com/benjaminkott bk2k.info

4 Wir gestalten heute für das Web von morgen #RWD ist Pflichtprogramm

5 Leute - wir haben da ein Problemchen. CSS_Syled_Content

6 Benjamin Kott | Seite 6 wfp:2 GmbH & Co. KG Mönchengladbach | TYPO3 Content Elemente mit Fluid

7 Benjamin Kott | Seite 7 wfp:2 GmbH & Co. KG Mönchengladbach | TYPO3 Content Elemente mit Fluid

8 Benjamin Kott | Seite 8 wfp:2 GmbH & Co. KG Mönchengladbach | TYPO3 Content Elemente mit Fluid

9 Benjamin Kott | Seite 9 wfp:2 GmbH & Co. KG Mönchengladbach | TYPO3 Content Elemente mit Fluid

10 Benjamin Kott | Seite 10 wfp:2 GmbH & Co. KG Mönchengladbach | TYPO3 Content Elemente mit Fluid CSS_Styled_Content Magic macht daraus

11 Benjamin Kott | Seite 11 wfp:2 GmbH & Co. KG Mönchengladbach | TYPO3 Content Elemente mit Fluid

12 Benjamin Kott | Seite 12 wfp:2 GmbH & Co. KG Mönchengladbach | TYPO3 Content Elemente mit Fluid Der Programmierer

13 Benjamin Kott | Seite 13 wfp:2 GmbH & Co. KG Mönchengladbach | TYPO3 Content Elemente mit Fluid LIKE A BOSS

14 Benjamin Kott | Seite 14 wfp:2 GmbH & Co. KG Mönchengladbach | TYPO3 Content Elemente mit Fluid Der Redakteur

15 Benjamin Kott | Seite 15 wfp:2 GmbH & Co. KG Mönchengladbach | TYPO3 Content Elemente mit Fluid FOREVER ALONE

16 Benjamin Kott | Seite 16 wfp:2 GmbH & Co. KG Mönchengladbach | TYPO3 Content Elemente mit Fluid Das hätten wir gebraucht: Headline Image Text

17 Benjamin Kott | Seite 17 wfp:2 GmbH & Co. KG Mönchengladbach | TYPO3 Content Elemente mit Fluid Wo ist das Problem? Die Felder sind doch alle optional!

18 Problem 1: Der Redakteur wird zum Designer

19 Benjamin Kott | Seite 19 wfp:2 GmbH & Co. KG Mönchengladbach | TYPO3 Content Elemente mit Fluid Der Redakteur ist zu 99,999…%* kein Designer und soll sich über das Design auch keine Gedanken machen. Es ist nicht sein Job! *Dieser Prozentsatz ist ein geschätzter Wert basierend auf meinen Erfahrungen.

20 Benjamin Kott | Seite 20 wfp:2 GmbH & Co. KG Mönchengladbach | TYPO3 Content Elemente mit Fluid Wir geben unseren Kunden Werkzeuge ihre Webseite zu zerstören…

21 Benjamin Kott | Seite 21 wfp:2 GmbH & Co. KG Mönchengladbach | TYPO3 Content Elemente mit Fluid … indem wir ihnen zu viele Möglichkeiten geben ihre Website selbst zu gestalten.

22 Benjamin Kott | Seite 22 wfp:2 GmbH & Co. KG Mönchengladbach | TYPO3 Content Elemente mit Fluid A CMS is not a website design tool. Rachel Andrew

23 Problem 2: Wir erzeugen massiven Overhead in der Umsetzung.

24 Benjamin Kott | Seite 24 wfp:2 GmbH & Co. KG Mönchengladbach | TYPO3 Content Elemente mit Fluid Frage: Wer hat schon mal CSS_Styled_Content mit allem Optionen die zur Verfügung stehen für ein RWD Projekt umgeschrieben?

25 Benjamin Kott | Seite 25 wfp:2 GmbH & Co. KG Mönchengladbach | TYPO3 Content Elemente mit Fluid Frage: Wie lange habt ihr dafür gebraucht?

26 Benjamin Kott | Seite 26 wfp:2 GmbH & Co. KG Mönchengladbach | TYPO3 Content Elemente mit Fluid Frage: Wurde es tatsächlich benötigt?

27 Benjamin Kott | Seite 27 wfp:2 GmbH & Co. KG Mönchengladbach | TYPO3 Content Elemente mit Fluid Jedes mal wenn so etwas gemacht wird, wird achtlos mit dem Budget des Kunden umgegangen.

28 Benjamin Kott | Seite 28 wfp:2 GmbH & Co. KG Mönchengladbach | TYPO3 Content Elemente mit Fluid Mein Fazit zu CSS_Styled_Content

29 Benjamin Kott | Seite 29 wfp:2 GmbH & Co. KG Mönchengladbach | TYPO3 Content Elemente mit Fluid CSS_Styled_Content ist ein extrem umfangreiches Rendering Beispiel dafür was mit tt_content und TYPO3 möglich ist. Es hat im Produktivbetrieb seine Daseinsberechtigung verloren.

30 Benjamin Kott | Seite 30 wfp:2 GmbH & Co. KG Mönchengladbach | TYPO3 Content Elemente mit Fluid 90% der Funktionen werden nicht benötigt Schwierig in der Konfiguration, da es immer komplexer wird Derzeit nicht #RWD kompatibel Anpassungskosten übersteigen den Nutzen Frameworks umständlich zu implementieren

31 Es gibt Hoffnung. Custom Content Elements

32 Benjamin Kott | Seite 32 wfp:2 GmbH & Co. KG Mönchengladbach | TYPO3 Content Elemente mit Fluid Welche Benefits ergeben sich? Maximale Flexibilität bei minimalem Aufwand Erleichterte Pflege für Redakteure Weniger Fehlerquellen bei #RWD Designs Glücklichere Kunden

33 Benjamin Kott | Seite 33 wfp:2 GmbH & Co. KG Mönchengladbach | TYPO3 Content Elemente mit Fluid Was müssen wir dafür tun? Bestimmen der benötigten Content Elemente Erstellen der Content Elemente

34 Benjamin Kott | Seite 34 wfp:2 GmbH & Co. KG Mönchengladbach | TYPO3 Content Elemente mit Fluid Möglichkeiten Content Elemente zu erstellen und zu rendern Extbase Fluidtemplate Standalone … Es gibt noch weitere Möglichkeiten Content Elemente zu rendern wir beschränken uns im Zuge der Demos jedoch auf diese beiden Varianten.

35 Content Element mit Extbase

36 Benjamin Kott | Seite 36 wfp:2 GmbH & Co. KG Mönchengladbach | TYPO3 Content Elemente mit Fluid Was benötigen wir? Extbase Controller TCA für das Backend Fluid Templates Das Content Element muss registriert und konfiguriert werden

37 Benjamin Kott | Seite 37 wfp:2 GmbH & Co. KG Mönchengladbach | TYPO3 Content Elemente mit Fluid Basic Extbase Controller typo3conf/ext/bk2k_content_elements/Classes/Controller/CustomElementController.php contentObj = $this->configurationManager->getContentObject(); $this->data = $this->contentObj->data; } public function renderAction(){ $this->view->assign('data',$this->data); } } ?>

38 Benjamin Kott | Seite 38 wfp:2 GmbH & Co. KG Mönchengladbach | TYPO3 Content Elemente mit Fluid Basic Fluid Template typo3conf/ext/bk2k_content_elements/Resources/Private/Templates/CustomElement/Render.html {namespace ce = Bk2k\Bk2kContentElements\ViewHelpers} {data.bodytext}

39 Benjamin Kott | Seite 39 wfp:2 GmbH & Co. KG Mönchengladbach | TYPO3 Content Elemente mit Fluid ext_tables.php typo3conf/ext/bk2k_content_elements/ext_tables.php

40 Benjamin Kott | Seite 40 wfp:2 GmbH & Co. KG Mönchengladbach | TYPO3 Content Elemente mit Fluid ext_localconf.php typo3conf/ext/bk2k_content_elements/ext_localconf.php 'render', ), array( ), \TYPO3\CMS\Extbase\Utility\ExtensionUtility::PLUGIN_TYPE_CONTENT_ELEMENT ); ?>

41 Benjamin Kott | Seite 41 wfp:2 GmbH & Co. KG Mönchengladbach | TYPO3 Content Elemente mit Fluid Das war es schon. TypoScript muss nicht erstellt und eingebunden werden da das generierte Default TS ausreicht. Wir haben vollen Zugriff auf den kompletten Datensatz über {data} im Fluidtemplate Daten vom FAL müssen im Controller bereit gestellt oder wie hier ein ViewHelper genutzt werden.

42 Content Element mit Fluidtemplate

43 Benjamin Kott | Seite 43 wfp:2 GmbH & Co. KG Mönchengladbach | TYPO3 Content Elemente mit Fluid Was benötigen wir? TCA für das Backend Fluid Templates Das Content Element muss registriert und konfiguriert werden Ein wenig TypoScript

44 Benjamin Kott | Seite 44 wfp:2 GmbH & Co. KG Mönchengladbach | TYPO3 Content Elemente mit Fluid Basic Fluid Template typo3conf/ext/bk2k_content_elements/Resources/Private/Templates/CustomElement/Render.html {namespace ce = Bk2k\Bk2kContentElements\ViewHelpers} {data.bodytext}

45 Benjamin Kott | Seite 45 wfp:2 GmbH & Co. KG Mönchengladbach | TYPO3 Content Elemente mit Fluid ext_tables.php typo3conf/ext/bk2k_content_elements/ext_tables.php

46 Benjamin Kott | Seite 46 wfp:2 GmbH & Co. KG Mönchengladbach | TYPO3 Content Elemente mit Fluid ext_localconf.php - Teil 1 typo3conf/ext/bk2k_content_elements/ext_localconf.php

47 Benjamin Kott | Seite 47 wfp:2 GmbH & Co. KG Mönchengladbach | TYPO3 Content Elemente mit Fluid ext_localconf.php - Teil 2 typo3conf/ext/bk2k_content_elements/ext_localconf.php /** * Include TypoScript for tt_content after static */ $customFluidContentElementTypoScriptSetup = trim(' tt_content.bk2kcontentelements_customfluidelement = COA tt_content.bk2kcontentelements_customfluidelement { 10 = < lib.stdheader 20 = FLUIDTEMPLATE 20 { file = {$plugin.tx_bk2kcontentelements.view.templateRootPath}CustomElement/Render.html partialRootPath = {$plugin.tx_bk2kcontentelements.view.partialRootPath} layoutRootPath = {$plugin.tx_bk2kcontentelements.view.layoutRootPath} } '); \TYPO3\CMS\Core\Utility\ExtensionManagementUtility::addTypoScript( $_EXTKEY, 'setup', $customFluidContentElementTypoScriptSetup, 43 );

48 Benjamin Kott | Seite 48 wfp:2 GmbH & Co. KG Mönchengladbach | TYPO3 Content Elemente mit Fluid Das war es schon. Das TypoScript wird direkt in der in den ExtTables geschrieben damit es auf jedenfall verfügbar ist. Wir haben vollen Zugriff auf den kompletten Datensatz über {data} im Fluidtemplate Daten vom FAL müssen im Controller bereit gestellt oder wie hier ein ViewHelper genutzt werden.

49 Zusammenfassung

50 Benjamin Kott | Seite 50 wfp:2 GmbH & Co. KG Mönchengladbach | TYPO3 Content Elemente mit Fluid Es ist einfach Content Elemente zu erstellen Dank Fluid wird das rendern zum Kinderspiel Wir brauchen kein CSS_Styled_Content Im Idealfall sparen wir Zeit

51 Ausblick – Hands On

52 Daten stehen bereit. Resources

53 Benjamin Kott | Seite 53 wfp:2 GmbH & Co. KG Mönchengladbach | TYPO3 Content Elemente mit Fluid https://github.com/benjaminkott/bk2k_content_elements Alle Beispiele sind auf GitHub verfügbar.

54 Benjamin Kott | Seite 54 wfp:2 GmbH & Co. KG Mönchengladbach | TYPO3 Content Elemente mit Fluid Fragen?

55 Benjamin Kott | Seite 55 wfp:2 GmbH & Co. KG Mönchengladbach | TYPO3 Content Elemente mit Fluid Danke! facebook.com/benjamin.kott twitter.com/benjaminkott bk2k.info


Herunterladen ppt "Individuelle Inhaltselemente für die einfachere Seitepflege. Der Vortrag zeigt, wie einfach dieses mit den Bord­mit­teln von TYPO3 umzusetzen ist. TYPO3."

Ähnliche Präsentationen


Google-Anzeigen