Assistant
Elements ist auf allen CMS-Instanzen vorinstalliert und bereits aktiviert. Sie können alle Elements-Shortcodes ohne vorangegangene Aktivierung benutzen.

Mit dem Shortcode „Assistant“ können Sie Inhalte von mehreren Unterseiten gesammelt in einem Accordion ausgegeben.
Dabei wird ein Accordion mit Tabs aufgebaut, dessen Inhalte und Tabs sich aus den hierarchisch einer Seite untergeordneten Seiten ergibt.
Sprich: Wenn eine Seite über die Funktion „Übergeordnet“ einer anderen Seite untergeordnet ist und die ID der übergeordneten Seite verwendet wird, werden die Seiteninhalte als Accordioneintrag angezeigt.
Ob diese Seiten in einer Navigation auftauchen oder nicht, spielt dabei keine Rolle.
Beispiel
Hier wurde der Assistant-Shortcode von unserer Anleitungsseite „Inhalte bearbeiten“ generiert.
Unterseiten werden dabei als Akkordeonfächer angelegt. Die weiteren Unterseiten werden jeweils als Tabs innerhalb der einzelnen Fächer angezeigt.
Es gibt verschiedene Möglichkeiten, Dokumente in Form von PDFs hochzuladen und mit Ihren Besuchern zu teilen. Stellen Sie vor dem Bereitstellen von PDF-Downloads sicher, dass diese barrierefrei gestaltet sind.
Auf dieser Seite
- PDFs in die Mediathek hochladen
- PDFs auf einer Inhaltsseite einbinden
- PDFs auf einer Seite einbette
- Mini List: File für PDF Downloads
- Die URL einer PDF finden
PDFs in die Mediathek hochladen
Gehen Sie wie folgt vor, um PDFs in die Mediathek hochzuladen.

- Navigieren Sie im Wordpress Backend zu Medien. Klicken Sie, um zur Mediathek zu gelangen
- Klicken Sie entweder in der linken Seitenleiste, oder oberhalb der Mediathek auf den Button "Mediendatei hinzufügen".
- Im gestrichelten Bereich "Dateien für den Upload bereitstellen" können Sie Dateien entweder per Drag & Drop von Ihrem Computer hineinziehen, oder drücken den Button "Dateien auswählen".
Achten Sie darauf, dass der Dateiname von PDF-Dateien idealerweise keine Sonderzeichen enthält. Manchmal können auch Umlaute dafür sorgen, dass die Mediathek eine PDF-Datei nicht einbinden kann. In diesen Fällen einfach den Dateinamen ändern und erneut in die Mediathek hochladen.
PDFs auf einer Inhaltsseite einbinden

- Navigieren Sie auf die Inhaltsseite, auf welcher die PDF eingebunden werden soll.
- Markieren Sie den Text, der zu der PDF verlinken soll und klicken Sie auf das Link-Symbol in der Block-Werkzeugleiste.
- Ein Pop-Up mit Suchzeile öffnet sich. Geben Sie dort den Dokumentenname oder die URL der PDF ein.
- Wählen Sie das Dokument aus, das eingebunden werden soll. Es ist mit einem Ordnersymbol markiert.
- Das Dokument wurde korrekt verlinkt.
Passen Sie gegebenenfalls den Linktext an, damit der Linktext "sprechend" ist.
Negativbeispiel: "Hier", "PDF", "Dokument"
Besser: In unserem Ratgeber zur Bildeinbindung (pdf) können Sie mehr erfahren.
PDFs auf einer Seite einbetten
Im Block-Editor können Sie den Block "Datei" verwenden, um eine PDF-Datei direkt auf einer Seite einzubetten.
- Navigieren Sie auf der Seite an die Stelle, an der Sie die PDF-Datei einbinden möchten.
- Wählen Sie über das Plus-Icon (Block-Inserter) den Block "Datei", oder geben Sie an einer freien Stelle /datei ein.
- Navigieren Sie zu Mediathek oder drücken Sie "Hochladen", um eine PDF hinzuzufügen.
- Die PDF ist nun eingebunden und kann direkt auf der Seite eingesehen werden.
- Sie können die Einbettung über die Block-Einstellungen in der rechten Sidebar deaktivieren, oder auch einen Download-Button anzeigen lassen.
Mini List: File für mehrere PDFs

