Lars Schenk » Plugin http://lars-schenk.com IT-Services :: Software-Development since 1980 :: Freelancer since 1988 Thu, 18 Feb 2010 23:42:14 +0000 http://wordpress.org/?v=2.9.2 en hourly 1 Flickr Photo Gallery 0.92 mit WordPress 2.3 http://lars-schenk.com/flickr-photo-gallery-092-mit-wordpress-23/156 http://lars-schenk.com/flickr-photo-gallery-092-mit-wordpress-23/156#comments Mon, 08 Oct 2007 20:53:03 +0000 Lars Schenk http://lars-schenk.com/flickr-photo-gallery-092-mit-wordpress-23/156 Flickr Photo Gallery Version 0.92 macht Probleme mit WordPress 2.3 – ein Update des Plugins ist derzeit nicht verfügbar. Um die Administrator-Seite wieder zum laufen zu bringen kann man sich damit behelfen in der admin-options-load.php die Zeile 15
require_once(dirname(__FILE__).$tmpPath.’/wp-admin/admin-db.php’);

auszukommentieren.

]]> http://lars-schenk.com/flickr-photo-gallery-092-mit-wordpress-23/156/feed 0 WordPress 2.3 macht viele Plugins unbrauchbar http://lars-schenk.com/wordpress-23-macht-viele-plugins-unbrauchbar/153 http://lars-schenk.com/wordpress-23-macht-viele-plugins-unbrauchbar/153#comments Tue, 02 Oct 2007 15:54:58 +0000 Lars Schenk http://lars-schenk.com/wordpress-23-macht-viele-plugins-unbrauchbar/153 Unter der Haube hat sich viel geändert. Entsprechende Hinweise dazu sowie das komplette Changelog habe ich hier verlinkt.

Am problematischsten dürfte das neue Taxonomy-System sein, denn es ersetzt diverse Tabellen.
Das Upgrade auf WordPress 2.3 löscht gleich mehrere Tabellen und macht so eine Reihe von Plugins unbrauchbar, die direkt auf diese Tabellen zugreifen statt über die dafür vorgesehene API zu gehen um z.B. die Kategorien auszulesen. Wer also nach dem Upgrade Fehlermeldungen wie z.B. “wp_post2cat’ doesn’t exist” bekommt, kann davon ausgehen, dass ein verwendetes Plugin nicht mit WordPress 2.3 kompatibel ist.

Eine List der zu WordPress 2.3 nicht mehr kompatiblen Plugins wurde hier zusammengestellt.

Ein Plugin, dass ich einsetze und für das ich kein Upgrade von Seiten des Autoren erwarte ist:

WP-dTree 2.2 Version 2.2 (10 July 2006)
. Das Plugin macht einen recht verwaisten Eindruck, leistete aber bis zu WP 2.2.3 sehr gute Dienste so dass ich dafür sogar ein Widget druckrum gebastelt habe. Da ich bisher noch keinen brauchbaren Ersatz gefunden habe, werde ich das Plugin soweit patchen, dass ich es wieder für meine Zwecke einsetzen kann. (to be continued … maybe… if there is enough time)…

]]> http://lars-schenk.com/wordpress-23-macht-viele-plugins-unbrauchbar/153/feed 3 WordPress Upgrades – Impact auf Plugings http://lars-schenk.com/wordpress-upgrades-impact-auf-plugings/105 http://lars-schenk.com/wordpress-upgrades-impact-auf-plugings/105#comments Thu, 26 Apr 2007 12:02:58 +0000 Lars Schenk http://www.lars-schenk.com/wordpress-upgrades-impact-auf-plugings/105 Mit dem Wordpress-Upgrade auf 2.1 (derzeit 2.13) habe ich mich bei diesem Blog etwas schwer getan, denn ich verwende zahlreiche Plugins deren Kompatibelität zur 2.1er Version nocht nicht bestätigt war. Jetzt habe ich endlich das Upgrade von der 2.07 zur 2.13 gewagt und fahre dabei mit folgenden Plugins weiterhin überwiegend reibungslos:

  1. iG:Syntax Hiliter 3.5
  2. Subscribe to comments 2.1
  3. Adsense-Deluxe 0.8
  4. Flickr Photo Gallery (aktuelle Version 0.91 broken downgrade auf Version 0.89)

