Leichte Sprache
Gebärdensprache
Veranstaltungskalender
Öffnungszeiten

Tutorials

Seitenverwaltung

Varianten

Variante 3 - Ansprechpartner

Variante 8 - Formular

Oberpunkte Seite

Variante 1 - Text und Bild

Variante 5 - Banner

Variante 10 - Galerie

Verwalten von Inhalten

Variante 2 - Akkordeon

Variante 7 - Formular-Download

Landkreiskarte

FAQ

Login Vorgang

Login Vorgang

Geben Sie in Ihrem Browser folgende URL ein: http://typo3.p632203.webspaceconfig.de/

Geben Sie in den Verzeichnisschutz Benutzer: demo und bei Passwort: demo+123 ein.
Nun sehen Sie das zukünftige Frontend der Webseite.

Um in das Backend zu gelangen, geben Sie hinter oben stehende URL /typo3 ein. (typo3.p632203.webspaceconfig.de/typo3)
Hier können Sie sich nun mit Ihren Zugangsdaten die Sie von uns bekommen haben einloggen.

Bildnachweis einfügen

Bildnachweis einfügen

Bildnachweis und Copyright sollten immer direkt beim Hochladen neuer Bilder ergänzt werden.
Dazu gehen Sie folgendermaßen vor:

  1. Laden Sie das Bild, wie gewohnt, über die Dateiliste im richtigen Ordner hoch.
  2. Klicken Sie links erneut auf den Ordnernamen, um die Ansicht zu aktualisieren.
  3. Klicken Sie einmal auf den Bildtitel des eben hochgeladenen Fotos.
  4. Füllen Sie hier die Pflichtfelder "Barrierefreiheit" und "Copyright" aus und bestätigen dies über den Speichern Button.

Die hier hinterlegten Inhalte werden immer automatisch ausgegeben, sobald Sie das Foto auf der Website verwenden. Ein erneutes Eintragen beim Einfügen des Bildes selbst ist somit nicht mehr notwendig.
Möchten Sie die Inhalte der beiden Felder für einzelne Inhaltselemente anpassen, könne Sie das, wie gewohnt, über die Bildbearbeitung beim Einfügen des Bildes auf der Website tun.

Text und Bilder ausrichten

Text und Bilder ausrichten

Um die Bildausrichtung anzupassen, gehen Sie wie folgt vor:

  • Öffnen/Erstellen Sie ein "Text und Bilder" Element
  • Klicken Sie oben auf den Reiter "Bilder"
  • Wählen Sie unter Galerieeinstellungen die gewünschte Ausrichtung und Position

Folgende Möglichkeiten stehen Ihnen zur Ausrichtung und Positionierung zur Verfügung:

  • Oben links/mittig/rechts
    Das Bild wird links/zentriert/rechts oberhalb des Textes dargestellt.
     
  • Unten links/mittig/rechts
    Das Bild wird links/zentriert/rechts unterhalb des Textes dargestellt.
     
  • Im Text links/rechts
    Das Bild wird links/rechts ausgerichtet und vom Text umflossen.
     
  • Neben dem Text links/rechts
    Das Bild wird links/rechts ausgerichtet. Der Text fließt neben dem Bild vorbei.
Ich möchte unterhalb meines Textes einen Button auf den ich einen Link auf eine andere Unterseite setzen kann.

Ich möchte unterhalb meines Textes einen Button auf den ich einen Link auf eine andere Unterseite setzen kann.

Diese Möglichkeit besteht. Hier können Sie sich aus der Variante 1 - Text mit Bild rechts - den Button kopieren.

Klicken Sie auf das Stiftsymbol um in den Bearbeitungsmodus zu gelangen. Im Textfeld klicken Sie in der Bearbeitungsleiste auf Quellcode. Am Ende des Textes steht folgender Code:

<p><a class="btn btn-blue" href="t3://page?uid=1">Button</a></p>

Diesen kopieren Sie sich und fügen diesen am Ende des gewünschten Textes ein. Falls Sie hierbei Hilfe benötigen, melden Sie sich bitte gerne jederzeit.

Wo finde ich die Icons für die Boxen?

