Contao 3.x Kurzanleitung

Download der Contao Kurzanleitung als PDF:

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!)
    Contao Login in das Backend

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 3 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 Anleitung 3.4 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 3 Anleitung Upload in der Ordnerstruktur festlegen
  4. Wählen Sie über die Schaltfläche „Durchsuchen...“ die Bilder aus, welche Sie hochladen möchten.
  5. Starten Sie den Dateiupload Ihrer Bilder mit den Schaltflächen am unteren Rand.
    Contao Anleitung - Dateien auswählen und einfach hochladen

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 dei Seite einfügen und einbetten
  2. Klicken sie zum editieren des Quelltextes auf das „< >“ Symbol. Fügen Sie nun den Einbettungscode an der gewünschten Stelle im Quelltext Ihres Artikels ein.

    Contao Anleitung - Wo füge ich den youtube Code ein?
  3. Scrollen Sie nach unten bis zum Bildschirmrand und speichern Sie Ihren Fortschritt nachdem Sie fertig sind.
    Contao Anleitung: Speichern von Artikel, Inhaltselementen und Seiten

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 Elemente einfügen

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