Das Subscripte to comments scheint einen Bug zu haben, denn die Einstellung: "CSS "clear" auf Abonnieren-Checkbos ausführen" lässt sich nicht ändern. Da das CSS mit meinem Theme nicht harmoniert habe ich im Plugin subscripte-to-comments.php bei Zeile 269 folgende kleine Änderung vorgenommen:

PLAIN TEXT
PHP:
  1. // 26.04.2007 - clear-both war immer true. Wird wohl nicht richtig in die DB geschrieben.
  2. // Ich brauche es immer disabled. Daher stelle ich es hier auf null/false.
  3. $this->clear_both = ''; // $this->settings['clear_both'];

Das nützliche Plugin erlaubt, Kommentare zu abonieren. Man erhält also eine EMail-Benachrichtigung, wenn jemand einen Folgekommentar auf einen eigenen Kommentar abgegeben hat.

Und noch eine Hinweis zur aktuellen Flickr Photo Gallery Version 0.91: Da hat sich offenbar ein Fehler eingeschlichen, denn es erscheint die Fehlermeldung "Error: Please create at least one Flickr photo set, and then click the “Refresh” button above to see your photos." beim Versuch den Flickr-Cash zu refreshen. Diese Fehlermeldung wurde auch im Blog von anderen Anwendern bestätigt. Ich habe auf die 0.89 downgraden müssen und bin damit das Problem losgeworden. Ab Version 0.87 ist das Plugin für WP 2.1 geeignet. Da ich zuvor die 0.85 laufen hatte war ich zu einem Upgrade gezwungen.

]]> http://lars-schenk.com/wordpress-upgrades-impact-auf-plugings/105/feed 0 WordPress Plugin für Flickr und Lightbox http://lars-schenk.com/wordpress-plugin-flickr-lightbox/76 http://lars-schenk.com/wordpress-plugin-flickr-lightbox/76#comments Tue, 14 Nov 2006 00:42:46 +0000 Lars Schenk http://www.lars-schenk.com/wordpress-plugin-flickr-lightbox/76 Mit dem Wordpress Plugin Flickr Photo Album for WordPress hat Joe Tan eine das wirklich schöne Integration der Flickr Dienste in WordPress ermöglicht. Wer keine eigene Gallery wie zum Beispiel Gallery 1 oder 2 von Bharat Mediratta oder die Coppermine Photo Gallery betreiben und integrieren möchte, kann mit diesem Plugin schnell und unkompliziert seine eigenen Fotoalben in den WordPress basierten Blog integrieren. Die Installation setzt einen eigenen API-Key bei Flickr voraus, der aber auch während der Installation angelegt werden kann.
Ein optionales Flickr Sidebar Widget zur Anzeige Ihrer aktuellen Flickr Bilder im WordPress Sidebar wird ebenfalls mitgeliefert - es setzt jedoch das WordPress Widgets Plugin voraus.

Optional werden auch die Lightbox 2 Effekte unterstützt, hierzu kann in /wp-content/plugins/silaspartners/flickr/photoalbum-header.html die Variable $useLightbox = true; gesetzt werden. Der Vorteil der Lightbox ist, dass Bilder in der Volldarstellung über der aktuellen Seiten und nicht innerhalb einer neuen Seite dargestellt werden, was dem Webdesigner mehr Möglichkeiten für das Layout offenbart und den Betrachter des Bildes auf der aktuellen Seite verweilen läst.

Bei der Lightbox Integration bin ich jedoch einen anderen Weg gegangen, denn das Setzen des $useLightbox = true; Schalters aktiviert die Lighbox nur bei der Foto-Alben-Darstellung und nimmt dem Anwender dort die Möglichkeit Kommentare zu einem Album bzw. Bild zu hinterlegen. Während die Lightbox-Effekte ungenutzt bleiben, wenn man ein Flickr Bild über das Plugin in den WordPress-Editor einbindet. Und genau hier möchte man doch die Vorteile der Lightbox ausspielen indem man zur Volldarstellung des Bildes den Leser eines Beitrages nicht dazu zwingt, die aktuelle Seite zu verlassen.

