Shortcode · Nova Hell Glow (leicht)
Diese Seite zeigt, wie mein Plugin SK Bildlink Shortcode im SK-Reg Nova Hell Layout mit einem leichten Nova Hell Glow arbeitet.
Wie es funktioniert
Im Artikeltext schreibst du z. B.:
{ sk_bildlink file="bild.png"}
{ sk_bildlink file="bild.png" size="600" alt="Beschreibung" align="right"}
Das Plugin ersetzt diese Shortcodes beim Anzeigen automatisch durch ein fertiges
<img>Tag. Größe, Ausrichtung und Alt Text sind optional; fehlen sie,
greifen die Admin-Standardwerte.
Admin Konfiguration
System → Plugins → SK - Bildlink Shortcode:
- Bildverzeichnis Standardordner relativ zur Joomla-Wurzel
(z. B.
images/sk_bilder/), wird genutzt, wennfilekeinen eigenen Pfad enthält. - Standard-Bildgröße Breite in Pixel oder Prozent, falls im Shortcode kein
sizegesetzt ist. - Standard-Bildbeschreibung Fallback-Alt-Text, falls im Shortcode kein
altgesetzt ist.
Technische Eckpunkte
- Struktur nach Joomla 6-Standard (Namespace-Klasse
Skbildlink.php+services/provider.php), analog zuplg_content_skdownload. - Reagiert nur, wenn
{sk_bildlinkim Text vorkommt (kein unnötiger Overhead). - Verhindert
..-Verzeichniswechsel im Dateinamen aus Sicherheitsgründen. - Alle Styles per
<img style="...">möglich – funktioniert trotz TinyMCE-Einschränkungen bei<script>/<style>-Blöcken. - Installation und alle Attribute (
file,size,alt,align,class) sind in der README.md im ZIP dokumentiert.
Nova Hell Glow (leicht) Inline-Style
Für die leichte Glow-Variante im SK-Reg Nova Hell kannst du im Plugin folgenden Inline-Style als Standard verwenden:
<img src="/images/sk_bilder/beispiel.png" alt="Beispielbild" style="
display:block;
max-width:100%;
height:auto;
border-radius:10px;
border:1px solid rgba(0,0,0,0.06);
background:#ffffff;
padding:5px;
box-shadow:
0 0 6px rgba(255,255,255,0.55),
0 0 14px rgba(200,215,255,0.28);
margin:18px auto;
">
Der erste Glow ist ein weicher Weiß-Halo, der zweite ein sehr dezenter Nova-Blau-Schimmer ideal für ein helles, ruhiges Layout.
Ausrichtung mit align
align="right"
style="
float:right;
margin:0 0 18px 18px;
max-width:100%;
height:auto;
border-radius:10px;
border:1px solid rgba(0,0,0,0.06);
background:#ffffff;
padding:5px;
box-shadow:
0 0 6px rgba(255,255,255,0.55),
0 0 14px rgba(200,215,255,0.28);
"
align="left"
style="
float:left;
margin:0 18px 18px 0;
max-width:100%;
height:auto;
border-radius:10px;
border:1px solid rgba(0,0,0,0.06);
background:#ffffff;
padding:5px;
box-shadow:
0 0 6px rgba(255,255,255,0.55),
0 0 14px rgba(200,215,255,0.28);
"
Beispiel mit Klassen-Variante:

So könnte das resultierende HTML aussehen:
<img src="/images/sk_bilder/beispiel.png"
alt="Nova-Hell-Glow Beispiel"
class="nova-hell-glow">