Wo finde ich die Icons für die Boxen?

Die Icons sind in der Dateiliste unter dem Punkt 'ICONS' hinterlegt.
Falls Ihnen ein passendes Icon fehlt, geben Sie uns bitte Bescheid.

Wie ändere ich die Farbe der Boxen?

Wie ändere ich die Farbe der Boxen?

Sie klicken auf das Stift-Symbol der zu bearbeitenden Box und klicken oben im Reiter auf Erscheiungsbild.

Hier können Sie über den Punkt Layout die Farbe der Box abändern:

  • Dunkelgrün
  • Hellblau
  • Dunkelblau
  • Grau

Bitte achten Sie hier, falls die Farben anpassen auf ein einheitliches Bild.

Der Abstand zwischen zwei Elementen ist zu groß!

Der Abstand zwischen zwei Elementen ist zu groß!

Es kann vorkommen, dass im Textfeld am Ende des Textes sich Leerzeilen eingeschlichen haben. Bitte kontrollieren Sie, ob unterhalb des Textes keine unnötigen Leerzeilen sind.

Mein Bild wird teilweise abgeschnitten

Mein Bild wird teilweise abgeschnitten

Da wir die Bildformate in der Programmierung vorgegeben haben, schneidet dass System diese automatisiert zu.
Falls es sich jedoch um länger gezogene Quer- oder Hochformat Bilder handelt, können Sie diese wie folgt anpassen.

  1. Element bearbeiten über das Stiftsymbol
  2. Oben im Reiter Erscheinungsbild können Sie bei Rahmen die Option "Bild Originalmaße" anzeigen auswählen.
  3. Das Bild wird nun im Frontend in den Originalmaßen angezeigt

Achtung: Falls das Bild nun zu groß sein sollte, nehmen Sie folgende Einstellungen vor

  1. Elemtn bearbeiten über das Stiftsymbol
  2. Reiter Bilder im Abschnitt Medienanpassungen (unterhalb der eingefügten Bilder)
  3. Breite jedes Elements auf 500 setzen

Falls dies immer noch zu groß sein sollte, einfach 50 weniger nehmen, bis es die gewünschte Größe hat.

Muss ich die Bildgröße anpassen?

Muss ich die Bildgröße anpassen?

Wenn Sie ein Bild in ein Text-Bild-Element einfügen müssen, brauchen Sie die Größe nicht anpassen, da wir dies bereits vorgegeben haben.

Beim Hochladen der Bilder in der Dateiliste bitte darauf achten, dass die Bilder nicht zu groß sind. (Header Bilder sollten knapp unter 1 MB liegen, andere Bildelement sollten 300 KB unterschreiten)

Über das Programm Paint haben sie die Möglichkeit, folgendermaßen die Bildgröße anzupassen:

  • Rechtsklick auf das zu komprimierende Bild
  • Öffnen mit > Paint
  • In Paint:
    • Reiter Start > Größe ändern
    • "Pixel" wählen und Haken bei "Seitenverhältnis beibehalten" setzen
    • Horizontal 800px bei Inhaltsbildern und 2000px bei Headerbildern einstellen (sofern das Original größer ist)
    • Vertikale Größe passt sich automatisch an!
    • Bild speichern und hochladen

Um optimale Ergebnisse zu erzielen, sollten die Fotos, nachdem sie in Paint verkleinert wurden, zusätzlich komprimiert (Reduktion digitaler Daten) werden.
Dazu stehen ihnen verschiedene Websites zur Verfügung. Hier zwei Beispiele, die sie bedenkenlos verwenden können:

Gibt es einheitliche Vorgaben zu den Ansprechpartner-Fotos

Gibt es einheitliche Vorgaben zu den Ansprechpartner-Fotos

Da die Bilder als Kreis ausgegeben werden, ist hier das Seitenverhältnis 1:1. 
Hier sind quadratische Bilder am geeignetsten.

Mehrere Formulare in zwei Spalten einfügen

Mehrere Formulare in zwei Spalten einfügen

Hier besteht die Möglichkeit, wenn mehr Formulare auf einer Seite untereinander ausgegeben werden sollen, diese in zwei Spalten zu gliedern.

