Contao 4.x Kurzanleitung

Login ins Backend

  1. Geben Sie die Domain Ihrer Website in die Adresszeile Ihres Browsers ein.
  2. Fügen Sie „/contao/“ am Ende Ihrer Domain hinzu.
  3. Geben Sie Ihre Anmeldedaten ein.
    (Achten Sie auf die Groß- und Kleinschreibung!)

Neuen Artikel erstellen

  1. Klicken Sie auf den Punkt „Neues Element“.
    Contao Anleitung Neuen Artikel erstellen
  2. Wählen Sie an welcher Stelle der neue Artikel erstellt werden soll.
    Contao Anleitung an welcher Stelle Artikel erstellen
  3. Geben Sie Ihrem neuen Artikel eine Überschrift.
    (Achten Sie darauf, dass Sie im rechten Auswahlfeld „h2“ auswählen!)
  4. In dem Editor können Sie nun Ihre Texte hinzufügen.
  5. Scrollen Sie nach unten bis zum Bildschirmrand und speichern Sie Ihren Fortschritt nachdem Sie fertig sind.
    Contao Artikel erstellen und bearbeiten

Artikel bearbeiten

  1. Wählen Sie in der linken Navigation den Menüpunkt „Artikel“ in dem Bereich „Inhalte“ aus.
    Contao Anleitung Artikel auswählen und bearbeiten
  2. Klicken Sie auf das „Bearbeiten“ Symbol (Stift) des jeweiligen Artikels den Sie bearbeiten möchten.
    Contao 4 Anleitung ausgewählten Artikel bearbeiten
  3. Klicken Sie auf das „Bearbeiten“ Symbol (Stift) des jeweiligen Inhaltselements welches Sie bearbeiten möchten.
    Contao 3.x Anleitung Inhaltselement eines Artikels bearbeiten

Neue Seite erstellen

  1. Wählen Sie in der linken Navigation den Menüpunkt „Seitenstruktur“ in dem Bereich „Layout“ aus.
  2. Klicken Sie auf den Punkt „Neue Seite“.
    Contao 4 Anleitung Neue Seite in der Navigation anlegen
  3. Wählen Sie an welcher Stelle die neue Seite erstellt werden soll.
    Contao Anleitung - Auswählen an welcher Stelle die neue Seite erscheinen soll
  4. Geben Sie unter „Seitenname“ im Reiter „Name und Typ“, den Namen Ihrer neuen Seite ein.
  5. Füllen Sie außerdem die Felder „Seitentitel“ und „Beschreibung der Seite“ im Reiter „Meta-Information“ aus.
    (Diese sind wichtig für die Google-Platzierung!)
  6. Wählen Sie die Checkbox „Seite veröffentlichen“ im Reiter „Veröffentlichung“ aus.
  7. Scrollen Sie nach unten bis zum Bildschirmrand und speichern Sie Ihren Fortschritt nachdem Sie fertig sind.
    Contao Anleitung - Seo Optimierung, also Google-Optimierung bei Seitenerstellung beachten

Bilder hochladen

  1. Wählen Sie in der linken Navigation den Menüpunkt „Dateiverwaltung“ in dem Bereich „System“ aus.
  2. Klicken Sie auf den Punkt „Datei-Upload“.
    Contao Anleitung Dateiverwaltung: Bilder und Dateien hochladen, bzw Upload-Funtion nutzen
  3. Wählen Sie an welcher Stelle Sie Ihr Bild hochladen möchten.
    Contao 4 Anleitung Upload in der Ordnerstruktur festlegen
  4. Klicken Sie auf das Feld um den Dateiwähler zu öffnen oder schieben Sie die gewünschten Dateien direkt in das Upload-Feld
    Contao Anleitung - Dateien auswählen und einfach hochladen
  5. Warten Sie bis der Haken erscheint und klicken
  6. Sie anschließend auf zurückContao 4 - Bildupload fertig

YouTube Videos einbinden

  1. Kopieren Sie den vollständigen Einbettungscode Ihres YouTube Videos. Diesen finden Sie, wenn Sie unter dem Video auf die Schaltfläche „Teilen“ klicken und dann auf den Punkt „Einbetten“ gehen.
    Contao Anleitung : Youtube Videos in die Seite einfügen und einbetten
  2. Klicken Sie auf das Einbettungs-Symbol
  3. Kopieren Sie den Text
  4. Achten Sie darauf, dass Sie die Datenschutzkonforme Version ausgewählt habenContao Anleitung: Speichern von Artikel, Inhaltselementen und Seiten
  5. Gehen Sie in den Bearbeitungsmodus des gewünschten Inhaltselements und wählen Sie den Punkt Quelltext anzeigen aus.Contao Anleitung: Speichern von Artikel, Inhaltselementen und Seiten
  6. Fügen Sie den YouTube-Code ein
  7. Contao Anleitung: Einfügen des Codes
  8. Klicken Sie auf "OK" und dann auf speichernContao Anleitung: Speichern des eingebettenden Videos

Editor Übersicht

  1. Seite verlinken
  2. Bild einfügen
  3. Quelltext bearbeiten
Contao Anleitung - Einführung in den TinyMCE Editor und Erklärung

Symbole

Bearbeitungsstift von Contao Artikel, Inhaltselemente usw. bearbeiten

Dupliziersymbol von Contao Elemente duplizieren

Dupliziersymbol und Unterseiten von Contao Elemente und Unterseiten duplizieren

Symbol zum verschieben von Contao Elemente verschieben

Symbol zum löschen von Elementen Elemente löschen

Infosymbol von Contao Infos zu Elementen anzeigen

Sichtbarkeitssymbol von Contao Elemente ein- / ausblenden, damit diese nicht mehr auf der Website angezeigt werden

Kopiersymbol von Contao Neues Element nach dem vorherigen erstellen

Einfügen Symbol von Contao Nach einem Element einfügen

einfügen in Element Symbol von Contao In ein Element einfügen