Probieren Sie es einmal aus: Ein Klick auf das obere Bild führt Sie auf eine neue Seite - dies ist das Default-Verhalten des Plugins. Und ein Klick auf das zweite Bild nutzt die Lightbox und führt Sie nicht von dieser Seite weg. Im folgenden habe ich ein paar Notitzen gemacht, welche Änderungen durchzuführen sind.

Zunächst einmal brauchen wir die Lightbox nun "Site-wide" und müssen daher entsprechende Vorkehrungen am WP-Theme vornehmen, denn das Flickr Plugin bindet die Lightbox nur auf den von ihm generierten Seiten ein. Ich editiere also /wp-content/themes/YOURTHEMEDIRECTORY/header.php und erweitere den <head>-Bereich wie folgt:

PLAIN TEXT
PHP:
  1. <!-- Start:lightbox -->
  2. <style type="text/css">
  3. /* <![CDATA[ */
  4. /* lightbox css  */
  5. @import url(<?php bloginfo('home');?>/wp-content/plugins/silaspartners/flickr/lightbox/css/lightbox.css);
  6. /* ]]> */
  7. </style>
  8.  
  9. <script src="<?php bloginfo('home');?>/wp-content/plugins/silaspartners/flickr/lightbox/js/prototype.js" type="text/javascript" language="JavaScript"></script>
  10. <script src="<?php bloginfo('home');?>/wp-content/plugins/silaspartners/flickr/lightbox/js/scriptaculous.js?load=effects" type="text/javascript" language="JavaScript"></script>
  11. <script src="<?php bloginfo('home');?>/wp-content/plugins/silaspartners/flickr/lightbox/js/lightbox.js" type="text/javascript" language="JavaScript"></script>
  12. <script type="text/javascript">
  13. fileLoadingImage = "<?php bloginfo('home');?>/wp-content/plugins/silaspartners/flickr/lightbox/images/loading.gif";     
  14. fileBottomNavCloseImage = "<?php bloginfo('home');?>/wp-content/plugins/silaspartners/flickr/lightbox/images/closelabel.gif";
  15. </script>
  16. <!-- End:lightbox -->

Die Pfadangabe zur Lightbox kann auch anders gewählt werden - ich habe auf die zZ. aktuelle Verison 2.02 zurückgegriffen, die vom FlickrPlugin mitgeliefert wurde.

In /wp-content/plugins/silaspartners/flickr/photoalbum-header.html habe ich nun $useLightbox = false; gesetzt, damit ich bei der Alben-Ansicht die Kommentarefunktion verfügbar habe.

Als Komfortfunktion möchte ich nun noch das Flickr Plugin so modifizieren, dass beim Einfügen von Bildern in einen Beitrag gleich korrekte Lightbox Links erstellt werden und die Links nicht von der Seite wegführen. Hierzu ändere ich an in /wp-content/plugins/silaspartners/flickr/inline-photos.html die Funktion silas_addPhoto wie folgt:

PLAIN TEXT
PHP:
  1. function silas_addPhoto(photoUrl, sourceUrl, width, height, title) {
  2.     // photoURL soll immer das Original-Bild auf flickr sein
  3.     // damit Lightbox die Anzeige übernehmen kann und der Link zum Bild
  4.     // nicht auf eine neue Seite führt:
  5.     flickrOriginalPhotoUrl = new String(sourceUrl);
  6.     flickrOriginalPhotoUrl = flickrOriginalPhotoUrl.replace(/_s|_t|_m/,"_o");
  7.     var html =
  8.         '<a href="'+flickrOriginalPhotoUrl+'" rel="lightbox[album]" title="'+title+'">' +
  9.         '<img src="'+sourceUrl+'" width="'+width+'" height="'+height+'" border="0" alt="" />' +
  10.         '</a> '
  11.     if ( richedit ) {
  12.         win.tinyMCE.execCommand('mceInsertContent', false, html);
  13.     } else {
  14.         win.edInsertContent(win.edCanvas, html);
  15.     }
  16.     return false;
  17. }