Es muss somit innerhalb der Formular Variante ein neuer Inhalt angelegt werden. Wählen Sie hier oben im Reiter den letzten (T3SB Grid) aus und klicken Sie auf 2 Columns.
Jetzt werden somit zwei bearbeitbare Spalten angelegt. Hier können Sie nun das Element Formualre zum Downloaden auf beiden Seiten einfügen.

Falls Sie bei der Umsetzung Hilfe benötigen, oder wir dies in der Muster Variante integrieren sollen, melden Sie sich gerne jederzeit.

Wie füge ich Elemente in das Akkordeon ein?

Wie füge ich Elemente in das Akkordeon ein?

Sie wollen einen Ansprechpartner oder ein Text-Bild Element in einen Akkordeon Punkt einfügen? Bitte gehen Sie folgermaßen vor

  1. Kopieren Sie sich das gesamte Akkordeon auf Ihre Unterseite
  2. Um weitere Elemente als nur Text in ein Akkordeon einzufügen, benötigt man eine seperate Section
  3. Im Muster ist dieser Abschnitt als Akkordeon Erweiterung betitelt. Innerhalb dieses Abschnitts können Sie nun das gewünschte Element einfügen (siehe Bild 1 hier: Text Bild Element)

Um mehrere solche Abschnitte für Sonderinhalte einzufügen können Sie sich entweder die vorhandene Section kopieren und Sie unter dem zweiten +Inhalt unterhalb des Section Elements einfügen (siehe 2. Bild)

Wenn Sie eigenständig dieses Element einfügen möchten ohne dies zu kopieren gehen Sie bitte wie folgt vor:

  1. klicken Sie auf das +Inhalt unterhalb des Rahmens des Section Elements (das zweite +Inhalt unterhalb des letzten Elements in der Section)
  2. jetzt wählen Sie den Reiter Container und dann Section aus
  3. Das Element wird jetzt als Section Content Element ausgegeben
  4. In dieses Element können Sie nun durch das Klicken von +Inhalt einen neuen Content erstellen oder Sie kopieren ein Muster Element hinein. 
    VORSICHT: Wenn Sie hier nun ein Muster Element hinein kopieren dürfen Sie das Element nicht oberhalb des lila Bereichs kopieren sondern das erste Element welches innerhalb liegt (Beispiel Text-Bild: Hier klicken Sie nicht neben die erste Deutschland Flagge sondern neben die zweite, siehe Bild 3)
Arbeiten mit dem "Boxen" Element

Arbeiten mit dem "Boxen" Element

  1. Kopieren Sie Variante 6 - Boxen NEU auf der Musterseite und fügen diese an gewünschter Stelle ein.
  2. Bearbeiten Sie das Element "Boxen" innerhalb des Containers über das Stiftsymbol.
  3. Passen Sie im Bereich "Boxen" (Ganz unten im Reiter Allgemein) die vorhandenen Musterboxen an oder fügen Sie über den "Neu anlegen" Button eine neue Box hinzu.
    Hierbei ist jedes Element (rotes Icon) eine eigene Box.
  4. Folgende Felder sind zu befüllen:
    1. Boxicon: Wählen Sie ein passendes Icon für die Box aus.
    2. Boxtitel: Tragen Sie hier die Überschrift ein, die in der Box angezeigt werden soll.
    3. Boxinfo: Tragen Sie hier optional einen kurzen Text ein, z.B. Weiterlesen, Mehr erfahren, PDF downloaden usw.
    4. Boxlink: Verlinken Sie hier die Box auf die dazugehörige Detailseite/Website/Datei (Hiermit wird die gesamte Box verlinkt)

Farben und Platzierungen werden in dieser Version automatisch angepasst und müssen somit nicht mehr beachtet werden.

Wie füge ich Videos ein?

Videos werden am besten über YouTube eingebunden, um Ladezeiten usw. zu optimieren.
Hier gibt es folgende Punkte zu beachten:

YouTube Upload:

  • Melden Sie sich bei YouTube an und starten Sie über den Erstellen-Button (oben rechts) unter Video hochladen das YouTube Studio: