Lightbox installieren

Hier eine kurze Anleitung zum installieren von Lightbox 2.5 in Wordpress. Da ich fast nur per E-Mail bloggen werde, kann ich nicht bei jedem Bild die rel=”lightbox” Tags hinzufügen, welche zur Anzeige mit der Lightbox benötigt werden.

1. Wordpress-Plugin: Lightbox 2

  • Herunterladen von: Hier
  • Dateien entpacken und mit einem FTP-Client nach /wp-content/plugins/ verschieben.
  • Plugin aktivieren (Backend Bereich -> Plugins -> Lightbox 2)
  • Unter “Einstellungen -> Lightbox 2″ kann das Design noch angepasst werden

2. Bild einfügen

  • Beispielcode:
    <img src=”images/test.jpg” width=”100″ height=”100″ alt=”Test” rel=”lightbox” />

3. Wordpress-Plugin: Add-Lightbox

Um alle bereits eingefügten Bilder mit dem benötigten Tag (rel=”lightbox”) zu erweitern, muss das Add-Lightbox Plugin installiert werden.

  • Herunterladen von: Hier
  • Dateien entpacken und mit einem FTP-Client nach /wp-content/plugins/ verschieben.
  • Plugin aktivieren (Backend Bereich -> Plugins -> Add-Lightbox)

Falls zur Anzeige der Bilder z.B. thickbox verwendet wird, muss das Add-Lightbox Plugin in der Zeile 16 verändert und / oder ergänzt werden.

Du kannst alle Antworten zu diesem Eintrag via RSS 2.0 Feed erfolgen. Du kannst einen Kommentar hinterlassen, oder einen Trackback von deiner eigenen Seite.

3 Kommentare »

 
  • [...] Und nun geht bitte zu Christian und schaut selbst: Klick [...]

  • Fabella sagt:

    Absolut geniale Anleitung, so hab ichs innerhalb von 30 Sekunden installiert bekommen. Hab ganz herzlichen Dank dafür, ich wünschte es würde mehr solche klaren einfachen Anleitungen geben!!

    LG Fabella

  • Fabella sagt:

    Hallo,

    ich war ja so begeistert von Deinem Lightbox. Nun hab ich ein neues Theme installiert und es will und will nicht mehr laufen *seufz* … Du hast nicht zufällig eine Ahnung warum oder? Ich würde mich super freuen, wenn Du mir helfen könntest!

    Danke erstmal, lieben Gruß
    Fabella

 

Eine Antwort schreiben

XHTML: Diese Tags kannst Du benutzen: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>