2. Dezember 2013

Einstieg in TYPO3 [Tag 11]: Anwendung weiterer Seiteninhaltselemente

Während die Customizer unsere Seite noch weiter verschönen und immer wieder neu anpassen, werden wir Anwender uns weiterhin den Seiteninhaltselementen widmen.

Zunächst geht es um das Einbinden von HTML-Codes - genauer gesagt um das Einbinden eines «Einbettungscodes» von Videos, Affiliate Links und des "Teilen-Buttons" von Facebook.

Einbinden einer Video-URL

1. Unter Menü "Seite" die Seite öffnen, in die das Video eingebettet werden soll.
2. Öffnen eines neuen Seiteninhaltselementes im Arbeitsbereich - reines HTML:
3. Einbettungscode des Videos kopieren und in das vorgegebene Feld "HTML-Code" einfügen.
4. Speichern und schließen.

Tipp: Kurzer Beschreibungstext und/oder Überschriften über das Video besser mit einem neuen Seiteninhalstelement bearbeiten!

Einbinden von Affiliate Links/Anzeigen


1. Öffnen der Seite, auf der die Affiliate Links bzw. Anzeigen erscheinen sollen. in diesem Fall erscheint der Affiliate Link/die Anzeige nicht im Content, sondern innerhalb der Sidebar der Seite!
2. Neues Seiteninhaltselement "Reines HTML" wählen.
3. Den HTML-Code des Affiliate Links/der Anzeige einbetten
4. Speichern und schließen - im Frontend ansehen.

In meinem Fall sieht das so aus:

Tipp: Den Hinweis "Affiliate Link" habe ich als eigenes Seiteninhaltselement über den HTML-Code geschrieben.


Einbinden eines "Teilen"-Buttons von Facebook


1. Öffnen der Internetseite https://developers.facebook.com/docs/plugins/
2.  «Social Plugin» und «Share Button» anwählen.
3. Die gewünschte Facebook-Seite in das Feld URL to share eingeben.
4. Dann auf "Get Code" klicken.




5. Es öffnet sich der Einbettungscode in einem neuen Fenster (!Vorsicht bei unterdrückte Pop-Ups!)
6. Zwei Codes stehen zur Auswahl:


    • Der erste Code (1.) wird in die Index.html des Templates geschrieben.
 
    • Der zweite Code (2.) wird als neues Seiteninhaltselement im BE der TYPO3- Umgebung kopiert.



7. Speichern und schließen - im Frontend ansehen.


Keine Kommentare:

Kommentar veröffentlichen