zum Hauptmenü zum Seiteninhalt zur Subnavigation zum Footermenü zur Suchfunktion zu den Hinweisen der Barrierefreiheit


Inhaltselement Text & Medien

Inhalt nur mit Text

Inhaltselement für Texte

Das Bild zeigt eine Bildschirmansicht der TYPO3-Software. Im Hauptbereich ist der Text "Dringend notwendig" zu sehen, mit einer Hervorhebung des Landes Ludwigslust-Parchim. Links sind verschiedene Menüoptionen und eine Inhaltsübersicht sichtbar.

Ist im Backend auf einer Seite ein Inhaltselement angelegt, bekommen Sie mehr Möglichkeiten, wo Sie ein neues Inhaltselement erstellen können. Achtung! Die Hauptüberschrift muss dabei immer ganz oben stehen bleiben.

Screenshot einer Verwaltungsoberfläche in einem Content-Management-System. Der Bereich "Neues Inhaltselement" zeigt Optionen zur Erstellung von Inhalten, einschließlich Überschrift und Text. Die Menüleiste auf der linken Seite enthält verschiedene Navigationspunkte und Einstellungen.

Egal ob Sie nur Text, nur Bilder oder Text mit Bilder erstellen wollen: Wählen Sie hierfür immer das Inhaltselement "Text & Medien".

Die Abbildung zeigt eine Benutzeroberfläche zur Erstellung von Inhalt auf einer Webseite. Es gibt Optionen wie „Typ“, „Überschrift“ und „Unterüberschrift“, sowie Bereiche für Text und Links. Die Navigation zeigt verschiedene Seiten und Einstellungen in einer Baumstruktur an.

In der Eingabemaske können Sie eine Überschrift eingeben. Der "Typ" entscheidet über die Größe und das Aussehen der Überschrift. Verwenden Sie im Text & Medien Element nur die Überschriften 2, 3, 4 oder 5. Beachten Sie die Abfolge: Bsp.: nach einer Überschrift 2, darf erneut eine Überschrift 2 folgen, aber nicht die Überschrift 4, sondern es muss eine Überschrift 3 folgen.

Screenshot einer Benutzeroberfläche des TYPO3 Content Management Systems. Links ist eine Navigationsleiste mit verschiedenen Menüpunkten, darunter "Web", "Seiten" und "Dateien". Rechts ist ein Texteditor mit Platz für eine Überschrift und Textinhalt.

Weiter unten befindet sich der Editor. Hier tragen Sie Ihren Text ein. Auch Tabellen, Listen, Links etc. können hier eingetragen werden.

Ein Dokument in Google Docs zeigt einen Text über die Themen Schmerz und Freiheit. Der Text diskutiert, wie Schmerz empfinden und verstehen wichtig für das Streben nach Freiheit ist. Es wird auch erwähnt, dass Freiheit eng mit der Erfahrung von Schmerz verbunden ist.

Oft ist es so, dass Sie Inhalte aus einer Word-Datei in das Typo3-System kopieren wollen.

Der Text auf dem Bild behandelt die Themen Freiheit, Entfaltung und den Umgang mit inneren Konflikten. Es werden verschiedene Perspektiven auf das Verhältnis von Freiheit und Selbstverständnis dargestellt und wie diese die menschliche Erfahrung prägen.

Wählen Sie den Text aus und drücken Sie dann die Tasten STRG und C, um den Text zu kopieren.

Die Abbildung zeigt eine Benutzeroberfläche eines Content-Management-Systems. Auf der linken Seite befinden sich Menüoptionen, während im Hauptbereich ein Textfeld sichtbar ist, das Informationen über das Thema "Freude und Schmerz" enthält.

Klicken Sie im Typo3 Backend in das Editor Feld. Drücken Sie die Tasten STRG und Shift und V, um den Text einzufügen (Wordformatierungen werden dadurch entfernt). Entfernen Sie am Ende vom Text unnötige Leerzeichen oder Umbrüche.

Der Screenshot zeigt ein Content-Management-System (CMS), in dem ein Textbereich hervorgehoben ist. Der Benutzer kann Text bearbeiten, formatieren und speichern. Links sind Menüoptionen und eine Dateistruktur sichtbar. Verschiedene Schaltflächen und Einstellungen zur Anpassung des Inhalts sind erkennbar.

Der Editor sollte in der Höhe immer so kurz wie möglich sein und keine Leerzeilen sichtbar sein. Sonst sind eventuell unnötige Leerzeichen oder Umbrüche am Ende des Textes vorhanden.

Ein Bildschirm zeigt eine Benutzeroberfläche eines Content-Management-Systems. Auf der linken Seite sind Menüoptionen sichtbar, darunter "Seiten", "Anzeigen" und "Dateien". Rechts ist ein Textfeld zu sehen, in dem ein längerer Text bearbeitet wird. Der Fokus liegt auf der Textbearbeitung.

