Harrys Joomla Blog

H2N Link Directory 2 ist eine Komponente für Joomla 1.5. zur Verwaltung und Präsentation von Weblinks.

Es gibt ein Security Hotfix, die schnellstmöglich zu installieren ist! Details

Kurzbeschreibung

Die Weblinks werden einer Webkategorie zugeordnet. Die Webkategorien werden baumartig organisiert.

Weblink-Liste mit Thumbnail

Jeder Weblink hat mindestens einen Name, eine URL und ist einer Kategorie zugeordnet.

Daneben kann ein Weblink noch weiter optionale Eigenschaften haben.

• eine Kurzbeschreibung
• eine erweiterte Beschreibung, die auch mit HTML gestaltet werden kann
• Anzeige eines Thumbnails, welche von externen Diensten erzeugt wird
• Anzeige von lokal abgelegte Thumbnails

Darüber hinaus können optional Weblinks

• kommentiert,
• bewertet oder
• neue Weblinks vorgeschlagen werden

Demo

Für das Frontend habe ich ein kleines Demo mit einigen weiterführenden Informationen erstellt.

Lies den Rest des Artikels »

Nachdem die Arbeit am Link Directory 2 sein einigen Monaten ruhte, wurde diese Pause nun endlich beendet. Es wird nun an der Unterstütung von Joomla 1.6/1.7 gearbeitet. Ich hoffen, Ende 2011 eine Version veröffentlichen zu können.

Funktionsumfang

Am Funktionsumfang wird sich erst einmal wenig ändern.

JComment

Die Unterstützung von JComment wird  erst einmal entfallen müssen, da JComment selbst noch nicht unter 1.6/1.7 läuft.

Captcha

Wie es mit dem optionalen Captcha-Unterstütung aussieht, weiß ich noch nicht. Ich muss ich noch schauen, ob diese Joomla 1.6/1.7 unterstützen.

Internes

Ansonsten werden die meisten HTML-Tabellen durch geeignete Mittel ersetzt. Ein Teil der neuen Möglichkeiten wie z.B. dem Rechte-Konzept von Joomla 1.6/1.7 werden (noch) nicht genutzt.

Behobene Fehler

Es wurden in dieser Version zwei Fehler behoben. Im Folgenden sind das:

• Bilder mit ( bzw. ) werden jetzt (auch) in der lightbox dargestellt. [PMOS-2]
• Bei leerem Fulltext wird jetzt {mosimages} korrekt ersetzt. [PMOS-3]

Demo

Ein kleines Demo zeigt einen Teil der Funktionalität.

Download

Download: plugin_mosimage-v1-0-0-b4, Update: plugin_mosimage-v1-0-0-b4-u

Alle zu H2N Mosimage Reloaded benötigen Erweiterungen im Überblick

1. com_mosimage-v1-0-0-b2 -> Komponente zur Pflege der Zuordnung von {mosimage} und Bilder
2. plugin_mosimage-v1-0-0-b4 bzw. Update-Version plugin_mosimage-v1-0-0-b4-u ->Plugin für die Ersetzung der {mosimage}-Platzhalter mit den jeweiligen Bildern
3. plugin_mosimage-admin-v1-0-0-b1 ->Plugin für das Editor-Kopf zum Aufruf von com_mosimage

Beispiel für List Of Articles 2

Auf der Suche nach einem Plugin, welches mir als Liste alle Artikel eine Kategorie in einen Artikel einfügt, bin ich über das Plugin List of Articles gestolpert.

Dieses Plugin erfüllte fast alle meine Wünsche. Den Rest habe ich selbst implementiert. Das Ergebnis möchte ich nun hier präsentieren. Zusammengefasst hat das Plugin H2N ListOfArticles2 folgende Eigenschaften:

• Anzeige einer Liste alle Artikel einer Kategorie im Content
• Die Liste wird komplett mit CSS gestaltet.  (NEU)
• Die Anzahl der Spalten variiert mit der Fensterbreite. (NEU)
• Die Liste kann einfach mit einem Titel versehen werden. (NEU)
• Der angezeigte Artikel ist ebenfalls in der Liste, wenn dieser der jeweiligen Kategorie angehört.(NEU)
• In den Plugin-Einstellungen kann eigener CSS-Code hinterlegt werden. (NEU)
• Die Links auf die Artikel enthalten jetzt die Itemid des referenzierten Artikels, sodass auch die Navigation synchron zum dargestellte Artikel ist. (NEU)
• Die Anzahl der dargestellten Links kann begrenzt werden. (NEU)
• Die Lokalisierung für en und de ist nun vorhanden.(NEU)

