Frontpage

SVG-Support in Joomla Content Editor auch für CustomField Image und für Einleitungs- und Beitragbild

Details: Last Updated: 02 May 2024

Hinweis vorab: Ich nutze in meinen Projekten immer den Joomla-Content-Editor (JCE) statt des Joomla-Standard-Editors. Alle nachfolgenden Ausführungen beziehen sich auf den JCE, der sehr viel mehr Einstellungsparameter hat und viele Joomla-Editor-Einstellungen und Funktionen überschreibt. Wie sich meine Erkenntnisse auf den Joomla-Editor anwenden lassen, habe ich nicht geprüft.

Problembeschreibung SVG-Support

Oft liest man, dass Joomla keine SVG-Dateien unterstützt. Das ist so nicht korrekt. Joomla unterstützt sehr wohl SVG-Images, jedoch ist es auch Sicherheitsgründen standardmäßig nicht aktiviert. SVG können ausführbaren Code enthalten und somit Schadcode in ein Projekt schleusen, wenn Seitenbesuchern erlaubt wird SVG hochzuladen. Da das viele nicht wissen und somit schon böse Erfahrungen machen mussten, ist diese Deaktivierung eine gute Entscheidung.

Wer in seinem Projekt SVG verwenden möchte, was z.B. für die Einbindung von Logos sogar ratsam ist, und den Upload von Dateien in das Projekt sowie nur durch Admins oder geschulte Mitarbeiter zulässt, will den SVG-Upload zulassen. Wie man SVG im Joomla-Projekt zulassen kann, sodass diese über den Media-Manager anzeigbar und auswählbar sind, dazu gibt es diverse Hilfeseiten im Internet, die über die Suchmaschinen leicht auffindbar sind. Deshalb führe ich das hier nicht noch einmal aus.

Was ist nun der Grund für diesen weiteren Beitrag zu diesem Thema? Wenn Sie den SVG-Support entsprechend Anleitung aktiviert haben, dann können Sie mit dem Plugin-Editor-Button "Medien" i.d.R. unterhalb der Editorfenster den Medien-Dialog aufrufen und dort in der Dateiauswahl SVG finden und durch Auswahl in den Beitrag einfügen. Sie können auch über die klickbaren Icon "insert image" in der Editor-Toolbar Dialoge zur Auswahl und zum Einfügen von SVG-Dateien aufrufen - entweder den Dialog "Bilder-Manager" oder den Dialog "Erweiterter Bildermanager". Soweit also alles gut.

SVG-Grafiken direkt inline in Joomla-Beiträge per JCE

Details: Last Updated: 29 September 2023

Problembeschreibung SVG-Grafiken in Joomla-Beiträgen

Aus Performance-Gründen geht der Trend beim Bau von Websites dahin, Grafiken nicht mehr als separate Sourcen vom Server zu laden, sondern diese wo möglich direkt in den Code zu schreiben. So reduziert man die Anzahl der Serverrequests. Wenn man z.B. Social-Media-Icons als SVG-Klickbuttons einfügen will, kann man das über sehr unterschiedlche Methoden erreichen, als CSS-image-URLs (base64 codiert), oder noch einfacher aus Awesome-Font-Icons oder man schreibt den SVG-Code direkt in den DOM-Baum der Website. Wie das gemeint ist sieht man in diesem Beispiel für einen Facebook-Button:

<div>
<a href="https://www.facebook.com/mediadesign.sk/">
  <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 48 48" width="6vW" height="6vW">
    <path fill="#3F51B5" d="M42,37c0,2.762-2.238,5-5,5H11c-2.761,0-5-2.238-5-5V11c0-2.762,2.239-5,5-5h26c2.762,0,5,2.238,5,5V37z"></path>
    <path fill="#FFF" d="M34.368,25H31v13h-5V25h-3v-4h3v-2.41c0.002-3.508,1.459-5.59,5.592-5.59H35v4h-2.287C31.104,17,31,17.6,31,18.723V21h4L34.368,25z"></path>
  </svg>
</a>
</div>

Das Problem hierbei ist, wenn man in den Joomla-Content-Editor (JCE) oder auch in den Joomla-Standard-Editor MCE solchen SVG-Code einfügt, dann wird der HTML-Code i.d.R. bei den Grundeinstelungen beim Speichern bereingt, d.h. unser SVG-Code fliegt komplett raus.

Leider gibt es für SVG-Code im JCE keine prinzipielle Erlaubnis-Option wie z.B. für das Zulassen von Java-Script- (<script>...</script>) oder CSS-Style-Containern (<style>...</style>). Das wird damit zusammenhängen, dass SVG selbst wieder Tags enthalten kann.

