Wie richte ich eine News-Vorlage in EXT:news ein?

Brauchst du eine benutzer definierte Vorlage und Layout für die 'Aktuellen Nachrichten' in der TYPO3-Erweiterung 'News'? Dieser Beitrag könnte für TYPO3 Anfänger nützlich sein, die mit einer der beliebtesten TYPO3-Erweiterungen, 'News', nicht vertraut sind. Leider bietet die Standard Nachrichten erweiterung lediglich die Auswahl von Listen- und Detail vorlagen in ihrer Plugin Konfiguration an. Natürlich benötigt jede Website eine Anzeige für aktuelle Nachrichten, beispielsweise auf der Startseite.

Wie richte ich eine News-Vorlage in EXT:news ein?

Benötigen Sie eine benutzerdefinierte Vorlage und Layout für die "Neuesten Nachrichten" in der TYPO3-Erweiterung "tx_news"? Leider bietet das Standard-"tx_news"-Plugin nur die Auswahl von Listen- und Detailvorlagen in ihrer Konfiguration an, obwohl jede Website selbstverständlich eine Anzeige der neuesten Nachrichten auf der Startseite oder der Homepage erfordert.

Keine Sorge, es ist ziemlich einfach einzurichten mit nur wenigen Zeilen Code in TypoScript & Fluid. Hier sind die schrittweisen Details zur Einrichtung einer benutzerdefinierten Vorlage und Layout für die TYPO3-Erweiterung "News". Betrachten wir das Beispiel, das eine Auswahl von "Neuesten Nachrichten" Layout & Vorlage für die Nachrichten benötigt.

Schritt 1: TSConfig einrichten

Fügen Sie den folgenden TSConfig-Code Ihrer TYPO3-Stammseite hinzu: Bearbeiten Sie die Seite > Einstellungen > Ressourcen > Seite TSConfig.

 

tx_news.templateLayouts {
 latestNewsLayout = Neueste Nachrichten Layout
}

Schritt 2: Vorlagenlayout-Auswahl in den News-Plugin-Optionen

Unser neues Vorlagenlayout wird automatisch bei jeder Konfiguration des News-Plugins angezeigt. Öffnen Sie einfach das News-Plugin, gehen Sie zu > Template Layout und wählen Sie ‘Latest News Layout’

Schritt 3: Anpassung des Fluid-Templates

Es ist an der Zeit, unseren neuen Vorlagen-Code in das News-Fluid-Template einzurichten. Öffnen Sie einfach den Template-Ordner Ihrer Erweiterung unter Partials/List/ und kopieren Sie die Datei "Item.html" in "LatestNews.html".

Bearbeiten Sie nun die Datei "Templates/News/List.html" wie folgt:

 

<f:for as="newsItem" each="{news}">
  <f:render arguments="{newsItem: newsItem, settings:settings, className:className, view:'list'}" partial="List/Item">
  </f:render>
</f:for>

<f:for as="newsItem" each="{news}"> 
  <f:if condition="{0:settings.templateLayout} == {0:'latestNewsLayout'}">
   <f:then>
	 <f:render arguments="{newsItem: newsItem, settings:settings, className:className, view:'list'}" partial="List/LatestNews">
	 </f:render>
   </f:then>
   <f:else>
	<f:render arguments="{newsItem: newsItem, settings:settings, className:className, view:'list'}" partial="List/Item">
	</f:render>
   </f:else>
  </f:if>
</f:for>

 

Selbstverständlich müssen Sie nun nur noch Ihre benötigten HTML-Umrahmungen anpassen, um das richtige Layout unter "Partials/List/LatestNews.html" anzuzeigen.

Das war's! Das Vorlagenlayout für die neuesten Nachrichten ist bereit zur Anzeige auf Ihrer großartigen Website!

Posts by Nitin Chauhan

Kommentare und Antworten

×

Name ist erforderlich!

Geben Sie einen gültigen Namen ein

Gültige E-Mail ist erforderlich!

Gib eine gültige E-Mail Adresse ein

Kommentar ist erforderlich!

Sie haben das Limit für Kommentare erreicht!

* Diese Felder sind erforderlich.

Sei der Erste, der kommentiert