Tutorials arrow Webseiten Tutorials arrow Installation der Extension tt_news für Typo3
TanMar
Tutorials
 
Navigation
Tutorials
Windows Tutorials
Linux Tutorials
Programme Tutorials
Webseiten Tutorials
Anbieterkennzeichnung
Ein Service von TanMar WebentwicklungTanMar Tutorials (aktiv)TanMar Surftipps
Zuletzt aktualisiert
MissLupun.de

Installation der Extension tt_news für Typo3

Drucken E-Mail

Installation der Extension tt_news für Typo3 Dieses Tutorial liefert eine Anleitung zur Installation der Typo3 Extension tt_news. Die Extension bietet neben einem ausgeklügelten Template-System zahlreiche weitere Funktionen: News-Einträge können mit beliebig vielen Bildern und Dateiverweisen versehen werden, es können Verknüpfungen zwischen den Beiträgen festgelegt werden und Funktionen für ein Archiv sowie RSS-Feeds sind ebenfalls vorhanden.

Installation von tt_news über den Extension Manager

Die Installation von Extensions erfolgt in Typo3 über den Extension Manager. Sie finden ihn links in der Navigation im Abschnitt Admin-Werkzeuge unter dem Punkt Erw-Manager. Zunächst gelangen Sie in die Ansicht Loaded extensions. Hier werden alle bereits aktiven Extensions angezeigt:

Die aktiven Erweiterungen im Extension Manager

Nachdem tt_news nicht zum Installationsumfang von Typo3 gehört muss die Extension zunächst importiert werden. Wechseln Sie deshalb in dem Dropdown oben auf der Seite in die Ansicht Import extensions:

Die Ansicht Import Extensions im Extension Manager

Geben Sie hier nun den Namen tt_news in dem Eingabefeld an und bestätigen Sie die Suche mit dem Button Look Up. Nach einiger Zeit sollte Ihnen die aktuelle Version der tt_news Extension angeboten werden:

Der Lookup im Extension Manager bietet tt_news zum Import an

Sollte hier lediglich die folgende Fehlermeldung erscheinen, so ist auf Ihrem Server aus Sicherheitsgründen die PHP-Einstellung allow_url_fopen deaktiviert:

Eine Fehlermeldung beim Importieren deutet auf Probleme mit den PHP-Einstellungen hin

Sollten Sie selbst die Kontrolle über die PHP-Einstellungen Ihres Servers haben, so können Sie die Option entweder aktivieren (siehe dazu auch unser Tutorial zur Anpassung von PHP-Einstellungen) oder Sie können Typo3 so konfigurieren, dass der Extension Manager die Zugriffe auf das Repository über die CURL Bibliothek abwickelt.
Wechseln Sie dazu links in der Navigation zurück in das Install Tool und gehen Sie dort in den Abschnitt All Configuration. Hier aktivieren Sie die Option [curlUse]:

Die Aktivierung der CURL Bibliothek im Installationstool

Speichern Sie die veränderten Einstellungen und wechseln Sie zurück in das den Extension Manager. Wenn die CURL Bibliothek auf Ihrem Server installiert ist sollte die Suche nach der Extension nun zu einem Ergebnis führen:

Image

Durch einen Klick auf den kleinen roten Pfeil vorne in der Liste starten Sie den Import der Extension. Sie sollten nun eine Meldung erhalten, dass die Erweiterung erfolgreich importiert wurde und der Extension Manager sollte Ihnen die Option anbieten, tt_news nun zu installieren:

tt_news wurde über den Extension Manager importiert

Sie starten die Installation, indem Sie auf das kleine Icon mit dem Pluszeiten klicken. Zunächst werden Sie vermutlich eine Warnung erhalten:

Warnung wegen angeblich zu neuer PHP und Typo3 Versionen

In unserem Beispiel warnt, dass sowohl die verwendete Typo3 Version 4.2.2 als auch eingesetzten PHP-Version 5.2.6 für den Einsatz von tt_news zu neu sind. Uns sind jedoch keinerlei Kompatibilitätsprobleme mit den aktuellen Version von Typo3 und PHP bekannt. Sie können den Extension Manager deshalb einfach anweisen, die beiden Warnungen zu ignorieren und über den Button Try again die Installation fortsetzen.