Auch intern hat sich einiges getan. So ist z.B. das Plugin jetzt eine PHP-Klasse, die JPlugin erweitert.

Voraussetzungen:

• PHP 5 (getestet mit 5.3.7)
• Joomla 1.5.x (getestet mit 1.5.22)

Download

Download: plugin_listofarticles2-v1-0-0

Demo

Ein kleines Demo zeigt einiges von der Funktionalität.

Anleitung

Anleitung zur Benutzung des Plugins: Lies den Rest des Artikels »

Über das Forum joomlaportal.de wurde eine vorhandene Sicherheitslücke beschrieben, die offensichtlich auch schon ausgenutzt wird.  Details siehe auch unter joomlaportal.de. Auslöser für das Problem ist, dass aus dem Request der Parameter controller ohne weitere Prüfung übernommen wird.

ACHTUNG: Dieses Problem betrifft ALLE Versionen von H2N Link Directory 2!!

Für das Update älterer H2N Link Directory 2 Versionen gibt es einen Hotfix  h2n-linkdirectory-hotfix. Diesen kann man im Joomla-Ordner einfach auspacken, ggf. sind anschließend die Dateirechte zu setzen . Diese Datei enthält nur die geänderten zwei Dateien.

Für alle die, die auf die neueste Version 2.1.1 updaten wollen, können das Update h2n_linkdirectory2-v2-1-1-u wie Joomla-Backend installieren.

Für eine Neuinstallation steht die neue Version 2.1.1 h2n_linkdirectory2-v2-1-1 zur Verfügung.

Nach einem Update von H2N Link Directory (2) 1.x auf 2.x kann es passieren, dass mit der Version 2.x keine Weblinks mehr bearbeitet werden können. Ursache ist eine erweiterte Tabellenstruktur. Diese Änderungen können aber leicht nachgezogen werden. Lies den Rest des Artikels »

Nach fast einem halben Jahr ist nun die Version 2.1.0 fertiggestellt. Ich hatte in den letzten Monaten weniger Zeit für H2N Link Directory 2, sodass die Entwicklung ins Stocken geraten ist.

Als nächste Aufgabe steht an, H2N Link Directory 2  und dessen Module auch unter Joomla 1.6 zum Laufen zu bekommen und es werden ggf. auftretenden Bugs behoben.

Im Folgenden sind die wichtigsten Änderungen beschrieben.

Optionale kompakte Darstellung der Weblinks

Die Darstellung der Weblinks kann nun kompakter dargestellt werden, wie es im linken Bild zu sehen. Statt wie bei normalen Darstellung werden Titel, Beschreibung und die Navigation nebeneinander dargestellt. Bei der normalen Darstellung werden Titel, Beschreibung nun Navigation untereinander dargestellt. Das ganze wird ausschließlich via CSS realisiert.

Weblink-Liste in der alt hergebrachten Darstellung

Weblink-Liste in der kompakten Darstellung

Ablösung der auf Tabellen basierende Layout durch <div>

Aufgrund der schon langen Geschichte von (H2N) Link Directory (2) wurde zum Gestalten des Layouts Tabellen verwendet. Mittlerweile verwendet man dazu <div>-Elemente. Diese kann man anschließend mittels CSS sehr flexible gestalten. Diese Umstellung erfolgt zunächst im Frontend und ist noch nicht abgeschlossen. Erstes sichtbares Ergebnis kann man bei der oben beschriebenen kompakten Darstellung bewundern. Für die unterschiedlichen Darstellungen kommt ausschließlich das Mittel CSS zum Einsatz.

Import der Joomla Weblink-Komponente

Import von Joomlas Weblinks

Des weiteren ist es nun möglich, Links aus Joomlas Weblink-Komponente  nach H2N Link Directory 2 zu importieren (LD-243). Dabei werden alle Webkategorien und alle Weblinks übernommen. Eine Auswahl der zu importierende Links und Kategorien ist (noch) nicht möglich. Die importierten Weblinks und Kategorien müssen anschließend noch veröffentlicht werden.

Lokale Thumbnails nun ebenfalls ein Link

Bei der Einbindung von Thumbnails via externen Service ist dieses Thumbnail nun ein Link auf die jeweilige Web-Site (LD-247). Bei den lokalen Tumbnails war die bis jetzt nicht der Fall. Diese Inkonsistenz ist nun Bin die Linksbeschreibung behoben. Das Thumbnail ist nun immer ein Link. Bei der Einbindung von lokalen Thumbnails kommt nun das CSS “img.thumbshots” zum Zuge (LD-249), wenn dies nichts abweichend konfiguriert ist. Dieses CSS sorgt dafür, dass der Text rechts neben dem Thumbnail erscheint und etwas Platz um das Thumbnail bleibt.