Im neuen FAU Elemental Theme ist es möglich, alternativ zum Einzelblock "Datei" Ihre PDFs anhand der Vorlage "Mini List: File" einzubinden. Gehen Sie hierfür folgendermaßen vor:
- Navigieren Sie zum Block-Inserter über das blaue Plus oben links.
- Wechseln Sie zum Reiter Vorlagen | FAU Elemental.
- Scrollen Sie nach unten, um die Mini List: File zu sehen. Wenn Sie mit der Maus über der Kachel schweben, sehen Sie den Namen der Vorlage.
- Klicken oder ziehen Sie die Vorlage, um Sie im Inhaltsbereich einzufügen.
Mini List konfigurieren
Die Mini List setzt sich aus Dateiblöcken und einem Button "Weitere Inhalte" zusammen.
- Klicken Sie in einem der Dateiblöcke auf den Link "File Titel".
- Klicken Sie in der Blockwerkzeugleiste anschließend auf "Ersetzen".
- Laden Sie eine PDF in die Mediathek, oder wählen Sie aus der Mediathek eine bestehende PDF-Datei. Warten Sie im Mediathek-Fenster, bis der Upload vollständig abgeschlossen wurde.
- Titel der PDF und Dateigröße werden nun im Dateiblock angezeigt.
- Passen Sie den Button an, um z.B. auf eine Download-Übersicht zu verlinken.
Die URL einer PDF finden
So gehen Sie vor, wenn Sie die URL einer bereits in der Mediathek hochgeladenen PDF benötigen:
- Navigieren Sie zur Mediathek.
- Geben Sie in der Suchleiste den Dateinamen ein. Sie können zuvor im Dropdown "Alle Medien" nach Dokumenten sortieren, um die Auswahl einzuschränken.
- Öffnen Sie die gewünschte PDF-Datei.
- Im Overlay rechts sehen Sie das Feld Datei-URL. Mit dem darunter liegenden Button können Sie die URL direkt in die Zwischenablage kopieren.

Bilder und Dokumente in die Mediathek laden
Bilder in den Formaten .jpg und .jpeg werden automatisch beim Upload für das Netz optimiert und verkleinert. Bilder im .png-Format behalten Ihre vollständige Dateigröße bei.
Gehen Sie wie folgt vor, um Bilder oder Dokumente über die Mediathek hochzuladen.
- Navigieren Sie im Wordpress Backend zu Medien. Klicken Sie, um zur Mediathek zu gelangen
- Klicken Sie entweder in der linken Seitenleiste, oder oberhalb der Mediathek auf den Button "Mediendatei hinzufügen".
- Im gestrichelten Bereich "Dateien für den Upload bereitstellen" können Sie Dateien entweder per Drag & Drop von Ihrem Computer hineinziehen, oder drücken den Button "Dateien auswählen".

Bilder in einer Inhaltsseite einfügen
Gehen Sie wie folgt vor, um Bilder oder Dokumente von einer Inhaltsseite aus hochzuladen. Diese Anleitung bezieht sich auf den Block-Editor. Im klassischen Editor kann sich die vorgehensweise und Darstellung unterscheiden.

- Navigieren Sie auf die Inhaltsseite, auf welcher die Bilder eingebunden werden sollen.
- Fügen Sie den Block "Bild" an der gewünschten Stelle im Inhaltsbereich ein.
- Wählen Sie "Hochladen", wenn Sie ein oder mehrer Bilder von Ihrem Computer in die Mediathek laden möchten.
- Wählen Sie "Mediathek", wenn Sie ein bereits hochgeladenes Bild aus der Mediathek auswählen möchten.
- Wählen Sie "Von URL einfügen", wenn Sie z.B. ein Bild einer anderen Inhaltsseite einfügen möchten, ohne die Mediathek durchsuchen zu müssen.
- Nachdem Sie das gewünschte Bild ausgewählt haben, wird es im Inhaltsbereich eingesetzt.
- Falls es sich um kein dekoratives Bild handelt: Vergeben Sie in den Bildeinstellungen in der rechten Spalte einen Alternativtext. Im Tipp der Woche erfahren Sie mehr über die Vergabe von Alternativtexten.
Wie finde ich die URL eines Bildes?
Navigieren Sie zur Inhaltsseite des Bildes, welches Sie auf einer anderen Seite noch einmal einsetzen möchten. Klicken Sie mit der rechten Maustaste auf das Bild und wählen Sie "in neuem Tab" öffnen. Das Bild öffnet sich in einem neuen Browser-Tab. Wechseln Sie dorthin und kopieren Sie die URL aus der Adresszeile Ihres Browsers. Anschließend können Sie die URL beim Bild-Upload "von URL einfügen" ins Feld kopieren.

Um Dokumente in den Inhaltsbereich einzubinden, können Sie den Block "Datei" verwenden.
- Navigieren Sie auf die Inhaltsseite, auf welcher das Dokument eingebunden werden soll.
- Fügen Sie den Block "Datei" an der gewünschten Stelle im Inhaltsbereich ein.
- Wählen Sie "Hochladen", um ein Dokument von Ihrem Computer einzufügen.
- Wählen Sie "Mediathek", um ein bereits hochgeladenes Element aus Ihrer Mediathek einzufügen.
- Nachdem Sie die gewünschte Datei gewählt haben, erscheint sie im Inhaltsbereich.
- Konfigurieren Sie Ihren Datei-Block in den Block-Einstellungen:
- Aktivieren Sie den Schalter "Inline-Einbettung anzeigen", wenn z.B. eine PDF direkt auf der Seite einsehbar sein soll.
- Legen Sie fest, ob der "Herunterladen" Link zur Mediendatei selbst oder zum Anhang führen soll. Der Link zum Anhang öffnet die Anhangsseite, welche spezifische Dateninformationen zum Dokument zeigt.
- Aktivieren Sie den Schalter "in neuem Tab anzeigen", wenn das Dokument in einem neuen Browser-Tab geöffnet werden soll.
- Aktivieren Sie den Schalter "Download-Button" anzeigen, wenn Sie einen Button zum Herunterladen bereitstellen möchten.
Die Mediathek effizient verwalten
Um auch bei vielen Uploads den Überblick zu behalten, gibt es einige Möglichkeiten, Ihre Mediathek zu organisieren. Zur besseren Auffindbarkeit können Sie ihre Uploads kategorisieren und verschlagworten. Für Medien steht Ihnen diese Option mit dem RRZE Downloads Plugin zur Verfügung.

- Über Dashboard | Medien können Sie Kategorien und Schlagwörter erstellen.
- Wenn Sie ein Bild in der Mediathek öffnen, können Sie dort eine zuvor angelegte Kategorie oder Schlagwörter zu einer Datei hinzufügen, oder diese dort neu hinzufügen
- Anschließend können Sie in der Mediathek über die Dropdowns nicht nur nach Medientypen oder Datum sortieren, sondern auch nach Ihren Kategorien oder Schlagwörtern.
Filtermöglichkeiten in der Mediathek
Darstellungsoptionen
- Wechseln Sie mit den Icons links im Filterbereich zwischen der Listen- und Kachelansicht
- In der Listenansicht haben Sie die Möglichkeit, Uploads u.a. nach Autor, Dateiname, Größe oder Datum zu sortieren. Klicken Sie dazu einfach auf die Pfeile im Headerbereich der Liste.

Tipp: Sortieren Sie nach Größe, um schwere Dateien zu identifizieren und mehr Speicherplatz einzusparen. Nicht genutzte Dateien können Sie schnell über die Spalte "Hochgeladen zu" ausfindig machen und gegebenenfalls entfernen.
Filteroptionen

- Im Dropdown "Alle Schlagwörter" sehen Sie eine Auflistung Ihrer vergebenen Schlagwörter, nach denen Sie sortieren können
- Im Dropdown "Alle Medien" können Sie u.a. nach Bildern, Dokumenten, Videos und Archiven filtern
- Im Dropdown "Alle Daten" können Sie die Bildauswahl auf einen bestimmten Monat bzw. Jahr beschränken
- Im Dropdown "Alle Kategorien" sehen Sie eine Auflistung Ihrer vergebenen Kategorien, nach denen Sie sortieren können
Wenn es um Bildeinbindung geht, führt kein Weg um die Mediathek. Hier lernen Sie, wie Sie Bilder in Ihrer Webseite einpflegen können.
Inhaltsverzeichnis
- Bilder in Inhaltsbereichen einbinden
- Mehrere Bilder als Galerie einbinden
- Videos einbinden
- Video-Tutorial
Bilder im Inhaltsbereich einbinden
Nachdem die Bilder in die Mediathek geladen wurden, können Sie diese wie folgt auf Inhaltsseiten einbinden:
- Navigieren Sie auf die Inhaltsseite, auf welcher die Bilder eingebunden werden sollen.
- Öffnen Sie den Block-Inserter über das blaue Plus oben links und suchen Sie den Block "Bild". Oder tippen Sie in einem freien Bereich
/bildum den Block schnell einzufügen. - Laden Sie ein Bild von Ihrem Computer hoch, wählen Sie ein bestehendes Bild aus der Mediathek oder fügen Sie ein Bild über die URL hinzu.
Anhang-Details ausfüllen
- Falls es sich um ein nicht dekoratives Bild handelt: Vergeben Sie einen Alternativtext über die Eingabemaske in der rechten Spalte.
- Falls nötig, ergänzen Sie eine Bildunterschrift. Das können Sie aber auch nachträglich über die Blockwerkzeugleiste erledigen.
- Geben Sie die Copyright- bzw. Urheberrechtsinfo des Bildes in das Feld "Beschriftung" ein.
- Scrollen Sie im Bereich "Anhang-Details" nach unten und fügen Sie ggf. Kategorien und Schlagwörter hinzu.
- Bestätigen Sie das Einsetzen des Bildes über den Button "Auswählen".
- Um die Position des Bildes im Inhaltsbereich zu verändern, verschieben Sie den Bildblock einfach per Drag & Drop.
Mit Bild und Text arbeiten
Im neuen Theme und im Block-Editor ist es nicht mehr möglich, Text um Bild fließen zu lassen. Standardmäßig werden Bilder und Texte untereinander dargestellt. Um Ihre Inhaltsseite visuell interessanter zu gestalten oder aufzulockern, können Sie die folgenden Blöcke nutzen. Sie können innerhalb der Blöcke auch verschiedene andere Blöcke einfügen, zum Beispiel Buttons.
Medien & Text Block
Im Medien & Text Block können Sie im Gegensatz zum regulären Bildblock oder anderen Bild & Text-Blöcken auch Bilder im Portraitformat einsetzen. Zudem lässt sich das Bild über den Regler problemlos skalieren.
Textspalten
Auch innerhalb des Textspalten-Blocks können verschiedene andere Blöcke eingesetzt werden. Eingesetzte Bilder setzen jedoch ein Seitenverhältnis von 3:2 voraus.
Eine Bildgalerie einbinden
Stellen Sie sicher, bereits einige Bilder in die Mediathek geladen zu haben. Gehen Sie anschließend wie folgt vor:

