• Navigation überspringen
  • Zur Navigation
  • Zum Seitenende
Organisationsmenü öffnen Organisationsmenü schließen
Friedrich-Alexander-Universität Dokumentation der WordPress-Themes und -Plugins
  • FAUZur zentralen FAU Website
  1. Friedrich-Alexander-Universität
  2. Regionales Rechenzentrum Erlangen
Suche öffnen
  • RRZE
  • Videoportal
  1. Friedrich-Alexander-Universität
  2. Regionales Rechenzentrum Erlangen
Friedrich-Alexander-Universität Dokumentation der WordPress-Themes und -Plugins
Menu Menu schließen
  • Grundlagen
    • Rahmenbedingungen für Webauftritte
    • Über WordPress
      • Grundsätzliches zum Webpublishing
    • CMS-Dienstleistung
    • Konzeption einer Website
    • Login und Navigation im Backend
    • Benutzer anlegen und bearbeiten
    • Seiten
      • Eine Seite erstellen
      • Mehrere Seiten gleichzeitig konfigurieren
      • Seiten und Beiträge freigeben
    • Beiträge
    • Sidebar
    • Inhalte bearbeiten
      • Mediathek
      • Bilder
      • Galerie
      • Tabellen
      • Zitate
      • Formeln, Daten und Quellcode
    • Seitenstruktur erstellen
    • Menüs
    • Widgetbereiche und Widgets
    • Häufig gestellte Fragen
    Portal Grundlagen
  • Block-Editor
    • Was ist der Block-Editor?
    • Hauptelemente des Editors
      • Die obere Editorleiste
      • Das Inserter Fenster
      • Der Inhaltsbereich
      • Das Einstellungsfenster
    • Der Block
      • Block-Typen
      • Die Block-Werkzeugleiste
      • Einen Block hinzufügen
      • Die Listenansicht
    • Block-Funktionen
      • Text und Bild verlinken
      • Blöcke gruppieren
      • Anker-Links (Sprungmarken)
      • Block-Vorlagen erstellen
      • Bild in Tabellenblock einfügen
    • Umstellung auf den Block-Editor
    • FAQ Block-Editor
    Portal Der Block-Editor
  • Plugins
    • Plugins aktivieren
    • Portale
      • Mein Studium
      • Jobs
      • Lehrveranstaltungen (Lectures)
      • CRIS
    • Inhaltliche Erweiterung
      • RRZE FAUdir (Kontakte)
      • RRZE Bluesky
      • Elements Blocks
      • Elements (Gestaltung)
      • Multilang (mehrsprachige Seiten)
      • FAQ
      • Video
      • FAU oEmbed
      • Typesettings (Code Highlighter)
      • Glossary
      • Person (Kontakte)
      • Advanced Editor Tools
    • Funktionale Erweiterung
      • Downloads
      • Post-Expiration (Verfallsdatum Beiträge)
      • Calendar
      • Expo
      • RSVP (Buchungssystem)
      • WS Form (Formulare erstellen)
      • Contact Form 7
      • RRZE Events
    • SEO & Marketing
      • Autoshare
      • RSS Feed
      • RRZE Newsletter
      • The SEO Framework
      • QR-Code Generator
      • Statistik
      • Siteimprove
    • Benutzer- und Zugriffsverwaltung
      • Workflow (Rollen & Module verwalten)
      • Access Control
      • Private Site
    • Sicherheit & Datenschutz
      • Legal (Rechtl. Pflichttexte)
    • Spezialplugins
      • Remoter
      • Progressive Web-App (PWA)
      • Synonym
    Portal Plugins
  • Themes
    • FAU Einrichtungen
      • Umsetzungsbeispiele
      • Templates
      • Portalmenüs
      • Bildlinks (Logos einbinden)
      • Shortcodes
    • Francesca – Ein Theme für Kooperationen
    Portal Themes
  • Tutorials
    • Schnelleinstieg FAU Events
    • Publikationsliste erstellen
    • Tipps und Tricks
    • Neue Daten in die FAU-Karte einbinden
    • Vortragsliste erstellen
    • Schnelleinstieg FAU Einrichtungen
      • Vorbereitungen
      • Navigation im Backend
      • Ein Theme auswählen
      • Seitenlogo und Seiteninformationen ergänzen
      • Eine Startseite erstellen
      • Rechtstexte generieren
      • Inhaltsseiten erstellen für Anfänger
      • Beiträge erstellen
      • Dynamische Sidebar
      • Abmessungen für Bilder und Grafiken
      • Portalseiten und -menüs
      • Seitennavigation
      • Suchmaschinenoptimierung in 5 Minuten
      • Slider und Blogroll
    • Barrierefreiheit
      • Vorwort und Überblick
      • Einführung und Hintergründe
      • Bereitstellung und Pflege von Inhalten
      • Entwicklung und Design
      • Organisatorische und rechtliche Anforderungen
      • Satzungen
      • Tests der Barrierefreiheit
      • Weitere Leitfäden und relevante Informationsangebote
      • Kurzanleitung zur Verbesserung der digitalen Barrierefreiheit in Dokumenten aus Büroanwendungen
    • SEO – Search engine optimization
      • SEO Inhalte gestalten
      • SEO Grundlagen
      • SEO und Barrierefreiheit
    • Pflege MeinStudium-Portal
    Portal Tutorials
  • Entwicklung
    • Vorgaben für das Design
      • Farben (Markendesign 2021)
      • Logos
      • Schriften
    • Einsatzkontext (Statistik)
      • Einrichtungsbezeichnungen
    • Versionsverwaltung Git
    • Einheitliche Vergabe von Versionsnummern
    • Vorgaben an Themes
    • Vorgaben an Plugins
    • Eigene Testinstanz
    • Serverkonfiguration
    • Statistiken zu Webauftritten
    Portal Entwicklung
  1. Startseite
  2. Der Block-Editor
  3. Block-Funktionen
  4. Text und Bild verlinken