Fügen Sie fehlende Absätze mit der Entertaste ein (roter Pfeil). Bei Bedarf können Sie auch noch Fett Schrift usw. entsprechend verwenden.

Das Bild zeigt die Benutzeroberfläche eines Content-Management-Systems (Typo3). Im Vordergrund ist ein Texteditor sichtbar, in dem Informationen eingegeben werden können. Links sind eine Menüleiste und verschiedene Optionen zur Seitenbearbeitung angeordnet. Ein Textabschnitt ist bereits eingegeben.

Wählen Sie nun "Speichern" und danach "Anzeigen" damit Sie sich die Vorschau ansehen können.

Text: "Die Webseite bietet Informationen über den Landkreis Ludwigsburg und behandelt Themen, die den Umgang mit Schmerzen und Freude im Leben betreffen. Es wird betont, dass das Verständnis von Schmerz wichtig ist, um Freude zu empfinden."

Im Frontend sehen Sie dann den Fließtext schön mit Absätzen getrennt.

Bilder im Inhaltselement Text & Medien hinzufügen

Screenshot eines TYPO3-Backend-Editors. Die Oberfläche zeigt die Bearbeitung eines Inhaltsbereichs mit dem Titel "Noch eine Überschrift" und Optionen für Medienanpassungen und Galerieneinstellungen. Der Fokus liegt auf der Eingabemaske zur Medienhochladung und verschiedenen Konfigurationsfeldern.

Im Text & Medien Element können Sie im Reiter "Medien" Bilder einfügen. Klicken Sie dazu auf den Button "Mediendatei hinzufügen".

Eine Benutzeroberfläche zeigt eine Liste von Dateien in einem Verzeichnisbaum. Die Dateien sind Bilder mit Namen wie „chamaeleon-am.jpg“ und „einsamer-meinikaefer1.jpg“. Die Größe der Bilder wird ebenfalls angezeigt. Ein Suchfeld befindet sich oben in der Ansicht.

Das Popup zum Dateiverzeichnis öffnet sich. Stellen Sie sicher, dass ein Haken bei "Vorschaubilder anzeigen" gesetzt ist.

Das Bild zeigt eine Benutzeroberfläche mit einem Verzeichnisbaum. Darunter sind verschiedene Bilddateien aufgelistet, die Namen wie "chamaeleon-am.jpg" und "einsamer-meerkaefer.jpg" tragen. Neben jeder Datei befinden sich Symbole zur Vorschau und Verwaltung.

Wählen Sie über die Checkboxen links, die Bilder aus, die Sie einbinden möchten. Haben Sie alle ausgewählt klicken Sie anschließend auf den Button "Auswahl importieren". Wenn Sie nur ein Bild einbinden wollen, genügt der Klick auf das Pluszeichen beim Bild rechts am Rand.

Screenshot eines Content-Management-Systems mit einer Bearbeitungsoberfläche. Auf der linken Seite sind Menüoptionen sichtbar, während rechts die Sektion "Seiteninhalt" mit dem Titel "Dringen notwendig" und verschiedenen Medienelementen angezeigt wird. Es gibt Optionen zur Medienverwaltung und Bearbeitung.

Kurz warten, dann sollten die Bilder im Backend in Ihrem Inhaltselement zu sehen sein.

Screenshot eines Content-Management-Systems (CMS) mit einer Benutzeroberfläche. Es zeigt Optionen zur Bearbeitung von Inhalten, darunter Titel, Bildauswahl und verschiedene Einstellungen für Medienanpassungen und Galerieoptionen. Die Navigation besteht aus einem Menü auf der linken Seite mit verschiedenen Kategorien.

Scrollen Sie weiter nach unten, um die Position der Bilder im Text sowie die Anzahl der Spalten festzulegen.

Screenshot einer TYPO3-Administrationsoberfläche. Links sind Menüelemente zur Seitenanzeige und Dateiverwaltung sichtbar. Im Hauptbereich sind Felder für Metadaten mit Titel, Alternativtext, Link und Beschreibung zu sehen. Die Benutzeroberfläche ist in einem hellen Farbschema gestaltet.

Für den Fall, dass Ihre Bilder ein unterschiedliches Format haben, klicken Sie jeweils auf das Bild drauf (Bild-Ansicht klappt auf) und dann auf den Button "Editor öffnen".

Ein Erdmännchen steht aufrecht und schaut aufmerksam in die Umgebung. Es hat ein braunes, gestreiftes Fell und große, runde Augen. Der Hintergrund ist verschwommen, was den Fokus auf das neugierige Tier lenkt.

Es öffnet sich ein Popup, in dem Sie nun das Bild beschneiden können.

Ein Erdmännchen steht aufrecht, mit aufmerksamen Blick und einem leicht geöffneten Mund. Sein Fell ist braun gestreift, und im Hintergrund sind unscharfe Steine sichtbar. Das Tier wirkt neugierig und wachsam, als würde es seine Umgebung beobachten.