Es wird also statt der virtuellen HTML Seite zum Bild/Album nun direkt auf die URI des Bildes bei Flickr verlinkt. Damit die Lightbox eingreifen kann, wird das Attribut rel="lightbox[album]" eingefügt. Durch den optionalen Zusatz [album] werden alle Bilder eines Beitrags zu einer zusammenhängen Serie zusammengeführt, so dass Lightbox mit "Next" and "Prev" das Durchblättern aller Bilder eines Beitrags erlaubt.
Das Title-Attribut wird im Anchor-Tag gesetzt. Das Alt-Attribut im Img-Tag hingegen wird leer gesetzt, damit der IE keinen Standard-Tooltipp für das Image anzeigt. Wenn SweetTitles installiert sind, so wird das Title-Attribut aus dem Anchor-Tag für das Tooltipp-Rendering ausgewertet.

Bekannte Seiteneffekte:
Ein evtl. hinterlegter Titel wird hier zwar für Lightbox auswertbar im Anchror-Tag mit angegeben und sollte eigentlich dazu führen, das bei der Volldarstellung des Bildes der Titel unter dem Bild angezeigt wird - in diesem Blog klappt das jedoch nicht, weil ich auf dieser Site auch Dustin Diaz' Sweet Titles verwende. Hier gibt es einen Konflikt in den JavaScripten.

Folgende HTML Snippet sind mit den o.g. Änderungen am JavaScript über den Editor einfügbar. Auf eine automatische Formatierung habe ich verzichtet, da ich diese von Fall zu Fall individuell per Style-Attribut einfüge.

PLAIN TEXT
HTML:
  1. Square (75x75):
  2. <a href="http://static.flickr.com/120/296797177_9611731de3_o.jpg" rel="lightbox[album]" title="Alicia & Joana"><img src="http://static.flickr.com/120/296797177_9611731de3_s.jpg" width="75" height="75" border="0" alt="" /></a>
  3.  
  4. Thumbnail (100x56):
  5. <a href="http://static.flickr.com/121/296797039_ded27dfc9a_o.jpg" rel="lightbox[album]" title="Joana & Alicia"><img src="http://static.flickr.com/121/296797039_ded27dfc9a_t.jpg" width="100" height="56" border="0" alt="" /></a>
  6.  
  7. Small (240x135):
  8. <a href="http://static.flickr.com/107/296796964_bbb2a1281e_o.jpg" rel="lightbox[album]" title="Heiko & Lars Hansapark 2006"><img src="http://static.flickr.com/107/296796964_bbb2a1281e_m.jpg" width="240" height="135" border="0" alt="" /></a>
  9.  
  10. Medium (500x281):
  11. <a href="http://static.flickr.com/114/296796873_03b0533dc4_o.jpg" rel="lightbox[album]" title="Joana & Alicia"><img src="http://static.flickr.com/114/296796873_03b0533dc4.jpg" width="500" height="281" border="0"  alt="" /></a>
  12.  
  13. Large (800x450):
  14. <a href="http://static.flickr.com/121/296796774_7dd793fd66_o.jpg" rel="lightbox[album]" title="Joana"><img src="http://static.flickr.com/121/296796774_7dd793fd66_o.jpg" width="800" height="450" border="0" alt="" /></a>

Ich habe hier alle Grössen die vom Plugin bzw. Flickr unterstützt werden einmal aufgeführt. Die folgenden Bilder werden von Lightbox als ein zusammenhängende Serie erkannt, weil sie das identische Attribut rel="lightbox[album]" enthalten.

Square (75x75):

Thumbnail (100x56):

Small (240x135):

Medium (500x281):

Large (800x450):

]]> http://lars-schenk.com/wordpress-plugin-flickr-lightbox/76/feed 25 Smarter SweetTitles – JavaScript Fading Tooltips adjusted http://lars-schenk.com/sweettitles-fading-tooltips/74 http://lars-schenk.com/sweettitles-fading-tooltips/74#comments Fri, 10 Nov 2006 01:51:36 +0000 Lars Schenk http://www.lars-schenk.com/sweettitles-fading-tooltips/74 Dustin Diaz hat mit SweetTitles eine sehr elegante Lösung zur verbesserten Darstellung von Tooltips erstellt. Ich habe das JavaScript jetzt mal probeweise auch auf dieser Site eingesetzt und dabei noch mal ein klein wenig an meine Bedürfnisse angepasst.