- Navigieren Sie auf die Inhaltsseite, auf welcher die Galerie eingebunden werden soll.
- Klicken Sie auf das blaue Plus oben links, um den Block-Inserter zu öffnen.
- Suchen Sie nach dem Block "Galerie" und klicken oder ziehen Sie ihn, um den Block in den Inhaltsbereich einzufügen.
- Es öffnet sich nun die Mediathek. Wählen Sie alle Bilder per Klick aus, um sie zur Galerie hinzuzufügen. Sie können auch neue Bilder hochladen.
- Unterhalb der Kacheln sehen Sie die Bilder, die Sie ausgewählt haben.
- Klicken Sie auf den Button "Neue Galerie erstellen".
- Im nächsten Screen können Sie für die Bilder optional noch Untertitel ergänzen.
- Klicken Sie auf den Button "Galerie einfügen", um die Galerie in den Inhaltsbereich einzusetzen.
Der Galerie-Block im Theme FAU Elemental unterscheidet sich von der gewohnten Raster-Ansicht. Die Bilder werden im Großformat ausgegeben und können über die Pfeile links und rechts navigiert werden.
Videos einbinden
Zwar können Videos auch über die Mediathek eingebunden werden, allerdings gibt es bessere Alternativen, um ein Video einzubinden. Gleichzeitig sparen Sie sich so wertvollen Speicherplatz auf Ihrer CMS-Instanz. Gehen Sie wie folgt vor:
- Laden Sie Ihr Video als öffentlichen Clip im Videoportal FAU.tv hoch. Hier finden Sie eine Anleitung zur Nutzung des Videoportals.
- Alternativ kann auch YouTube genutzt werden. YouTube Videos können erst nach Einwilligung des Nutzers angezeigt werden.
- Binden Sie das Video mithilfe unseres Videoplugins ein. Hierfür aktivieren Sie das Videoplugin in der Pluginübersicht und verwenden anschließend den Block "Video".
- Um mehr Weißraum unterhalb des Videos zu erzeugen, können Sie den Block "Abstandshalter" verwenden.
Video-Tutorial
Die Video-Anleitung bezieht sich auf den Klassik-Editor und ältere Themes.
Verwenden Sie Tabellen ausschließlich zur tabellarischen Darstellung von Daten. Aus Sicht der Usability und User Experience eignen sich Tabellen nicht zur Gestaltung von Seiteninhalten.
Beispiel: Normale Tabelle ohne Styling
| Title 1 | Title 2 mit Link |
|---|---|
| Inhalt Zeilenüberschrift | Dies ist ein Typoblindtext. An ihm kann man sehen, ob alle Buchstaben da sind und wie sie aussehen. Manchmal benutzt man Worte wie Hamburgefonts, Rafgenduks oder Handgloves, um Schriften zu testen. Manchmal Sätze, die alle Buchstaben des Alphabets enthalten - man nennt diese Sätze »Pangrams«. |
| Inhalt Zeilenüberschrift | Dies ist ein Typoblindtext. An ihm kann man sehen, ob alle Buchstaben da sind und wie sie aussehen. Manchmal benutzt man Worte wie Hamburgefonts, Rafgenduks oder Handgloves, um Schriften zu testen. Manchmal Sätze, die alle Buchstaben des Alphabets enthalten - man nennt diese Sätze »Pangrams«. |
| Inhalt Zeilenüberschrift | Dies ist ein Typoblindtext. An ihm kann man sehen, ob alle Buchstaben da sind und wie sie aussehen. Manchmal benutzt man Worte wie Hamburgefonts, Rafgenduks oder Handgloves, um Schriften zu testen. Manchmal Sätze, die alle Buchstaben des Alphabets enthalten - man nennt diese Sätze »Pangrams«. |
| Inhalt Zeilenüberschrift | Dies ist ein Typoblindtext. An ihm kann man sehen, ob alle Buchstaben da sind und wie sie aussehen. Manchmal benutzt man Worte wie Hamburgefonts, Rafgenduks oder Handgloves, um Schriften zu testen. Manchmal Sätze, die alle Buchstaben des Alphabets enthalten - man nennt diese Sätze »Pangrams«. |
Beispiel: Normale Tabelle im FAU Elemental Design