Damit alle Bilder innerhalb eines Text & Medien Elements das gleiche Format haben, wählen Sie rechts ein passendes Seitenverhältnis aus.

Ein Erdmännchen steht aufrecht und schaut neugierig in die Zukunft. Sein Fell ist braun gefärbt mit dunklen Streifen. Der Hintergrund ist verschwommen, wodurch das Tier im Fokus steht.

Nun können Sie den Rahmen so ziehen, wie Sie das Bild beschneiden möchten.

Screenshot einer Benutzeroberfläche des Typo3-Content-Management-Systems, der das Bearbeiten von Seiteninhalten zeigt. Auf der linken Seite sind Navigationsoptionen sichtbar, während im Hauptbereich Felder für Bildmetadaten, alternativen Text und Beschreibungen angezeigt werden.

Führen Sie diesen Prozess mit allen Bildern innerhalb eines Text & Medien Elements durch.

Screenshot der TYPO3 Verwaltungsoberfläche, der eine Seite mit dem Titel "Dringen notwendig" zeigt. Links sind Menüpunkte und Optionen zur Bearbeitung der Seite sichtbar. Im Hauptfeld sind Medieneinstellungen und Bildmetadata für ein grünes Chamäleon zu sehen.

Klicken Sie auf "Speichern" und dann "Anzeigen" für die Vorschau im Frontend.

Die Abbildung zeigt verschiedene Tiere: ein Chamäleon, eine Schlange und ein Erdmännchen. Diese unterschiedlichen Arten repräsentieren das Thema der Vielfalt und Besonderheit in der Tierwelt, wobei jedes Tier seine eigene einzigartige Anpassung und Lebensweise hat.

Die Vorschau im Browser.

Ein Chamäleon mit grünem, schuppigem Hautmuster sitzt auf einem Ast. Es hat große, runde Augen und eine ausgeprägte Schnauze. Der Hintergrund ist verschwommen und zeigt eine natürliche Umgebung.

Klicken Sie auf ein Bild um zu überprüfen, ob die Klickvergrößerung korrekt funktioniert.

Screenshot einer Benutzeroberfläche zur Bearbeitung von Inhalten in einem Typo3-System. Es zeigt eine Seite mit dem Titel "Noch eine Überschrift" und verschiedenen Optionen für Layout, Links und Einstellungen. Die Struktur ist in einem Menü auf der linken Seite angeordnet.

Standardmäßig ist die Bildunterschrift ausgeschaltet. Das können Sie im Tab "Erscheinungsbild" ändern.

Einstellung zur Bearbeitung einer Seite im Typo3-Backend. Der Bildschirm zeigt Optionen zur Layout-Anpassung, einschließlich Abständen und Links. Der Titel der Seite lautet "Dringen notwendig". Links befinden sich Navigationspunkte und eine Schaltfläche zum Speichern.

Klicken Sie dazu einfach den Button bei "Bildunterschrift anzeigen" und er wechselt nach rechts. Dann wieder "Speichern" und dann "Anzeigen" für eine Vorschau.

Drei Bilder von Tieren: Ein Chamäleon in Grün, eine Eidechse auf einem Baumstamm und ein Erdmännchen, das aufmerksam zum Betrachter schaut. Die Bilder zeigen die Vielfalt der Tierwelt und deren interessante Merkmale.

Im Frontend erscheinen dann die Bildunterschriften unterhalb der Bilder.

Das Bild zeigt eine Benutzeroberfläche des TYPO3 Content-Management-Systems, die mehrere Optionen zur Bearbeitung von Metadaten und Bildinformationen enthält. Links sind verschiedene Menüelemente aufgelistet, darunter Seiten- und Dateiverwaltung. In der Mitte befindet sich ein Eingabebereich für Bildtitel und Beschreibung.

Bildunterschriften müssen generell direkt in der Datei gepflegt werden. Sie können diese jedoch im Text & Medien Element beim Bild nachträglich selbst überschreiben.

Das Bild zeigt drei verschiedene Tiere: ein Chamäleon, eine Eidechse und ein Erdmännchen. Jedes Tier ist in einem separaten Bereich abgebildet, um deren Eigenschaften und Erscheinungen hervorzuheben. Die Farben und Texturen der Tiere sind deutlich zu erkennen.

In dem Fall wird dann die neue Bildunterschrift im Frontend angezeigt.

Die Abbildung zeigt eine Benutzeroberfläche einer Software mit verschiedenen Menüoptionen auf der linken Seite. Der Hauptbereich enthält einen Text mit dem Titel "Noch eine Überschrift", der über das Thema Schmerz und seine Wahrnehmung informiert.

Speichern und Schließen Sie das Inhaltselement, wenn Sie mit der Bearbeitung fertig sind.