tt_news schlägt jetzt die zur Installation notwendigen Änderungen an der Datenbank von Typo3 vor:

tt_news will Veränderungen an der Datenbankstruktur von Typo3 vornehmen

Lassen Sie die Einstellungen unverändert und bestätigen Sie die Änderungen über den Button am Ende der Seite. Die Installation der Extension ist nun abgeschlossen:

tt_news wurde erfolgreich installiert

Einbindung von tt_news in das Template

Damit die News Extension innerhalb der Seite verwendet werden kann, muss sie zunächst in das Template der Seite eingebunden werden. Wechseln Sie dazu links in der Navigation in die Ansicht Liste und wählen Sie dann im Seitenbaum die Seite mit dem Root Template. Bearbeiten Sie den Template Datensatz:

Einbindung der Extension tt_news in das Root Template der Seite

Wechseln Sie in den Reiter Enthält. Im Abschnitt Statische einschließen (aus Erweiterungen) wählen Sie CSS-based tmpl (tt_news) aus und speichern Sie die Änderung am Template:

Die Option CSS-based tmpl (tt_news)  wird eingebunden

Einbindung von tt_news in die Seite

Für die Einbindung von tt_news werden typischerweise drei Seiten angelegt. Zunächst legen Sie – falls Sie das nicht schon getan haben – an der gewünschten Stelle im Seitenbaum eine Seite für die Newsübersicht an. Hier erfolgt später die Ausgabe der Liste der aktuellen Meldungen.

Legen Sie nun zusätzlich als untergeordnete Seite eine neue Seite für die Detailansicht einer Meldung an. Diese wird meist im Menü ausgeblendet – der Besucher selbst merkt nicht, dass er beim Wechsel von der Übersicht auf die Detailansicht einer Meldung auf eine andere Seite wechselt

Nun wird noch ein Systemordner benötigt, in dem die Newsdatensätze abgelegt werden können. Diesen können Sie ebenfalls als untergeordnete Seite der News-Seite angelegen (er kann aber prinzipiell auch an einem beliebigen anderen Ort im Seitenbaum angelegt werden):

Für die Darstellung der News wird eine zusätzliche Seite und ein Systemordner angelegt

Wählen Sie als Seitentyp SysOrdner aus und geben Sie einen Titel für den Ordner an:

Anlegen eines Systemordnders zum Speichern der Newsbeiträge

Im Reiter Optionen geben Sie im Abschnitt Enthält Plug-In die Option News an und speichern dann die neue Seite:

Der Systemordner enthält das Plug-In News

Im Seitenbaum sieht die neue Struktur für den Newsbereich nun so aus:

Die drei News-Seiten für den Newsbereich

Einbindung des News-Plugins in die Seiten

Nachdem die Voraussetzungen für die Einbindung des Plug-Ins nun geschaffen sind, kann es in die Seiten selbst eingebunden werden. Wechseln Sie dazu links in der Navigation in die Ansicht Seite und wählen Sie im Seitenbaum zunächst die Seite für die Newsübersicht.

Legen Sie einen neuen Seiteninhalt an und wählen Sie aus dem Abschnitt Plug-Ins das News Modul:

Ein neues Inhaltselement mit dem Plug-In News

Im Reiter Allgemein können Sie einen Titel für das Inhaltselement angeben:

Im Reiter Allgemein des Plug-Ins geben Sie die Überschrift an

Wechseln Sie nun in den Reiter Plug-In und nehmen Sie die folgenden Einstellungen vor:

Im Reiter Plug-In wird die Ansicht definiert und der Ausgangspunkt

Als Ansicht wählen Sie LATEST oder LIST. Die Sortierung wird in der Regel absteigend nach Datum erfolgen und es sollen meist nur nicht-archivierte Meldungen angezeigt werden. Wichtig ist, dass Sie beim Ausgangspunkt den vorher angelegten Systemordner zuweisen, indem Sie auf das kleine Icon mit dem Ordner klicken und in dem sich öffnenden Popup den Systemordner auswählen.

Nun wechseln Sie noch in den Reiter Sonstige Einstellungen und wählen bei der Option Seite für die Single-Anzeige (Newsdetails) die untergeordnete Seite News-Detail aus:

