• Impressum
  • Datenschutzerklärung
  • Kontaktformular
  • Menu
  • Skip to main content
  • Skip to secondary navigation
  • Zur Hauptsidebar springen

WebMatter

WordPress &middot Prestashop

Header Right

  • Home
  • Leistungen
    • WordPress Webseiten
    • Onlineshops mit PrestaShop
  • Portfolio
  • Journal
    • WordPress Plugins
    • WordPress Themes
    • Sicherheit
    • Tools
  • Ein Angebot anfordern

Bilddarstellung vorher – nachher mit dem TwentyTwenty Plugin

7. April 2015

Dieser Artikel ist bereits älter und der Inhalt unter Umständen nicht mehr aktuell.

Das TwentyTwenty Plugin erlaubt es, mit Hilfe eines einfachen Shortcodes einen Slider mit einer vorher / nachher Bilddarstellung an eine beliebige Stelle im Text einzufügen.

Die Anwendung ist einfach. Die beiden Bilder (vorher und nachher) müssen in gleicher Größe vorliegen, werden dann über die Mediathek hochgeladen und in den Beitrag eingefügt. Zunächst das „Vorher“ Bild, anschließend das „Nachher“ Bild. Wichtig ist wie bereits gesagt, dass beide Bilder die gleiche Größe haben.

vorher

Anschließend werden die beiden hochgeladenen Bilder mit den Shortcodes [twentytwenty] … [/twentytwenty] umschlossen.

shortcode

Nun nur noch den Beitrag aktualisieren und speichern und beim nächsten Seitenaufruf erscheint der Slider, mit dem man zwischen vorher und nachher hin und her wechseln kann:

Das TwentyTwenty Plugin kann über das Backend installiert werden oder direkt im WordPress Repository heruntergeladen werden: https://wordpress.org/plugins/twentytwenty/

Foto: © Lars Mielke

Stichworte: Tools

Vorheriger Beitrag: « Online Bildbearbeitung mit pixlr.com
Nächster Beitrag: Ein SSL Zertifikat mit Let’s Encrypt einrichten .. so geht’s »

Leser-Interaktionen

Kommentare

  1. Sonja

    17. Oktober 2016 um 0:00

    Super, vielen dank für den Tipp, habe es gleich umgesetzt.
    Nun suche ich noch für WordPress eine Funktion 3 Bilder nebeneinander zu platzieren.
    Gibt es da eine Möglichkeit? mit Gallery Plugins wird das sicher nicht funktioneren. Hast du einen Tipp für mich?
    Herzliche Grüsse
    Sonja

Haupt-Sidebar

WordCamp Europe 2023

WordCamp Europe Athen 2023

Themen

BildbearbeitungSicherheitMultisitePerformanceGenesisSEOToolsBarrierefreiheitThemesPluginsPrestashopCSSMehrsprachigkeit
  • Impressum
  • Datenschutzerklärung
  • Kontaktformular

Copyright © 2023 · WebMatter · Anmelden