Zum einen unterdrücke ich die stets erfolgende Ausgabe des Protokoll-Prefix "http://". Die so gewonnen 7 Zeichen schlage ich auf die URL-Ausgabe drauf, so das ich statt 25 Zeichen nun 32 Zeichen der URL anzeigen kann. Ferner unterdrücke ich die URL-Ausgabe ganz, wenn die URL "meine" Domain oder "static.flickr." oder "javascript:" enthält. Es sieht einfach eleganter aus, wenn eine URL nur dann angezeigt wird, wenn es sich um einen externen Link handelt. Das Unterdrücken der URL-Ausgabe bei Vorhandensein von "JavaScript:" sorgt dafür das Items, die mit JavaScript belegt sind nicht mit einem SweetTitle versehen werde. Gerade bei aufklappbaren Listen (z.B. Kategorieliste per WP-dTree) würde es andernfalls sehr störend wirken.

Da im Original immer eine URL ausgegben wird, gibt es auch immer einen Tooltipp. Bei meiner Variante kann es nun aber vorkommen, dass die URL nicht ausgeben wird. Wenn dann nun noch der Tooltipp leer ist, muss das natürlich erkannt werden so dass in diesem Fall kein Tooltipp ausgeben wird.

Folgende kleine Änderungen am Quellcode /wp-content/themes/#your_theme_name#/js/sweetTitles.js sorgen für dieses geänderte Verhalten:

PLAIN TEXT
JAVA:
  1. //...
  2.  tipShow : function() {
  3.         var scrX = Number(this.xCord);
  4.         var scrY = Number(this.yCord);
  5.         var tp = parseInt(scrY+15);
  6.         var lt = parseInt(scrX+10);
  7.         var anch = this.checkNode();
  8.         var addy = '';
  9.         var access = '';
  10.         if ( anch.nodeName.toLowerCase() == 'a' ) {
  11.             addy = (anch.href.length> 32 ? anch.href.toString().substring(0,32)+"..." : anch.href);
  12.             addy = addy.replace('http://','');
  13.             if ( !addy.search('lars-schenk.')) addy = '';
  14.             if ( !addy.search('static.flickr.')) addy = '';
  15.             if ( !addy.search('javascript:')) addy = '';
  16.             var access = ( anch.accessKey ? ' <span>['+anch.accessKey+']</span> ' : '' );
  17.         } else {
  18.             addy = anch.firstChild.nodeValue;
  19.         }
  20.         this.tip.innerHTML = "<p>"+anch.getAttribute('tip')+"<em>"+access+addy+"</em></p>";
  21.         if ( parseInt(document.documentElement.clientWidth+document.documentElement.scrollLeft) <parseInt(this.tip.offsetWidth+lt) ) {
  22.             this.tip.style.left = parseInt(lt-(this.tip.offsetWidth+10))+'px';
  23.         } else {
  24.             this.tip.style.left = lt+'px';
  25.         }
  26.         if ( parseInt(document.documentElement.clientHeight+document.documentElement.scrollTop) <parseInt(this.tip.offsetHeight+tp) ) {
  27.             this.tip.style.top = parseInt(tp-(this.tip.offsetHeight+10))+'px';
  28.         } else {
  29.             this.tip.style.top = tp+'px';
  30.         }
  31.         if (addy || anch.getAttribute('tip')) this.tip.style.visibility = 'visible';
  32.         this.tip.style.opacity = '.1';
  33.         this.tipFade(10);
  34.     }
  35. //...

Bekannte Probleme:
Wenn SweetTitles ein Title-Attribut in einem Anchor-Tag rendert, welches um ein Image-Tag gelegt ist, un dieses Image-Tag ein Alt-Tag enthält, so wird beim IE der intrinsinc Tooltipp zusätzlich zum SweetTitle-Tooltipp gerendert. Daher sollten bei einem verlinkten Image-Tag das ALT-Attribut stets mit alt="" angegeben werde.

]]> http://lars-schenk.com/sweettitles-fading-tooltips/74/feed 6