Texte erstellen

Schritt 1: Auswählen der Inhaltsart

Wählen Sie zuerst bei der Erstellung eines Inhalts den Inhaltstyp "Texte" aus.

Schon sollte sich ein Fenster mit der Überschrift "Neuer Textinhalt" öffnen. In diesem können Sie die Einstellungen zu Ihrem Text treffen und diesen auch direkt mit unserem Editor pflegen.

In unserem Beispiel befinden wir uns auf unserer Content-Seite zu dem Thema Golfschläger. Diese haben wir hier zusammen mit Ihnen erstellt.

Schritt 2: Beschreibung wählen

Dort fangen Sie damit an, eine Beschreibung zu wählen. Diese dient nur der Übersichtlichkeit und wird nicht auf der ausgewählten Seite angezeigt.

Bei unserem Beispiel schreiben wir zuerst eine Einleitung, da wir im Rahmen der Inhaltserstellung bereits eine Überschrift gepflegt haben. Deswegen beschreiben wir den Text mit "Einleitung".

Schritt 3: Text schreiben

Nun können Sie in den darunterliegenden Editor Ihren Text einpflegen.

Wenn Sie dort mit der Maus über eines der Optionsfelder zum Bearbeiten ihres Textes bzw. zur Formatierung fahren, dann wird Ihnen angezeigt, um welche Funktion es sich handelt.

Hierbei können Sie den Text direkt formatieren. Diese befinden sich in der zweiten Zeile unter den jeweiligen Symbolen. Dabei haben Sie die gängigen Formatierungen "B" für Fett, "I" für Kursiv, "U" für Unterstrichen und "S" für Durchgestrichen.

Rechts daneben befinden sich die Buttons für eine nummerierte Liste und eine normale Liste. Wieder daneben sind die Symbole, welche den Einzug des Textes erhöhen bzw. verringern.

Neben diesen finden sich die vier Optionen für die Ausrichtung Ihres Textes. Hier sind auch wieder die gängigen Möglichkeiten "Linksbündig", "Zentriert", "Rechtsbündig" und "Blocksatz" vorhanden.

Daneben befindet sich noch zwei Drop-Downs. In dem ersten können Sie einfach die Sprache des gepflegten Texts festlegen. In dem zweiten können Sie das "Absatzformat" festlegen. Hiermit lassen sich beispielsweise Überschriften erstellen.

Eine kleine Übersicht, was die einzelnen Funktionen bewirken, finden Sie auf dem letzten Bild.

Schritt 4: Tabellen erstellen

Außerdem haben Sie in unserem Editor die Möglichkeit Tabellen zu erstellen.

Dafür klicken Sie auf das Tabellen-Symbol, welches in der ersten Zeile befindet. Dadurch öffnet sich ein neues Fenster, in dem Sie die Eigenschaften der Tabelle festlegen können.

Hier können Sie zuerst die Zeilen und Spalten festlegen. Außerdem können Sie die Breite und Höhe der Zellen wählen. Dies ist aber nicht zwingend notwendig, da sich sonst sowohl Höhe als auch Breite nach dem Text in der Zelle richten.

Darüber hinaus können Sie noch eine Kopfzeile einrichten und Abstände nach außen und nach innen festlegen. Die Größe des Tabellenrahmens, also die außenliegenden "Linien", und die Ausrichtung der Tabelle auf Ihrer Seite ist auch anpassbar.

Wenn Sie Ihre Einstellungen getroffen haben, dann klicken Sie auf "OK" und die Tabelle wird auch schon für Sie erstellt. Diese kann von Ihnen direkt mit Text gefüllt werden.

Schritt 5: Bilder einfügen

Es besteht auch die Option, Bilder direkt über unseren Editor hochzuladen.

Klicken Sie dazu auf das Bild-Symbol, das sich mittig in der ersten Zeile befindet. Danach sollte sich das Fenster "Bildeigenschaften" öffnen.

Wenn Sie das gewünschte Bild schon über den Dateibrowser hochgeladen haben, dann können Sie durch einen Klick auf "Server durchsuchen" diesen Browser öffnen und einfach Ihr Bild dort auswählen. Wie Sie Bilder über den Dateibrowser hochladen und wie Sie diesen bedienen zeigen wir Ihnen hier.

Sollte dies nicht der Fall sein, haben Sie die Möglichkeit hier über den Editor ein Bild hochzuladen, indem Sie zuerst oben zu dem Tab "Hochladen" gehen.

Dort Klicken Sie auf den Button "Datei auswählen". Somit öffnet sich ein Fenster, in dem Sie das Bild auf Ihrem Computer suchen und auswählen können. Nach der Auswahl müssen Sie das Bild noch zum Server senden.

Nachdem Sie ein Bild hochgeladen haben, wird es Ihnen schon in der Vorschau angezeigt. Außerdem ist dadurch die Originalhöhe und -breite des Bildes in den dazugehörigen Feldern vorausgefüllt. Diese können Sie dort auch anpassen.

Darüber können Sie noch einen alternativen Text festlegen, welcher angezeigt wird, wenn das Bild aus irgendwelchen Gründen nicht beim User angezeigt oder geladen werden kann.