Text und Bild verlinken

Bereichsnavigation: Der Block-Editor
  • Was ist der Block-Editor?
  • Hauptelemente des Editors
  • Der Block
  • Block-Funktionen
    • Text und Bild verlinken
    • Blöcke gruppieren
    • Anker-Links (Sprungmarken)
    • Block-Vorlagen erstellen
    • Bild in Tabellenblock einfügen
    • Spalten einfügen
  • Umstellung auf den Block-Editor
  • FAQ Block-Editor

Text und Bild verlinken

Verlinkungen sind ein wesentlicher Bestandteil, um Inhalte miteinander zu verbinden und die Benutzererfahrung zu verbessern. Hier sind die Schritte, wie Sie im Block-Editor Verlinkungen in Texte und Bilder einbinden können.

1. Verlinkungen in Textblöcken

Um einen Textblock zu verlinken, gehen Sie folgendermaßen vor:

Textblock hinzufügen
Fügen Sie einen neuen Textblock (z.B. Absatzblock oder Überschrift) hinzu oder bearbeiten Sie einen bereits bestehenden Block.

Text auswählen
Markieren Sie den Text, den Sie verlinken möchten.

Link hinzufügen
Klicken Sie auf das Kettensymbol in der Werkzeugleiste des Blocks.

Link-Icon

Ein Eingabefeld erscheint. Geben Sie eine externe URL ein, zu der Sie verlinken möchten oder wählen Sie eine bereits existierende interne Seite aus. Interne Seiten erscheinen als Liste unter dem Eingabefeld.

Drücken Sie die Eingabetaste, um den Link zu setzen.

Eingabefeld für Links mit Interner Linkliste (Seiten)


Link bearbeiten
Um zusätzliche Optionen zu aktivieren oder den Link zu bearbeiten, klicken Sie auf den markierten Link im Text.
Es öffnet sich ein kleines Fenster. Darin wird die verlinkte Seite und deren Titel angezeigt.

Linkoptionen

Rechts vom Titel befinden sich drei Icons. Der Link kann hier weiter bearbeitet, deaktiviert oder kopiert werden.

Mit dem Stift-Icon öffnet sich ein Fenster, in dem Linktext und URL eingegeben werden können. Außerdem können Sie festlegen, ob der Link in einem neuen Fenster geöffnet und als „no-follow“-Link gekennzeichnet werden soll. Das no-follow Attribut gibt Suchmaschinen den Hinweis, diesem Link nicht zu folgen.

Fenster mit Linktext, Link-URL

Mit Blick auf die Barrierefreiheit, sollten Sie das Öffnen von Links in einem neuen Tab vermeiden.

2. Verlinkungen in Bildern

Um ein Bild zu verlinken, gehen Sie folgendermaßen vor:

Bild-Block hinzufügen
Fügen Sie einen Bild-Block hinzu oder bearbeiten Sie einen bestehenden Block.

Bild auswählen
Wählen Sie ein Bild aus der Mediathek aus oder laden Sie ein Bild hoch.

Link hinzufügen
In der Werkzeugleiste des Bild-Block finden Sie die Verlinkungs-Option.

Werkzeugleiste Bild

Nach dem Klick auf das Link-Symbol öffnet sich wieder ein Fenster mit den Link-Optionen.

Linkoptionen bild

Per Klick auf das Stift-Symbol (Bearbeiten) öffnet sich ein neues Fenster mit verschiedenen Optionen:

  • URL einfügen
  • Link zur Bilddatei (das Bild öffnet sich in einem eigenen Tab)
  • Link zur Anhangsseite
  • Mit Klick erweitern
Fenster mit verschiedenen Link-Optionen

Drücken Sie die Eingabetaste, um den Link zu setzen.

Weitere Hinweise zum Webauftritt

Noch Fragen?

Schreiben Sie uns eine E-Mail an webmaster@fau.de.
Wir beantworten Ihnen alle offenen Fragen rund um unser Content Management System (CMS), WordPress, Webhosting und Co.

Regionales Rechenzentrum Erlangen
(RRZE)

Martensstraße 1
91058 Erlangen
  • Kontakt
  • Webworking Blog
  • Impressum
  • Datenschutz
  • Barrierefreiheit
  • RSS Feed
  • GitHub
  • Twitter
Nach oben