Category Archives: wordpress

Footnotes jQuery inclusion

Posted on by
Reply

On my main site i've been using the footnotes plugin extensively. I like putting footnotes into the text and signalizing, what I'd rather say, but would not out of respect for the reader. In general placing extended information - be it a citation or an extension to the main text - is a nice way of writing. The plugin i'm using for that is wp-footnotes.

The problem is: for many readers it's hard to read the footnotes especially if they're at the end of a large article. I thought, i would script a little bit and found myself writing the following javascript-snippet which is based on the jQuery-library:

PLAIN TEXT
JAVASCRIPT:
  1. jQuery(document).ready(function () {
  2.     jQuery("a[href^='#footnote-'][id^='footnote-link']").each(function () {
  3.         aa = jQuery(this);
  4.         jQuery(jQuery(this).attr("href")).clone().find("a:last").replaceWith("<a href=\"" + aa.attr("href")  + "\">&raquo;</a>").end().contents().wrapAll("<span class='activefootnote'></span>").parent().insertAfter(aa);
  5.     });
  6. });

Update: wp-Footnotes 3.3

Version 3.3 of wp-footnotes formats the footnote-links differently and therefor our selector has to change. This is the new code:

PLAIN TEXT
JAVASCRIPT:
  1. jQuery(document).ready(function () {
  2.     jQuery("a[href*='#footnote_'][id^='identifier_']").each(function () {
  3.         aa = jQuery(this);
  4.         href = aa.href("href");
  5.         pos = href.indexOf('#');
  6.         len = href.length;
  7.         jQuery(href.substr(pos,len)).clone().find("a:last").replaceWith("<a href=\"" + aa.attr("href")  + "\">&raquo;</a>").end().contents().wrapAll("<span class='activefootnote'></span>").parent().insertAfter(aa);
  8.     });
  9. });

This inserts a span after the footnote number inside the article, which can then be shown or hidden on the spot. To support that effect, the following css-code should be present:

PLAIN TEXT
CSS:
  1. span.activefootnote {
  2.     display: none;
  3. }
  4. sup {
  5.     position: relative;
  6. }
  7. sup:hover span.activefootnote {
  8.     display: block;
  9.     position: absolute;
  10.     background: #fff;
  11.     border: 1px #000 solid;
  12.     top:-.5em;
  13.     left:-100px;
  14.     width: 200px;
  15. }

To make it look nicer, i've expanded the css-code to the following:

PLAIN TEXT
CSS:
  1. span.activefootnote {
  2.     display: none;
  3. }
  4. sup {
  5.     position: relative;
  6. }
  7. sup:hover span.activefootnote {
  8.     display: block;
  9.     position: absolute;
  10.     background: #eaeace;
  11.     border: 3px #ccc solid;
  12.     top:-.5em;
  13.     left:-100px;
  14.     width: 200px;
  15.     font-size: 1.2em;
  16.     padding: 6px;
  17.     border-radius: 10px;
  18.     -moz-border-radius: 8px;
  19.     border-radius: 1em;
  20.     -moz-border-radius: 1em;
  21.     opacity: 0.95;
  22. }

Maybe Simon Elvery will integrate this code into his plugin.. I think this would be a nice addition. You can see the effect at this article of mine. Just hover over one of the many footnote-numbers..

Woopra plugin 1.2 integrates into wordpress

Posted on by
Reply

The guys over at woopra have been working hard and have released version 1.2 of their wordpress-plugin, which allows the administrator to see general statistics in the dashboard. Check out the new features:

  • Immediate access to analytics, traffic statistics and user visits from within the standard WordPress interface.
  • Zero footprint on the local WordPress server speeds up your Web page loads without cluttering your database.
  • Users can customize the statistics interface with simple CSS modifications.
  • Users can modify the WordPress Plugin and contribute back to the community with changes and new ways to display the data.
  • It’s light, Ajax enabled, and sexy!

Yes it is! I've written more in the German translation, so if you speak German, you should definitely check out the translation of this article (see below). Also, have a look at the wordpress-plugin wp-stattraq, which i have taken over and which saves it's statistics-data in the wordpress-database directly..

Woopra in WordPress integriert

Posted on by
Reply

Woopra-Oberfläche

Woopra-Oberfläche

Woopra ist ein Online-Statistikdienst, der in die eigene Seite als Javascript implementiert ist. Für Statistik-Fetischisten bietet es außer der Ansicht der derzeit online aktiven Besucher natürlich auch eine Übersicht über die Besucherzahlen der letzten Tage, ihre Aktivitäten (vor allem Referrer), Suchmaschineneinträge, die sie benutzt haben und die Länder, in denen sie sich aufhielten. Außerdem gibt es verschiedene Analyse-Ansichten, eine Suche nach Besuchern, die einem bestimmten Muster entsprachen. Einzelne Benutzer kann man 'taggen' oder automatisch (bei Login oder Kommentar-Cookie) taggen lassen. Für die Ansicht der Statistik lässt sich entweder die Online-Oberfläche benutzen oder aber eine java-basierte Applikation, die für Windows, Linux und Mac OSX verfügbar ist.

Ganz besonders interessant für jeden Big-Brother-Liebhaber bleibt aber die Live-Ansicht: Darin kann man nicht nur die Aktionen der Besucher in Realtime sehen (auch die externen Links, die sie anklicken), sondern auch direkten Kontakt mit den Besuchern aufnehmen. Initiiert der Administrator eine solche Konversation - wogegen in den meisten Fällen abzuraten ist - erscheint beim Benutzer ein Fenster ähnlich der Ankündigungen gängiger Chat-Applikationen, das ihm die Möglichkeit gibt, auf den Administrator zu antworten. Die Unterhaltung findet dann auch in einem chat-ähnlichen System statt. In den meisten Fällen wird der Benutzer allerdings glauben, dass es Spam wäre.

Woopra betreibt ein WordPress-plugin, das in der Version 1.1 lediglich die Eintragung des Javascript-Codes vornahm. Mit dem Release der Version 1.2 haben die Entwickler eine grundsätzliche Neuerung in einen Versionsübergang in den Nachkommastellen gelegt: Nun kann man sich innerhalb der WordPress-Administration die Statistiken anschauen. Das ersetzt die eigenständige Woopra-Applikation keineswegs (kein Live-Tracking!), allerdings ist es für die schnelle Statistik-Kost nicht schlecht!

Größtes Manko von woopra sind datenschutztechnische Bedenken. Diese schwingen in jeder Statistik-Applikation mit, allerdings ist es immer leichter zu ertragen, wenn die Daten auf dem selben Server verbleiben, wie bei wp-stattraq. In diesem Fall werden die Daten der Besucher sehr detailliert an woopra übertragen und dort scheinbar für immer gespeichert. Je mehr Leute den Dienst benutzen, um so gefährlicher wird es dadurch..