• 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
    • Allgemeines
      • Grundsätzliches zum Webpublishing
      • Rahmenbedingungen für Webauftritte
      • Eine CMS-Instanz beantragen
      • Konzeption einer Website
      • Häufig gestellte Fragen
    • Inhalte bearbeiten
      • Mediathek
      • Bilder
      • Galerie
      • PDFs
      • Tabellen
      • Zitate
      • Formeln, Daten und Quellcode
    • WordPress Grundlagen
      • Über WordPress
      • Login und Navigation im Backend
      • Benutzer anlegen und bearbeiten
      • Seiten
      • Beiträge
      • Sidebar
      • Menüs
      • Widgetbereiche und Widgets
    • Tutorials
      • Tipps und Tricks
      • Publikationsliste erstellen
      • Neue Daten in die FAU-Karte einbinden
      • Vortragsliste erstellen
      • Pflege MeinStudium-Portal
    • SEO – Search engine optimization
      • Suchmaschinenoptimierung in 5 Minuten
      • SEO Inhalte gestalten
      • SEO Grundlagen
      • SEO und Barrierefreiheit
    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
      • Spalten 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 (Personen)
      • 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
    • Was ist ein Theme?
    • Ein Theme auswählen
    • FAU Events
      • Startseite
      • Widget-Bereiche und Footer-Inhalt
      • Referenten und Vorträge
      • Shortcodes für Referenten und Vorträge
      • Call for Papers
      • Externe Anmeldeformulare einbinden
    • FAU Einrichtungen
      • Templates
      • Eine Startseite erstellen
      • Seitenlogo und Seiteninformationen ergänzen
      • Rechtstexte generieren
      • Dynamische Sidebar
      • Portalseiten und -menüs
      • Seitennavigation
      • Slider und Blogroll
      • Bildlinks (Logos einbinden)
      • Inhalte erstellen
        • Beiträge erstellen
        • Abmessungen für Bilder und Grafiken
      • Shortcodes
    • Francesca – Ein Theme für Kooperationen
    Portal Themes
  • 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
    Portal Barrierefreiheit
  • 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. Grundlagen
  3. Inhalte bearbeiten
  4. Bilder
  5. Hover Effekte von Bildern

Hover Effekte von Bildern

Bereichsnavigation: Grundlagen
  • Allgemeines
  • Tutorials
  • WordPress Grundlagen
  • Inhalte bearbeiten
    • PDFs
    • Mediathek
    • Bilder
      • Abmessungen für Bilder und Grafiken
      • Ein Beitragsbild anpassen
      • Hover Effekte von Bildern
      • Zusatzklassen für Bilder
    • Galerie
    • Tabellen
    • Zitate
    • Formeln, Daten und Quellcode
    • Listen
  • SEO - Search engine optimization

Hover Effekte von Bildern

Support und Beratung

Webteam

Webteam

  • E-Mail: webmaster@fau.de
Beschreibung: Für alle Fragen rund um WordPress, Webhosting & Co.

Ein Hover-Effekt wird immer dann automatisch gesetzt, wenn das Bild einen anklickbaren Link repräsentiert.

Die Verlinkung einer Mediendatei auswählen

Um zwischen den unterschiedlichen Verlinkungen zu wählen, können Sie wie folgt bei der Einbindung vorgehen:

  1. Wählen Sie Dateien hinzufügen im Editorfenster.
  2. Wählen Sie das gewünschte Bild aus.
  3. Unter Anzeige-Einstellungen für Anhänge | Link zur wählen Sie die gewünschte Linkart aus

Alternativ können Sie die Verlinkung auch durch HTML im Textmodus des Editors vornehmen.

Bild mit Link zur Mediendatei

Diese Art der Verlinkung ist ideal für alle Inhaltsbilder.

Sie öffnet das entsprechende Bild in einer Lightbox.

Der Nutzer kann das vergrößerte Bild ohne die Seite zu verlassen wieder schließen.

Bild mit Link zur Anhangseite

Bei dieser Variante wird auf die Anhangseite verlinkt. Wodurch die Bilddatei geöffnet wird und der Nutzer die Inhaltsseite verlässt.



Bild ohne Link

Wenn das Bild nicht verlinkt ist, ist auch kein Hover-Effekt sichtbar.

Bild mit individuellem Link

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