Zuletzt bestätigen Sie Ihre Einstellungen noch durch Klicken auf "OK". Somit wird das Bild auch schon im Editor angezeigt.

Schritt 6: Anker setzen

Sie können auch einen Anker setzen.

Anker sind Punkte, zu denen man dann im Nachhinein verweisen kann. Diesen Verweis erstellt man mittels eines Links. Sollte man diesen dann anklicken wird man zu dem Punkt auf der Seite geführt auf dem sich der Anker befindet. Wie Sie dann einen Link zu einem Anker erstellen zeigen wir Ihnen hier im nächsten Schritt.

Beachten Sie dennoch, dass der Anker sich im gleichen Inhalt befinden muss, damit man auf diesen verweisen kann.

Dies funktioniert, indem Sie auf das Flaggen-Symbol in der ersten Zeile klicken. Danach öffnet sich ein Fenster, in welchem Sie den Namen des Ankers festlegen können.

Nach dem Bestätigen sehen Sie im Textfeld eine rote Flagge. Dies ist nun der Punkt, an welchem der Anker gesetzt ist. Die rote Flagge wird im Übrigen nicht auf Ihrer Seite angezeigt.

Für unser Beispiel wählen wir hier den Namen "Seitenanfang" und bestätigen dies mit "OK". Dadurch können wir später am Seitenende einen typischen "Zurück zum Seitenanfang"-Link erstellen, welcher sich am Ende einer längeren Seite befindet.

Schritt 7: Links einfügen

Links können eingesetzt werden, um auf interne sowie externe Inhalte zu verweisen. Außerdem können Sie auch auf Anker, welche Sie vorher gesetzt haben, verlinken. Sollte ein Besucher Ihrer Seite dann auf diesen Link klicken, wird er auf die Webseite weitergeleitet.

Einen Link können Sie im Text-Modul durch Auswählen des Symbols für "Link einfügen/editieren" erstellen. Sie können alternativ auch STRG+L auf Ihrer Tastatur eingeben.

Sollten Sie dies tun, öffnet sich ein Fenster mit der Überschrift "Link". Wählen Sie dort zuerst den Link-Typ über das darunterliegende Drop-Down aus. Dort können Sie bestimmen, ob Sie auf eine beliebige URL, einen Anker, eine lokale Seite oder auf eine E-Mail verweisen wollen.

Wenn Sie auf eine URL verweisen, dann kopieren Sie die ganz URL in das URL-Feld. Das Protokoll dazu sollte dann automatisch erkannt werden.

In unserem Beispiel wollen wir aber auf den Anker am Seitenanfang verweisen. Da sich der Anker jedoch nicht im gleichen Inhalt befindet, können wir dies nicht über den Link-Typ "Anker in dieser Seite" machen, sondern über den Link-Typ "URL". Dafür geben wir in das URL-Feld eine Raute und dahinter den vorher vergebenen Ankernamen ein. In unserem Fall also "#Seitenanfang". Also Protokoll wird dann "andere" erkannt. Drücken Sie auf "OK", damit der Link erstellt wird.

Schritt 8: Quellcode anzeigen

Sollten Sie sich in HTML auskennen, haben Sie auch die Möglichkeit Ihren Text als Quellcode anzeigen zu lassen, um dort gegebenenfalls weitere Anpassungen vorzunehmen. Darüber hinaus können Sie Ihren Text dadurch direkt als HTML-Code verfassen.

Diese Anzeige aktivieren Sie, indem Sie in der ersten Zeile auf "Quellcode" klicken. Dadurch wird der vorher von Ihnen formatierte Text als HTML-Quellcode angezeigt.

Schritt 9: Sonstige Funktionen

Außerdem können Sie noch diverse Symbole in Ihren Text einbinden.

Durch "Insert Font Awesome" öffnet sich ein Fenster, in dem Sie die Auswahl von vielen kleinen Bildern und Symbolen haben, die Sie im Rahmen Ihres Inhalts benutzen können. In diesem Fenster können Sie die Farbe und Größe des Bildes festlegen. Klicken Sie dort auf das jeweilige Bild und danach auf "OK", um dies im Textfenster einzubinden.

Durch "Insert Emoji" öffnet sich ein Fenster, in dem Sie die Auswahl von vielen Emojis oder Smileys haben. Durch einen Klick auf den jeweiligen Emoji ist dieser auch schon in den Text eingepflegt.

Sie können auch direkt eine horizontale Linie einfügen durch Klicken auf das gleichnamige Symbol.

Außerdem besteht die Option Sonderzeichen durch Klicken auf das Omega-Symbol einzufügen. Dadurch öffnet sich ein Fenster, in welchem Sie die Auswahl treffen können.

Auch können Sie Ihren Text in einem so genannten "Div-Container" anzeigen lassen. Dies zieht im Endeffekt einen Rahmen um den Text. Hier öffnet sich auch wieder ein Fenster zur Auswahl des Aussehens Ihres Containers.

Vergessen Sie zum Schluss nicht Ihren Text-Inhalt zu speichern.