Fancybox in eigenes Themes integrieren

 

WordPress: FancyBox-Lightbox manuell in das eigene Theme integrierenDie fancyBox in ein bestehendes WordPress-Theme integrieren

image

Zuallererst muss das jQuery fancyBox Plugin heruntergeladen werden. Nach dem Download laden Sie die benötigten Dateien auf Ihren Webserver in die dafür vorgesehenen Ordner hoch. In meinem Fall sind dies die Ordner CSS (die gesammelten CSS-Dateien des Themes) und JS für die JavaScript Dateien. Im weiteren Verlauf dieses Artikels gehe ich von diesen beiden Ordnern als Unterverzeichnisse des eigenen Themes aus. Sind diese noch nicht vorhanden, legen Sie bitte die Ordner css und js an unter: /wp-content/themes/name_ihres_themes/. Im fancyBox Ordner finden Sie diese Dateien im Unterordner “source”.

Laden Sie nun bitte folgende Dateien in den CSS-Ordner Ihres Themes:

blank.gif
fancybox_loading.gif
fancybox_overlay.png
fancybox_sprite.png
jquery.fancybox.css
Als nächstes bitte folgende Dateien in den JS-Ordner auf dem Webserver hochladen:

jquery.fancybox.js
jquery.mousewheel-3.0.6.pack.js

 

ein Beispiel : image

Hinterlasse eine Antwort

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind markiert *

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