Tabellenanpassungen im Code-Editor
Die folgenden Tabellenanpassungen über CSS-Klassen sind möglicherweise veraltet und funktionieren nur noch im Klassik-Editor oder im Block-Editor über die Code-Ansicht, welche bei Aktivierung des Block-Editors jedoch standardmäßig nicht mehr verfügbar ist. In Ausnahmefällen kann der Code-Editor über den Websupport aktiviert werden.
Mit der class="nooddcolor" wird die wechselnde Farbe zwischen den Zeilen unterdrückt.
| Title 1 | Title 2 |
|---|---|
| Content 1 Zeilenüberschrift | Content 2 |
| Content 3 Zeilenüberschrift | Content 4 |
| Content 5 Zeilenüberschrift | Content 6 |
Mit der class="nobackground" wird bewirkt, dass die Tabelle keine Hintergrundfarbe hat.
| Title 1 | Title 2 |
|---|---|
| Content 1 Zeilenüberschrift | Content 2 |
| Content 3 Zeilenüberschrift | Content 4 |
| Content 5 Zeilenüberschrift | Content 6 |
Mit der class="sorttable" wird eine Sortier-Möglichkeit aktiviert:
| Keywords | Impressions | Clicks | CTR | Rank |
|---|---|---|---|---|
| silly tshirts | 6,000 | 110 | 1.8% | 22.2 |
| desktop workspace photos | 2,200 | 500 | 22% | 8.9 |
| arrested development quotes | 13,500 | 900 | 6.7% | 12.0 |
| popular web series | 8,700 | 350 | 4% | 7.0 |
| 2013 webapps | 9,900 | 460 | 4.6% | 11.5 |
| ring bananaphone | 10,500 | 748 | 7.1% | 17.3 |
Mit der class="filtertable" wird eine Filter-Möglichkeit aktiviert:
| Keywords | Impressions | Clicks | CTR | Rank |
|---|---|---|---|---|
| silly tshirts | 6,000 | 110 | 1.8% | 22.2 |
| desktop workspace photos | 2,200 | 500 | 22% | 8.9 |
| arrested development quotes | 13,500 | 900 | 6.7% | 12.0 |
| popular web series | 8,700 | 350 | 4% | 7.0 |
| 2013 webapps | 9,900 | 460 | 4.6% | 11.5 |
| ring bananaphone | 10,500 | 748 | 7.1% | 17.3 |
Zitate werden verwendet, um Fremdaussagen optisch und semantisch korrekt darzustellen. Sie können den Zitat-Block verwenden, um:
- ein wörtliches Zitat wiederzugeben (z.B. aus Interviews oder Artikeln)
- eine zentrale Aussage hervorzuheben
- Testimonial-Texte (z.B. Stimmen von Studierenden) darzustellen
Zitat-Block
Das Zitat „Ich bin Pirat und mir geht’s gut. Am Tag packt mich die Stehlenswut.“ kommt aus dem Holzfäller-Lied (Original Lumberjack Song) von Monthy Python.
Hier heißt es „Ich bin Holzfäller und mir geht’s gut. Am Tag packt mich die Arbeitswut.“Wikipedia
Testimonial-Block
Im neuen Theme FAU Elemental empfehlen wir, statt des regulären Zitat-Blocks den neuen Block FAU Testimonial zu verwenden. Der Testimonial-Block kann auch mit einem Bild versehen werden. Sie haben zudem die Möglichkeit, mehrere Zitate hinzuzufügen um den Block als Zitat-Slider zu verwenden.