Bugfix bei der Verwaltung von Webkategorien

Bei der Verwaltung der Webkategorien hat sich ein Fehler eingeschlichen, der nur zu Tage tritt, wenn die Joomla-Tabellen nicht mit jos_ beginnen (LD-253). Dieser Fehler wurde von einem Anwender gemeldet. Danke.

Download: h2n_linkdirectory2-v2-1-0 und Update-Version von 2.x.x: h2n_linkdirectory2-v2-1-0-u

Beim Einbinden lokaler Thumbnails kommt, wenn nicht anderes konfiguriert, dass CSS “img.thumbshots” zum Zuge.

img.thumbshots {
    padding-top: 2px;
    padding-left: 0px;
    padding-right: 10px;
    padding-bottom: 2px;
    text-align: left;
    float: left;
    border: 0px;
    vertical-align: top;
}

Dieses CSS stellt sicher, dass die Beschreibung links um das Thumbnail fließt und die Zwischenräume analog zu den per externen Diensten eingebundenen Thumbnails sind.
Die Größe des Thumbnails wird dabei nicht per CSS eingeschränkt. Das Thumbnail wird in Originalgröße angezeigt.
Für zwei Standard-Größen 120×90 und 200×150 gibt es die CSS img.thumbshots-120 und img.thumbshots-200, die zusätzlich zu img.thumbshots die jeweiligen Größenangaben enthalten.

Globale Angabe des CSS für lokale Thumbnails

Die Benutzung der oben genannten CSS kann man im Backend global unter “Thumbnail” -> “CSS-Klasse für lokale Thumbnail” konfigurieren. Man kann auch eigene CSS an geeigneter Stelle (z.B. im Template) hinterlegen und wie beschrieben konfigurieren. Eine Einstellung pro Thumbnails ist nicht möglich.

Nach im Jahr 2010 konnte das dritte Beta von H2N Mosimage Reloaded fertiggestellt werden. Im Gegensatz zur Beta 2 hat sich einiges unter der Haube verändert.

CSS in Datei ausgelagert

Die Gestaltung der Bilder mittels CSS wurde in eine CSS-Datei mosimage.css ausgelagert, sodass eine Anpassung an der unterschiedlichen Wünsche leichter erfolgen kann.

</div> durch </span> ersetzt.

Soll auch bei den Vorschaubildern die Bildbeschreibung angezeigt werden, so wird dass Bild und die Beschreibung nun mit Hilfe von <span> gruppiert. Vorher kann <div> zum Einsatz. Diese Änderung hat den Vorteil, dass das erzeugte HTML korrekt ist, das <span> ein Inline-Element ist und dadurch flexibler eingesetzt werden kann. Des weiteren ist das Ergebnis analog zu den nur mittels <img> eingefügten Vorschaubildern.

Auswahl unterschiedlicher Bibliotheken zur Realisierung des Lightbox-Effektes

Zwischen folgenden Bibliotheken für die Realisierung des Lightbox-Effektes kann  ausgewählt werden:

