Wir verwenden Cookies zur Verbesserung der Benutzerfreundlichkeit und zum Verfolgen der Besucherströme mit Matomo (Piwik).
Mehr Infos auf der Datenschutzseite. Du kannst die Cookie-Erlaubnis jederzeit am Ende der Seite widerrufen.

Plugins ohne LibraryAdmin/jQueryAdmin nutzen

 

Wie kann man die Plugins ohne die Module nutzen?
Kann ich meine installierten Plugins weiter nutzen?

Im Prinzip ja und es ist ganz einfach. :-)
Sichere dir erstmal aus dem Ordner libraryadmin die Ordner /plugins und /presets.

Kurzform:

  • Alle Plugins aus dem Ordner libraryadmin/plugins in einen neuen Ordner kopieren
    ( seit WB 2.12.1 -> /include/plugins/user/ ).
  • Den Inhalt der Presets in die jeweiligen Seiten in einen Abschnitt Code2(HTML) kopieren.
  • Nun jedes Preset anpassen, dabei {LIB_URL}/lib_jquery ersetzen mit dem Pfad zu deinem neuen Plugins Ordner.
  • WB jQuery benutzen/aktivieren. Admin-Tools > Frontend Output Filter > Jquery anhaken
    - der Filter RegisterModfiles darf dann nicht angehakt sein
    - auch möglich Filter RegisterModfiles aktivieren und im head der index.php register_frontend_modfiles(..) nutzen
  • LibraryAdmin & lib_jquery deinstallieren, Ordner modules/wblib löschen
  • selbst eingefügte Droplet-Aufrufe [[LibLoader]] & [[LibInclude?lib=lib_jquery]] entfernen

 

Für eine Seite könnte der Abschnitt Code2(html) etwa so aussehen:

<link href="[[wb_url]]/[[plugins_url]]/sexylightbox/sexylightbox.css" rel="stylesheet" media="screen" />
<script src="[[wb_url]]/[[plugins_url]]/ui/jquery.easing.js"></script>
<script src="[[wb_url]]/[[plugins_url]]/sexylightbox/sexylightbox.v2.3.jquery.js"></script>

<link href="[[wb_url]]/[[plugins_url]]/photoswipe/photoswipe.css" rel="stylesheet" media="screen"/>
<script src="[[wb_url]]/[[plugins_url]]/photoswipe/klass.min.js"></script>
<script src="[[wb_url]]/[[plugins_url]]/photoswipe/code.photoswipe.jquery-3.0.5.min.js"></script>

<script>
if ( typeof jQuery != undefined ) {
  jQuery(document).ready(function($){
			
      // Photoswipe
      var myPhotoSwipe = $(".swipe").photoSwipe();
      
      // sexyLightbox
      SexyLightbox.initialize();
			
  });
}
</script>

 

Im Prinzip ist der Code der gleiche wie er in den Presets steht. Der Pfad zu den Plugins wurde durch die System-URL-Droplets ersetzt. So ist es flexibel falls man umzieht oder den Plugins-Ordner ganz woanders haben möchte. Die CSS Links werden durch den Ouptputfilter CssToHead automatisch in den <head> geschoben wo sie hingehören.

 

Bilder mit photoSwipe und sexyLightbox auf diese Weise hier eingebunden.

blau und müde blau
grün hinter den ohren grün