Fügen Sie Rechner-Widgets zu Ihrer Joomla-Site in Artikeln oder als Module hinzu. Diese Anleitung behandelt beide Ansätze.
Schritt 1: Holen Sie Ihren Einbettungscode
- Gehen Sie zu unserem Widget-Generator
- Wählen Sie Ihren Rechnertyp, passen Sie Farben und Styling an Ihre Website an
- Kopieren Sie den generierten Einbettungscode aus dem Tab "HTML Einbetten"
Schritt 2: Zu einem Artikel hinzufügen
-
Artikel erstellen oder bearbeiten
Gehen Sie im Joomla-Admin zu Inhalt → Beiträge und erstellen Sie einen neuen Artikel oder bearbeiten Sie einen bestehenden.
-
Zur Code-Ansicht wechseln
Klicken Sie im Artikeleditor auf "Editor umschalten" oder die "< >"-Schaltfläche, um in den Raw-HTML-Modus zu wechseln.
-
Fügen Sie Ihren Einbettungscode ein
Fügen Sie den Einbettungscode dort ein, wo der Rechner in Ihrem Artikel erscheinen soll.
-
Speichern und anzeigen
Speichern Sie den Artikel und zeigen Sie ihn auf Ihrer Website an, um das Rechner-Widget zu sehen.
Alternative: Custom HTML-Modul verwenden
Um das Widget in einer Seitenleiste oder einer anderen Modulposition anzuzeigen:
- Gehen Sie zu Erweiterungen → Module → Neu
- Wählen Sie "Eigenes Modul" als Modultyp
- Geben Sie ihm einen Titel und legen Sie die Position fest, an der es erscheinen soll
- Wechseln Sie im Feld Benutzerdefinierte Ausgabe zur Code-Ansicht und fügen Sie Ihren Einbettungscode ein
- Setzen Sie "Inhalt vorbereiten" auf "Nein" und speichern Sie das Modul
Tipps
- Stellen Sie sicher, dass Ihr Editor keine iframes entfernt - überprüfen Sie die Editor-Einstellungen, wenn der Code verschwindet
- Für TinyMCE müssen Sie möglicherweise "iframe" zu den erweiterten gültigen Elementen in den Plugin-Einstellungen hinzufügen
- Das Widget passt seine Höhe automatisch an den Inhalt an, sodass Sie sich keine Sorgen um Scrollbalken machen müssen
Fehlerbehebung
Einige Editoren entfernen iframes aus Sicherheitsgründen. Fügen Sie in den TinyMCE-Einstellungen "iframe[src|width|height|frameborder|scrolling|style|title]" zu den erweiterten gültigen Elementen hinzu, oder verwenden Sie einen code-freundlichen Editor wie CodeMirror.
Stellen Sie sicher, dass der Einbettungscode korrekt eingefügt wurde und sowohl die iframe- als auch die Script-Tags enthält. Überprüfen Sie die Entwicklerkonsole Ihres Browsers auf Fehlermeldungen.