Zitat im Code-Editor
Zitate können im Code-Editor über <blockquote></blockquote> eingebunden werden. Die folgenden Beispiele sind möglicherweise veraltet und funktionieren nur noch im Klassik-Editor oder im Block-Editor über die Code-Ansicht, welche bei Aktivierung des Block-Editors jedoch standardmäßig nicht mehr verfügbar ist. In Ausnahmefällen kann der Code-Editor über den Websupport aktiviert werden.
<blockquote>Dies ist ein Blockquote.
Ein längerer als Zitat gekennzeichneter Absatz mit Zitatangabe.
...
<cite>Zitationsangabe mit <cite>. Mit einem <a href="#">Link</a>.</cite></blockquote>
Dies wird erreicht, indem der HTML-Tag blockquote um die Klasse "noquote" ergänzt wird. Blockquotes ohne Quotes werden insbesondere dann benötigt, wenn es darum geht, wissenschaftliche Formeln und ähnliches darzustellen. In diesen Fällen wäre ein Quotezeichen falsch.
Ebenso sind westeuropäische Quotezeichen nur bei westeuropäischen Texten sinnvoll.
Das folgende Beispiel zeigt dies bei chinesischen Text:
孤山寺北贾亭西
水面初平云脚低
几处早莺争暖树
谁家新燕啄春泥
乱花渐欲迷人眼
浅草才能没马蹄
最爱湖东行不足
绿杨阴里白沙堤
Code
<blockquote lang="cn"> 孤山寺北贾亭西 水面初平云脚低 .. </blockquote>
Zur Darstellung von Formeln, Daten und Quellcode, die über eine eigene Textformatierung verfügen, sind die HTML-Elemente <pre> und <code> nutzbar.
Die folgenden Beispiele zeigen deren Einsatz.
Code-Tag
Der folgende Text ist im Code-Tag: Dies ist im Code-Tag. Das kann durchaus auch länger sein. Und vielleicht ein Break enthalten: .
. Aber ob das sinnvoll ist, ist eine andere Frage.
Code
<code>Dies ist im Code-Tag. Das kann durchaus auch länger sein. Und vielleicht ein Break enthalten: <br>. Aber ob das sinnvoll ist, ist eine andere Frage.</code>
Pre-Tag
Der folgende Text ist im Code-Tag:
Dies ist im Code-Tag. Das kann durchaus auch länger sein. Und vielleicht ein Break enthalten:
. Aber ob das sinnvoll ist, ist eine andere Frage.
Code
<pre>Dies ist im Code-Tag. Das kann durchaus auch länger sein. Und vielleicht ein Break enthalten: <br>. Aber ob das sinnvoll ist, ist eine andere Frage.</pre>
Code in Pre
Beispiel:
Dies ist im Code-Tag. Das kann durchaus auch länger sein. Und vielleicht ein Break enthalten:
. Aber ob das sinnvoll ist, ist eine andere Frage.
Code
<pre>Dies ist im Code-Tag. Das kann durchaus auch länger sein. <code>Und vielleicht ein Break enthalten: <br></code>. Aber ob das sinnvoll ist, ist eine andere Frage.</pre>
class="Klassenname" zugeteilt.Die folgenden Klassen stehen zur Verfügung:
Standardausgabe
<ul>
<ul>...<ul>
- Element 1
- Element 2
- Unterelement (unsorted list) 1
- Unterelement (unsorted list) 2
- Unterelement (unsorted list) 3
- Element 3
- Unterelement (sorted list) 1
- Unterelement (sorted list) 2
- Unterelement (sorted list) 3
<ol>
<ol>...<ol>
- Element 1
- Element 2
- Unterelement (unsorted list) 1
- Unterelement (unsorted list) 2
- Unterelement (unsorted list) 3
- Element 3
- Unterelement (sorted list) 1
- Unterelement (sorted list) 2
- Unterelement (sorted list) 3
Ausgabe ohne Listenpunkte
<ul>
<ul class="nolist">...<ul>
- Element 1
- Element 2
- Unterelement (unsorted list) 1
- Unterelement (unsorted list) 2
- Unterelement (unsorted list) 3
- Element 3
- Unterelement (sorted list) 1
- Unterelement (sorted list) 2
- Unterelement (sorted list) 3
<ol>
<ol class="nolist">...<ol>
- Element 1
- Element 2
- Unterelement (unsorted list) 1
- Unterelement (unsorted list) 2
- Unterelement (unsorted list) 3
- Element 3
- Unterelement (sorted list) 1
- Unterelement (sorted list) 2
- Unterelement (sorted list) 3
Klasse Markercolor
<ul">
<ul class="phil markercolor">...<ul>
- Element 1
- Element 2
- Unterelement (unsorted list) 1
- Unterelement (unsorted list) 2
- Unterelement (unsorted list) 3
- Element 3
- Unterelement (sorted list) 1
- Unterelement (sorted list) 2
- Unterelement (sorted list) 3
<ol>
<ol class="phil markercolor">...<ol>
- Element 1
- Element 2
- Unterelement (unsorted list) 1
- Unterelement (unsorted list) 2
- Unterelement (unsorted list) 3
- Element 3
- Unterelement (sorted list) 1
- Unterelement (sorted list) 2
- Unterelement (sorted list) 3
Kontrastmarker
<ul>
<ul class="med kontrastmarker">...<ul>
- Element 1
- Element 2
- Unterelement (unsorted list) 1
- Unterelement (unsorted list) 2
- Unterelement (unsorted list) 3
- Element 3
- Unterelement (sorted list) 1
- Unterelement (sorted list) 2
- Unterelement (sorted list) 3
<ol>
<ol class="med kontrastmarker">...<ol>
- Element 1
- Element 2
- Unterelement (unsorted list) 1
- Unterelement (unsorted list) 2
- Unterelement (unsorted list) 3
- Element 3
- Unterelement (sorted list) 1
- Unterelement (sorted list) 2
- Unterelement (sorted list) 3
Spezialmarker für unsortierte Listen
<ul>
<ul><li class="symbol name">...<li><ul>
- Positiv mit
class="positiv"
- Negativ mit
class="negativ"
- Fragezeichen mit
class="question"
- Ausrufezeichen mit
class="exclamation"
- Paragraphenzeichen mit
class="paragraph"
- Haken mit
class="check"
- Kreuz mit
class="cross"
Wenn das Workflow-Plugin aktiviert und konfiguriert ist, kann es sein, dass bestimmte Nutzergruppen Inhaltsseiten nur als neue Version oder zur Revision vorlegen können. RedakteurInnen und AdministratorInnen müssen diese Beiträge im Anschluss händisch über die Seitenübersicht für die Veröffentlichung freigeben.
Freigabe von Seiten mit dem Workflow-Plugin
Wenn ein Autor eine Seite oder einen Beitrag erstellt, kann er ihn nicht selbst veröffentlichen, sondern muss ihn einem Redakteur zur Revision vorlegen. Das sieht in der Ansicht des Autors so aus:

Der Redakteur sieht dann in der Beitragsübersicht, dass hier noch etwas zu tun ist:

Der Beitrag wird dann zur Bearbeitung geöffnet und geprüft. Sollten noch Verbesserungswünsche bestehen, kann der Beitrag als unerledigt gespeichert werden:

Wenn der Beitrag geprüft und in Ordnung ist, wird er veröffentlicht:

Berechtigungen mit dem AC-Plugin
Mithilfe des Plugins Access Control (AC) können zusätzliche Zugangsberechtigungen definiert werden. Zum Beispiel, dass nur Angehörige der Universität auf eine Inhaltsseite zugreifen können.
Lernen Sie im Folgenden, wie Sie Beiträge erstellen können. Beiträge eignen sich für laufende, chronologisch sortierte Inhalte wie Ankündigungen, Blogartikel oder News. Sie werden immer mit dem Veröffentlichungsdatum angezeigt und sollten kategorisiert und verschlagwortet werden. Besonders Beiträge sind häufig der Grund, warum Besucher auf Ihre Website zurückkehren. Pflegen und aktualisieren Sie diese Inhalte daher sorgfältig. Wenn Sie bereits wissen, wie Sie Inhaltsseiten erstellen, können Sie auch Beiträge erstellen. Die Vorgehensweise unterscheidet sich minimal.
Auf dieser Seite
Einen neuen Beitrag erstellen
Um einen neuen Beitrag zu erstellen, gehen Sie wie folgt vor:
- Schweben Sie mit der Maus in der Admin-Leiste | + Neu und klicken Sie auf Beitrag.Alternativ navigieren Sie ins WordPress Dashboard zu Beiträge | Beitrag hinzufügen.
- Es öffnet sich eine leere Inhaltsseite.
- Folgen Sie den Schritten auf der Anleitung "Seiten erstellen", um den Beitrag mit Inhalt zu befüllen.
Den Anleser festlegen
Dieser Schritt ist optional.
Der Anleser, auch Teaser oder Textauszug genannt, wird im Teaser Grid dargestellt. Wird kein Text hinterlegt, wird der Teaser automatisch aus den ersten Textzeilen des Beitrags generiert. HTML kann hierbei nicht dargestellt werden. Gehen Sie wie folgt vor, um im einen individuellen Text für den Anleser zu hinterlegen:
- Öffnen Sie den gewünschten Beitrag im Bearbeitungsmodus.
- Navigieren Sie rechts in den Einstellungen zum Reiter Beitrag.
- Klicken Sie auf den Link "Textauszug hinzufügen". Es öffnet sich ein kleines Pop Up.
- Klicken Sie auf Veröffentlichen bzw. Speichern.
- Die Änderungen sind im Teaser Grid sichtbar.
Im Template "Startseite Fakultät" des FAU Einrichtungen Themes erscheint der gesamte Anleser im Slider.
Beitragsbild hinzufügen
Das Beitragsbild erscheint im Teaser Grid und auf der Beitragsseite selbst. Falls kein Beitragsbild gesetzt ist, wird ein Fallback verwendet. Ein eigenes Fallback-Bild können Sie im Customizer unter Website-Einstellungen festlegen.
Um ein Beitragsbild im klassischen Editor festzulegen, gehen Sie wie folgt vor:
- Öffnen Sie den gewünschten Beitrag im Bearbeitungsmodus.
- Navigieren Sie zum Reiter Beitrag | Beitragsbild festlegen.
- Wählen Sie ein Beitragsbild in einem passendem Format. Achten Sie auf eine ausreichend hohe Auflösung.
- Das Beitragsbild wird nach der Auswahl im Reiter Beitragsbild dargestellt und als Beitragsheader und Vorschaubild im Teasergrid ausgegeben.
Die Funktionen "Bühnenbild" und "Hide Featured Image" sind im neuen Theme nicht mehr verfügbar.
Kategorien und Schlagwörter festlegen
Kategorien und Schlagwörter erleichtern die Organisation und Verteilung von Beiträgen. So können Sie einstellen, dass nur Beiträge einer bestimmten Kategorie auf der Startseite erscheinen. Um einem Beitrag eine Kategorie oder ein Schlagwort zuzuweisen, gehen Sie wie folgt vor:
- Navigieren Sie zur gewünschten Beitragsseite in den Bearbeitungsmodus.
- Im Block-Editor finden Sie in der rechten Seitenleiste die Dropdowns Kategorien und Schlagwörter.
- Vergeben Sie eine Kategorie oder mehrere Schlagwörter.

- Aktualisieren Sie Ihren Beitrag
Weitere Beitragseinstellungen im Theme FAU Elemental
Nicht alle Funktionen, die Sie aus dem FAU Einrichtungen Theme kennen, sind im neuen Theme FAU Elemental für Beiträge verfügbar. Hier ein Überblick über die Einstellungsmöglichkeiten:
Einen Beitrag anpinnen
Um wichtige Ankündigungen oder Veranstaltungen im Teaser Grid an erster Stelle zu halten, können Sie die Funktion "Oben gehalten" verwenden.
- Öffnen Sie einen Beitrag in der Bearbeitungsansicht.
- Navigieren Sie zu den Einstellungen | Reiter Beitrag.
- Klicken Sie auf den Link rechts neben "Status".
- Scrollen Sie nach unten und aktivieren Sie das Häkchen bei "Oben gehalten".
Beitragskopf-Optionen
Hier können Sie einstellen, ob die Beitragskategorie oben über dem Beitragsbild angezeigt werden soll.
Letzte Aktualisierung
Sie können hier manuell ein Aktualisierungsdatum festlegen.
Seitentitel-Einstellungen