PDF-Download-Links in Joomla-Beiträge oder Module einfach einbinden

Details: Last Updated: 21 October 2022

Problem / Aufgabenstellung: PDF in Jooml-Beiträge einbinden/verlinken

Um PDF als Download in eine Joomla-Beitrag oder in das Custom-Modul einzubinden gibt es verschiedenen Möglichkeiten. Eine oft Verwendete Lösung ist Phoca-Download. Aber diese ist eine komplexe allumfängliche Komponente und zielt vor allem auf Anwender ab, die umfangreiche Download-Repositories bereitstellen wollen. Für viele geringere Ansprüche ist es zu viel Funktionsumfang.

In meinen Kundenprojekten habe ich bis Joomla 3.x für einfache Fälle immer die Erweiterung "Attachments" von Jonathan M. Cameron eingesetzt. Damit war es sehr einfach möglich ein PDF an oder in einen Beitrag anzufügen. Leider wird diese Erweiterung von Jonathan nicht mehr supportet und war eigentlich schon für Joomla 3 code-technisch nicht auf der Höhe der notwendigen Kompatibiltät. Hier ist also nichts für Joomla 4 zu erwarten.

Wie kann man trotzdem einfach PDF-Download-Links einbinden, ohne Kosten für Erweiterungen?

Indexierung von Subdomain-Website verhindern (robots.txt, meta-Tag)

Details: Last Updated: 13 September 2022

Zielsetzung: Indexierung für eine Subdomain-Website verbieten

Für diese Aufgabenstellung könnte es verschiedene Szenarien geben die einen triftigen Grund liefern. Hier gehe ich mal von einer Konstellation aus, bei der Sie z.B. ein Hauptprojekt unter der Domain www.mein-projekt.de betreiben - als LIVE-Projekt. Zu Test und Entwicklungszwecken haben Sie auf einer Subdomain, z.B. dev.mein-projekt.de eine gespiegeltes Projekt laufen. Natürlich würde es zu allererst Sinn machen, das DEV-Projekt per Passwortschutz zu sperren. Aber es kann Gründe geben, warum das gerade mal nicht tun will. Wenn das Projekt also offen ist, will man trotzdem verhindern, dass Suchmaschinen sich die Seite des DEV-Projektes gierig krallen und indexieren. Man hätte dann die Situation, dass Nutzer sich in dieses Projekt "verlaufen", was bei einem Shop-System aber auch normalen Websites große Irritationen erzeugen könnte - oder einfach nur dem LIVE-Projekt Konkurrenz macht (z.B. durch dublicate content). Also wollen wir verhindern, dass Suchmaschinen diese Seiten indexieren.

Lösung für das Verhindern der Indexierung eine Parallelprojektes

Für diese Aufgabe gibt es zunächst zwei übliche von den seriösen Suchmaschinen akzeptierte und berücksichtigte Werkzeuge. Zum einen die robots.txt, zum anderen einen Meta-Tag in den Dateiheadern.

JTL Shop 5: Die Breite von Blöcken im Layout anpassen

Details: Last Updated: 19 September 2022

Problembeschreibung - Blockbreite im JTL-Shop5 anpassen

Man kann in JTL-Shop 5 eine Menge konfigurieren um das Layout im Frontend nach Wunsch anzupassen, entweder über das Template oder über über globale Parameter. Was aber nicht einfach einstellbar ist, ist die Breite des Shop-Inhaltes. Diese weicht in der Standard-Konfiguration von der Breit des Header- und Footer bereiches ab, was lt. der Entwickler bewusst so voreingestellt ist. Man wollte diesen breiter machen als den Rest und somit den Platz optimaler für die Produktdarstellungen ausnutzen. Meiner Meinung nach ist die Argumentation dazu etwas inkonsequent.

s. dazu: https://forum.jtl-software.de/threads/nova-theme-hintergrund.144766/
oder: https://forum.jtl-software.de/threads/shop5-nova-hintergrund.139665/
oder: https://forum.jtl-software.de/threads/verschiedene-seiten-breiten-im-shop5-nova.150301/

Lösung - Anpassen der Breite für den Shop-Content-Wrapper

Fakt ist, wer hofft den Shop-Inhaltsblock generell über einen Parameter im Backend konfigurieren zu können, wird vergeblich suchen. Das geht leider nur über Modifikationen in den Templates-Scripten. Wie, das soll hier beantwortet werden.

Page 1 of 4