Texteditor
Der Texteditor ist das Textfeld mit Werkzeugleiste, in dem du formatierte Texte schreibst: in Text-Plugins auf deinen Seiten, in Content-Hub-Artikeln, Spendenaktionen, Stellenanzeigen und E-Mail-Texten.
Werkzeugleiste
| Schaltfläche | Funktion |
|---|---|
| Fett, Kursiv, Unterstrichen, Durchgestrichen | Markierten Text hervorheben |
| Format | Normaler Absatz oder Überschrift 2, 3 und 4 |
| Nummerierte Liste, Liste | Aufzählungen erstellen |
| Linksbündig, Zentriert, Rechtsbündig, Blocksatz | Text ausrichten |
| Textfarbe, Hintergrundfarbe | Farbe für markierten Text wählen |
| Link einfügen/editieren, Link entfernen | Links setzen und entfernen |
| Bild einfügen | Bild aus der Dateiablage einfügen |
| Youtube Video | YouTube-Video einbetten |
| Tabelle | Tabelle einfügen |
| Horizontale Linie einfügen | Trennlinie einfügen |
| Formatierung entfernen | Formatierung des markierten Texts zurücksetzen |
| Quellcode | HTML des Texts direkt bearbeiten |
Nicht jedes Textfeld zeigt alle Schaltflächen:
| Textfeld | Funktionen |
|---|---|
| Text Abschnitt, Text Seite, Produkt Teasing mit Textabschnitt (Inline) | Formatierung, Links, Tabellen und Quellcode, ohne Bilder |
| Text Abschnitt mit Bildern / YouTube Videos, Grid Text + Sidebar, Checkout Info-Karte | Formatierung, Links, Bilder, YouTube und Quellcode, ohne Tabellen |
| Beschreibungen von Content-Hub-Artikeln, Spendenaktionen, Stellen und Mitarbeitenden | Alle Funktionen |
| Eigene E-Mail-Texte von Spendenaktionen | Formatierung, Listen, Links und Textfarbe |
| Kurze Texte, z. B. FAQ-Antworten, Karten und Success-Nachrichten | Formatierung und Links |
Links einfügen
- Markiere den Text, der den Link tragen soll, und klicke auf Link einfügen/editieren.
- Wähle den Link-Typ und danach das Ziel.
- Optional: Wähle im Reiter Zielseite die Option Neues Fenster (_blank), damit sich der Link in einem neuen Tab öffnet.
- Klicke auf OK.
| Link-Typ | Ziel |
|---|---|
| Interner Link | Eine Seite deiner Webseite |
| Externer Link | Eine beliebige Webadresse |
| Spendenprodukt Link | Eine Spendenaktion oder ein Kampagnen-Link |
| Content-Hub Artikel Link | Ein Artikel aus dem Content-Hub |
| Shopprodukt Link | Ein Produkt aus dem Online-Shop |
| Mitarbeiter Link | Die Detailseite einer Person aus dem Mitarbeiter:innen Modul |
| Datei | Ein Dokument aus der Dateiablage, z. B. ein PDF |
| Öffnet das E-Mail-Programm mit Adresse, Betreff und Nachrichtentext | |
| Telefon | Wählt die Nummer auf dem Smartphone |
| Anker in dieser Seite | Springt zu einem Abschnitt derselben Seite |
Content-Hub, Online-Shop und Mitarbeiter:innen Modul erscheinen nur, wenn das Modul aktiv ist. Die Auswahllisten zeigen nur Inhalte, die in der Sprache des Texts veröffentlicht sind.
Links auf Seiten, Spendenaktionen, Artikel, Produkte und Mitarbeitende bleiben gültig, wenn du deren URL änderst: Soulclick setzt beim Anzeigen immer die aktuelle Adresse ein. Gibt es das Ziel nicht mehr, führt der Link auf die Startseite.
Dateien verlinken
Mit dem Link-Typ Datei verlinkst du ein Dokument aus der Dateiablage, zum Beispiel einen Jahresbericht oder ein Anmeldeformular als PDF.
- Lade die Datei in die Dateiablage hoch, falls sie noch nicht dort liegt.
- Markiere im Text die Wörter, die den Link tragen sollen, und klicke auf Link einfügen/editieren.
- Wähle als Link-Typ die Option Datei.
- Tippe im Feld Datei suchen einen Teil des Datei- oder Ordnernamens ein. Die Liste Datei zeigt nur noch passende Dateien. Gross- und Kleinschreibung und Akzente spielen keine Rolle.
- Wähle die Datei und klicke auf OK.
Die Liste zeigt jede Datei als «Name (Ordner)». Sie enthält nur öffentliche Dateien und keine Bilder: Bilder fügst du mit Bild einfügen ein.
| Wenn du die Datei … | dann … |
|---|---|
| in der Dateiablage ersetzt | zeigt der Link automatisch auf die neue Version |
| auf privat stellst | ist der Link auf der Webseite nicht mehr aktiv |
| löschst | ist der Link auf der Webseite nicht mehr aktiv |
Zu einem Abschnitt springen
Mit Anker in dieser Seite verlinkst du einen Abschnitt derselben Seite, zum Beispiel für ein Inhaltsverzeichnis.
- Bearbeite im Seiten-Editor das Plugin, das den Link enthalten soll.
- Wähle als Link-Typ die Option Anker in dieser Seite.
- Wähle unter Nach Ankername den Abschnitt. Die Liste zeigt alle Abschnitte der Seite mit Titel.
Die Abschnitte stehen nur beim Bearbeiten von Plugins auf einer Seite zur Auswahl, nicht in Artikeln, Spendenaktionen oder anderen Formularen im Admin. Änderst du den Titel des Abschnitts, setze den Link neu.
Bilder, Videos und Tabellen
| Funktion | So gehst du vor |
|---|---|
| Bild einfügen | Wähle ein Bild aus der Dateiablage. Trage eine Bildunterschrift und ein Alt-Tag (SEO) ein. Gibst du eine Breite ein, passt sich die Höhe an. Ohne Angabe ist das Bild 900 px breit |
| Youtube Video | Füge den Link zum YouTube-Video ein. Andere Videoplattformen werden nicht unterstützt |
| Tabelle | Lege Zeilen, Spalten und eine Kopfzeile fest. Über das Kontextmenü fügst du später Zeilen und Spalten hinzu |
Quellcode
Mit Quellcode bearbeitest du das HTML des Texts direkt. So setzt du zum Beispiel einen Link, der die Einstellungen deines Cookie-Banners öffnet:
<a href="#" onclick="__ucCmp.showSecondLayer();">Cookie-Einstellungen</a>Der Befehl im onclick hängt vom Cookie-Banner ab, __ucCmp.showSecondLayer() gilt für Usercentrics. Klicke danach wieder auf Quellcode, um zur normalen Ansicht zurückzukehren, und speichere.
Text aus Word oder Webseiten einfügen
In Content-Hub-Artikeln und Spendenaktionen fragt der Editor beim Einfügen, ob er das Format des kopierten Textes entfernen soll:
- OK entfernt Schriftarten, Farben und Links aus dem eingefügten Text. Fett, Überschriften und Listen bleiben erhalten.
- Abbrechen fügt den Text unverändert ein.
Tipps
- Nutze Format für Zwischentitel statt grosser fetter Schrift. So bleibt die Struktur für Suchmaschinen und Screenreader erkennbar.
- Verlinke Dokumente mit dem Link-Typ Datei statt mit einer kopierten Adresse. So bleibt der Link aktuell, wenn du die Datei ersetzt.
- Fülle bei Bildern immer das Alt-Tag (SEO) aus. Es beschreibt das Bild für Screenreader und Suchmaschinen.
Updated 7 days ago