Wie füge ich externe JavaScript- oder CSS-Dateien zu unserer Tridion-Seite hinzu?

8

Ich habe eine externe JavaScript und eine CSS Datei. Ich habe keine Ahnung, wie ich diese Datei zu meiner Seite hinzufügen soll. Ich verwende DWT TBBs für beide CTs und PTs .

Ich schreibe internes CSS in meine Seite TBB, um die Ausgabe vorerst zu erhalten. aber ich verstehe nicht, wie man JavaScript implementiert. Kann mir jemand helfen?

Sollte ich diese Datei als Komponente machen und sie auf meiner Seite rendern? Ist das der richtige Weg? Wenn ja, bitte sagen Sie mir die zu befolgenden Schritte.

    
Coder 11.05.2012, 16:25
quelle

2 Antworten

11

Dies ist ein Thema für eine breite Diskussion, ich werde versuchen, die verschiedenen Möglichkeiten zu skizzieren:

  1. Erstellen Sie CSS & amp; JS als binäre Komponenten, verknüpfen Sie diese mit der DWT-Vorlage
  2. Erstellen Sie CSS & amp; JS als binäre Komponenten, veröffentlichen als DCP auf dem Server, Link mit URL zu binär
  3. Erstellen Sie CSS & amp; JS als Text-Komponenten, Platzieren in der Seite, Veröffentlichen auf dem Server, Link URL zu Seite
  4. Kopieren Sie CSS & amp; JS zum Lieferungsbediener (nicht Tridion), Verbindung mit URL zu css & amp; js

Option # 1 ist am einfachsten, mit einigen Nachteilen.

  • Erstellen Sie Multimedia-Komponenten in Tridion mit den benötigten CSS- und JS-Dateien.
  • Notieren Sie sich die URIs, und verwenden Sie dann so etwas in Ihrer DWT:
%Vor%

Wenn Ihre Vorlage den Standardbaustein "Standardaktionen" verwendet, löst Tridion die Verweise auf diese Binärdateien auf und veröffentlicht sie mit Ihrer Seite. Dies hat den Nebeneffekt, dass diese Binärdateien mit ALLEN Seiten veröffentlicht werden, die die gleiche Vorlage verwenden.

Option # 2 erfordert, dass Sie eine dynamische Komponentenvorlage schreiben, möglicherweise mit einem Code, um zu bestimmen, wo Dateien veröffentlicht werden. Dies entspricht eher dem, was ich normalerweise implementiere, aber zu diesem Zeitpunkt würde ich Ihnen nicht empfehlen, dies zu tun. Wenn Sie das Tridion-Wissen erweitern, werden Sie sich wohl genug fühlen, dies alleine zu tun. Mit dieser Option können Sie die CSS / JS-Dateien an einem bestimmten Ort veröffentlichen und dann Verweise in Ihrer DWT verwenden, die anstelle der TCM-URIs (wie oben) die URL verwenden, zu der die Dateien veröffentlicht werden.

Option # 3 erfordert, dass Sie eine "code component & amp; template" erstellen, dh ein einfaches Schema mit nur einem großen Textfeld (nicht Rich Text), wo Sie den Inhalt Ihres CSS oder JS kopieren / einfügen können. Schreiben Sie dann eine einfache Komponentenvorlage, die den Inhalt so ausgeben soll, wie er ist. So etwas wie @@Fields.Code@@ . Schließlich erstellen Sie 2 Seitenvorlagen (eine mit der Erweiterung .js, die andere mit der Erweiterung .css) mit nur einer DW-Vorlage:

%Vor%

Zuletzt, und definitiv nicht zuletzt (es gibt viele Möglichkeiten, diese Katze zu häuten), könnten Sie einfach diese CSS / JS-Dateien direkt auf Ihren Webserver legen und einen Link in Ihrem DWT zu den URLs hinzufügen, wo diese Dateien verfügbar sind.

Hoffe, das gibt dir einige Möglichkeiten. Denken Sie daran, dass CSS / JS auf Seitenvorlagenebene (idealerweise im <head> -Anteil Ihrer Seite) und nicht in Ihrer Komponentenvorlage ausgeführt werden sollte.

    
Nuno Linhares 11.05.2012, 17:44
quelle
5

Es gibt eine großartige Reihe von Artikeln aus Bausteinen, die das erklären

Sehen Sie sich diese Links an:

  1. Ссылка
  2. Ссылка
  3. Ссылка

Wenn Sie die Dinge wirklich einfach halten wollen (aber ich empfehle das nicht, da es jedes Mal, wenn Sie eine Seite veröffentlichen, Ihr CSS oder JS erneut veröffentlicht). Sie können das CSS als Multimedia-Komponente speichern (und dessen URI aufschreiben) und es so in Ihrem DWT-Seitenlayout referenzieren:

%Vor%

Verwenden Sie dann die Standard-Finish-Aktionen, um sicherzustellen, dass die Binärdatei veröffentlicht und die Links aufgelöst sind.

    
Chris Summers 11.05.2012 16:30
quelle

Tags und Links