Besonders bei längeren oder spezifischen Beitragsseitentiteln kann es sinnvoll sein, in der Breadcrumb-Navigation eine kürzere Bezeichnung zu verwenden. Sie können deshalb einen benutzerdefinierten Seitentitel hinterlegen, der nur im Beitrag selbst angezeigt wird.
Weitere Beitragseinstellungen im Theme FAU Einrichtungen
Einen Beitrag als Top-Event festlegen
Ein Top-Event-Beitrag erscheint in der Sidebar auf der Startseite und ist jederzeit sichtbar. Nutzen Sie diese Funktion für wichtige Ankündigungen und Veranstaltungen.
Um einen Beitrag als Top-Beitrag zu definieren, folgen Sie diesen Schritten:
- Navigieren Sie Beitrag bearbeiten | Reiter Top-Event. Im Block-Editor finden Sie die Einstellung in der rechten Seitenleiste im Dropdown Top-Event.
- Wählen Sie Ja, diesen Beitrag als Top-Event anzeigen, bzw. wählen Sie "An" im Dropdown "Diesen Artikel als Top-Event anzeigen".
- Vergeben Sie Titel und Kurzbeschreibung.
- Wählen Sie ein Datum. Das Datum erscheint unter der Ausgabe des Top-Events.
- Optional: Aktivieren und wählen Sie ein Symbolbild.
- Nach Veröffentlichung erscheint Ihr Top-Event in der Sidebar der Startseite.
Einen externen Beitrag ausgeben
Manchmal kann es wünschenswert sein, Artikel aus Zeitungen oder von Externen auf der eigenen Website zu präsentieren. Sie können für externe Artikel zum Beispiel einen eigenen Bereich schaffen. Um einen externen Beitrag hinzuzufügen, gehen Sie wie folgt vor:
- Erstellen Sie einen leeren Beitrag.
- Ergänzen Sie Anleser, Beitragsbild und Bühnenbild.
- Vergeben Sie eine passende Kategorie, z.B. Externes
- Navigieren Sie zu Beitrag bearbeiten | Reiter Beitrags-Optionen | Externer Link. Im Block-Editor finden Sie die Einstellung in der rechten Seitenleiste im Dropdown Beitragsoptionen.
- Tragen Sie den Link des externen Artikels in das Feld Externer Link ein.
- Veröffentlichen Sie den Beitrag.
- Mit dem Custom-News Shortcode können Sie alle Beiträge der Kategorie "Externes" auf einer individuellen Inhaltsseite einbinden.
Einen externen Beitrag bearbeiten Sie über Dashboard | Beiträge | Alle Beiträge über den Link bearbeiten.
Auf Beitrags-, Kategorie- und Archivseiten wird die Sidebar dynamisch erstellt und ausgegeben. Diese ist für alle Beitragsseiten und Archivseiten identisch. Um die Darstellung der dynamischen Sidebar anzupassen, gehen Sie wie folgt vor:
- Speichern Sie Ihren Beitrag oder veröffentlichen Sie die Änderungen bevor Sie fortfahren.
- Klicken Sie Dashboard | Design | Widgets.
- Passen Sie die News- und Suchsidebar an, indem Sie verschiedene Blöcke in die entsprechenden Reiter ziehen.
- Durch einen Klick auf die Blöcke kann die Darstellung angepasst werden und Inhalte können konfiguriert werden.
- Speichern Sie Änderungen. Die Sidebars werden nun auf allen Beitrags-, Kategorie- und Suchseiten ausgegeben.
Video-Anleitung
Die Video-Anleitung bezieht sich auf das Theme FAU-Einrichtungen.
Code
[assistant id="18638"]
Hinweis
Der Inhalt der Elternseite wird nicht angezeigt.
Sidebars und Artikelbilder, sowohl von Eltern- und Kindseiten, werden ebenfalls ignoriert.
Die ID eines Beitrages ermitteln
- Navigieren Sie auf die gewünschte Elternseite und wechseln Sie in den Bearbeitungsmodus.
- Kopieren Sie die ID aus der Adresszeile Ihres Browsers. Die Länge der ID kann variieren. Sie finden diese hinter „post=0000“

Shortcode modifizieren
Die folgenden Anpassungen sind zusätzlich möglich.
- color=““ – Bestimmt die Accordionfarbe
- expand-all-link=“true“ – Generiert einen Button um alle Akkordeonfächer gleichzeitig zu öffnen
- subpages=“true“ – Steuert die Ausgabe der Unterseiten.