Im Reiter Sonstige Einstellungen wird der Verweis auf die Detailseite festgelegt

Speichern Sie den neuen Datensatz nun und wechseln Sie im Seitenbaum auf die News-Detail Seite.

Auch hier legen Sie ein Inhaltselement mit dem Plug-In News an. Sie vergeben wie eben eine Überschrift und wechseln dann in den Reiter Plug-In. Als Ansicht wählen Sie dieses mal hingegen SINGLE. Wichtig ist, dass Sie auch hier wieder als Ausgangspunkt den Systemordner mit den News-Daten angeben:

Im Reiter Plug-In wird die Ansicht definiert und der Ausgangspunkt

Im Reiter Sonstige Einstellungen wählen Sie hier bei der Option Seite für ‚Zurück’ die Übersichtsseite des Newsbereichs aus:

Im Reiter Sonstige Einstellungen wird der Verweis auf die Übersichtsseite festgelegt

Speichern Sie den neuen Datensatz. Nun ist das Plugin prinzipiell funktionstüchtig.

Der erste Newsbeitrag

Meldungen werden wie gesagt innerhalb des Systemordners abgelegt. Klicken Sie deshalb nun im Seitenbaum auf das kleine Icon vor dem Systemordner mit den News-Daten und wählen Sie die Option Neu:
Einen neuen Datensatz für die erste Meldung anlegen

Wählen Sie im darauffolgenden Dialog den Datensatztyp News aus:

Der Typ für den neuen Datensatz ist News

Sie können nun Ihre erste Meldung verfassen. Die Angaben wie Autor oder Untertitel sind dabei nicht unbedingt erforderlich. Sie sollten lediglich den Titel, das Datum und den Text der Meldung angeben:

Im Reiter Allgemein wird der Titel, das Datum der Autor und der Text der Meldung angegeben

Speichern Sie den Datensatz, wenn Sie fertig sind. Wechseln Sie nun links in der Navigation in die Ansicht Seite. Sie sehen Ihren News-Beitrag, der bislang jedoch noch nicht veröffentlicht ist. Um Ihn freizugenben klicken Sie auf das kleine Icon mit dem roten Kreuz und wählen Sie die Option Sichtbar machen:

Nach dem Speichern muss die neue Meldung noch sichtbar gemacht werden

Weiterführende Informationen

Kommentare (35)add comment

Antonio said:

  Danke, obwohl sind 2 Jahre vergangen, freue mich diese tutorlia zu sehen.. als newsby war meine rettung ,) Danke!
23.09.2011 | url

Ped said:

  Sehr gutes Tutorial. Vielen Dank! smilies/wink.gif
09.08.2010

Carla said:

  Besten Dank! Auf Basis dieses Tutorials hat die tt_news-Integration funktioniert.
29.07.2010

Roger said:

  Genial ! War meine Rettung... smilies/grin.gif
22.07.2010

Brati said:

  Vielen Dank! Super Tutorial. Könnte man noch ein Tutorial erstellen in dem erklärt wird wie man mit Hilfe der tt_news Extension RSS-Feeds von "Latest News erstellt". THX
15.06.2010

Alicja said:

  Echt gut erklärt, vielen Dank smilies/grin.gif
25.05.2010

Alicja said:

  Vielen Dank, echt toll smilies/grin.gif
25.05.2010

Sascha said:

  Prima! Sascha dankt ...
22.04.2010 | url

C. Lemos said:

  Vielen Dank, ein wirklich gut beschriebenes Tutorial!
19.03.2010

Marian said:

  Wirklich schönes Tutorial smilies/smiley.gif

Wir sehen uns
02.03.2010

Urlaubsparadies said:

  Hat mir wirklich sehr geholfen , sehr schön fand Ich die deutlichen Bilder , denn ein Bild sagt mir mehr als technische Beschreibungen
26.02.2010 | url

Frederik said:

 
super Anleitung, geht echt fix, wenn alles reibungslos klappt .
26.02.2010 | url

Urlaubsparadies Freiberg said:

  vielen Dank , unser Team bedankt sich.
24.02.2010 | url