• Lytebox (Version 3.22
• Slimbox (Version 1.41)
• Slimbox (Version 1.57)
• Shadowbox (Version 3.0.1)

Lightbox2 (Version 2.04) musste (leider) entfernt werden. Aus mir unbekannten Gründen gab es Probleme mit IE und Chrome.

Sonstiges

Auch unter der Haube hat sich einiges getan. So wurde der Programmcode einem größerem Refactoring unterzogen. Der Funktionalität sollte dies keinen Abbruch tun.

Vom Plugin plugin_mosimage gibt es jetzt auch eine Update-Version. Diese kann einfach über eine bestehendes Plugin installiert werden, sodass ein “Uninstall” entfallen kann.

Download: plugin_mosimage-v1-0-0-b3 und Update-Version plugin_mosimage-v1-0-0-b3-u

Alle zu H2N Mosimage Reloaded benötigen Erweiterungen im Überblick

1. com_mosimage-v1-0-0-b2 -> Komponente zur Pflege der Zuordnung von {mosimage} und Bilder
2. plugin_mosimage-v1-0-0-b3 bzw. Update-Version plugin_mosimage-v1-0-0-b3-u ->Plugin für die Ersetzung der {mosimage}-Platzhalter mit den jeweiligen Bildern
3. plugin_mosimage-admin-v1-0-0-b1 ->Plugin für das Editor-Kopf zum Aufruf von com_mosimage

Nach einem Fehlerbericht, dass Chrome und IE8 die Bilder nicht in der Ligthbox öffnen, habe ich die Sache mir genauer angesehen. Irgendwie spielt Lightbox2 und die von Joomla benutze mootools nicht zusammen. Unter Firefox dagegen klappt es.

Ich habe daher auf Alternativen von Lightbox2 zurückgegriffen. Zur Auswahl stehen jetzt

• Lytebox (Version 3.22
• Slimbox (Version 1.41)
• Slimbox (Version 1.57)
• Shadowbox (Version 3.0.1)
• Lightbox2 (Version 2.04)

Bei der Komponente com_mosimage zur Pflege der Zuordnung der Bilder hat sich beim Testen noch ein Fehler beim Einsatz von Chrome herausgestellt.

Download:

1. com_mosimage-v1-0-0-b2 (Komponente zur Pflege der Zuordnung von {mosimage} und Bilder
2. plugin_mosimage-v1-0-0-b2<Plugin für die Ersetzung der {mosimage}-Platzhalter mit den jeweiligen Bildern
3. plugin_mosimage-admin-v1-0-0-b1Plugin für das Editor-Kopf zum Aufruf von com_mosimage

Für die korrekte Funktion müssen alle drei Dateien installiert werden und die Plugins müssen anschließend aktiviert werden!

30.12.2010: Update Es gibt eine neue Version, die einige Fehler beheben. Details…

Ich habe auf einer von mir gestalteten Webseite viel Gebrauch von mosimage  im Zusammenspiel mit multithumb gemacht. Leider geht beides unter Joomla 1.5 nicht mehr so. Die Beiträge enthalten jeweils 10-15 Bilder als Thumbnails, die über den gesamten Text verteilt sind.  Somit scheiden die üblichen Gallery-Plugin bzw. Komponenten aus. Das Einbinden der Bilder via Editor war ist mir zu aufwendig, da die Bilder direkt von der Kamera kommen.

Was tun?

Eine für mich brauchbare Alternative habe ich bis jetzt nicht gefunden. So läuft diese Webseite immer noch mit Joomla 1.0.15. Asche auf mein Haupt.

Ich habe nun beschlossen und auch angefangen, mosimage für Joomla 1.5 zu implementieren. Das Ganze läuft ohne Änderungen am Joomla-Core-Code. Die Implementierung besteht aus drei Teilen:

1. Plugin “mosimage” fürs Frontend

Dieses Plugin ist für die Anzeige der Bilder, die per Platzhalter {mosimage} eingebunden sind, zuständig.

• Im Frontend wird im Content-Bereich nur ein Vorschaubild angezeigt. Ein Klick auf dieses zeigt dann das Bild dann vergrößert in einer “Light-Box” an.
• Die per “Light-Box” angezeigten Bilder können optional mit einem Wasserzeichen versehen werden.

Mögliche Einstellungen für das Plugin H2N Mosimage

Das Plugin kann umfassend konfiguriert werden. Beispielsweise

• kann die Größe der Vorschaubilder festgelegt, ebenso
• die Größe der vergrößerten Bilder. Auch kann
• angegeben werden, ob die Bildbeschriftung angezeigt werden soll. Und es
• kann ein Bild angeben werden, dass als Wasserzeichen über das vergrößerte Bild gelegt werden soll.

2. Plugin “mosimage-admin” fürs Backend

Knopf unterhalb des Editors zur Pflege des Platzhalter

Hier wird nur ein Button angeboten, der unter dem Editor erscheinen wird und die Komponente com_mosimage aufruft.

3. Komponente “com_mosimage” zur Auswahl und Gestaltung der Bilder

Pflege der Platzhalter

Diese Komponente übernimmt die Auswahl und Gestaltung der Bilder.

Kurzanleitung

Installation

Plugin H2N Mosimage, Plugin H2N Mosimage-Admin und Komponente H2N Mosimage installieren und anschließend die Plugins aktivieren. Bei Bedarf das Plugin H2N Mosimage konfigurieren

Damit ist die Installation abgeschlossen.

Benutzen

• Artikel schreiben und wenn dieser noch nicht gespeichert, speichern.
• Dort, wo Bilder bzw. dessen Vorschaubilder erscheinen soll, den Platzhalter {mosimage} einfügen.
• Bilder hochladen, sodass sich diese unterhalb von Joomla-Image-Ordner befinden
• Knopf [Mosimage] unterhalb des Editor drücken. Im folgenden Dialog können jetzt die gewünschten Bilder auswählen und Änderungen speichern.

Demo

Ein kleines Demo findet sich hier.

Download:

1. plugin_mosimage-v1-0-0-b1
2. plugin_mosimage-admin-v1-0-0-b1
3. com_mosimage-v1-0-0-b1