Markus said:

  Sehr gute arbeit, bei mir funktioniert es aber aus irgendwelchen Gründen nicht, die Headline wird angezeigt, aber der Inhalt nicht.
Habe es jetzt schon zweimal versucht. Typoverson 4.3.1 und tt_news 2.2.24
16.02.2010 | url

Ronny Storch said:

  Vielen Dank, habe es endlich hinbekommen
13.02.2010 | url

Unearth said:

  Das beste Tutorial weit und breit! einfach un klar auf den Punkt gebracht, wär super wenns sowas auch für tt_news version3 geben würde!
10.01.2010

Nico said:

  hey super danke! Hatte so manch ein Problem bei der Einstellung von tt_news, aber das Tutorial hat mir schon sehr geholfen! Weiter so smilies/smiley.gif
06.01.2010 | url

Alexander Berg said:

  Endlich mal ein Tutorial, was man verstehen kann und man keinen Doktor vorher machen muss.
07.11.2009 | url

Arcon said:

  Vielen Dank für ein sehr hilfreiches Tutorial! smilies/smiley.gif
06.10.2009

Markus said:

  Ich hatte vorher mit dieser Extension noch nicht gearbeitet und muss sagen, ich hatte keinerlei Probleme. Thnx!
30.09.2009 | url

Rainer said:

  Danke dir, du warst meine Rettung herzlichen dank smilies/cheesy.gif smilies/grin.gif
29.09.2009

Daniel said:

  Vielen Dank für das Tutorial, ist super gut gemacht!!!!
27.08.2009

Torsten said:

  Vielen Dank!
22.08.2009

Matthias said:

  echt klasse! danke!
19.08.2009

smu said:

  Danke für die übersichtliche Anleitung. Sehr hilfreich. 5*
12.05.2009

Michael Niestroj said:

  HALLO ich erhalte eine Fehlermeldung, dass keine Kategorie vorhanden ist wenn ich meine ersten NEWS eintragen möchte ....danke im voraus....bitte um eine hilfestellung...finde im inet nichts dazu....lob, gute anleitung
06.05.2009

Michael said:

  Endlich auch mal eine Erklärung, bei der Anfänger verstehen um was es eigentlich geht! VIELEN DANK!
30.04.2009 | url

Morning-Glory said:

  Vielen, vielen Dank. Das war wirklich sehr hilfreich!
Merci smilies/smiley.gif
29.03.2009

Magdalena said:

  Ich kann nur sagen, toll. toll. toll! Das erste Tutorial mit welchem ich es geschafft habe den News Plugin zum laufen zu bringen! Genial. Danke smilies/smiley.gif
13.03.2009

Chirico said:

  Endlich mal eine Non-Nerd Doku! - Die meisten Fachidioten nehmen sonst immer ihr Wissen als Grundlage, aber warum bräuchte man dann noch eine Doku?
12.03.2009

soflow said:

  Kurz, brillant, schnörkellos. Tausend Dank an den Autor.
15.02.2009

Author said:

 
ich schließe mich an, super einfach beschriebenes tutorial, gibt nicht viele davon im netz.
11.02.2009

TEO said:

  Nette Referenz fuers schnelle Naschlagen.

Ich beschaeftige mich gerade mit der Mehrsprachigkeit. Irgendwie bekomme ich da noch einen merkwierdigen MySQL-Query-Fehler.


08.02.2009 | url

Jan said:

  Gute Arbeit!!! Wirklich ein tolles Tutorial!! Bei mir hat alles sofort funktioniert. Vielen Dank!
26.01.2009 | url

Etoilée said:

  Das ist die sehr deutliche Erklärung! Endlich habe ich durch diese gute und klare Erklärung geschafft tt_news zu erstellen.
07.01.2009

Kommentar schreiben
quote
bold
italicize
underline
strike
url
image
quote
quote
Smiley
Smiley
Smiley
Smiley
Smiley
Smiley
Smiley
Smiley
Smiley
Smiley
Smiley

busy
 

computer

Die beliebteste Webseite
blogoscoop
© Copyright 2005 TanMar Web-Entwicklung - Berlin. Alle Rechte Vorbehalten.
Kontakt | Links | Photoshop Tutorials | Partner