Accessibility Inspector
Der Accessibility Inspector analysiert den tatsächlich gerenderten DOM der geladenen Live-Vorschau.
Kategorie
OJ LayoutStudio
242 Artikel
Themen entdecken
Unterkategorien
Erste SchritteInstallation, Voraussetzungen und die ersten Arbeitsschritte mit OJ LayoutStudio 1.0.0.
8 Artikel
LayoutsLayouts anlegen, verwalten, veröffentlichen, priorisieren und über Revisionen absichern.
9 Artikel
Layout-ZuweisungenFestlegen, wann ein bestimmtes Layout verwendet wird – von Artikeln und Kategorien bis zu Custom Fields.
14 Artikel
Visual BuilderDen visuellen Struktur-Builder sicher bedienen und Layouts aus Struktur-, Inhalts- und HTML-Elementen aufbauen.
13 Artikel
Joomla-Daten & Custom FieldsJoomla-Daten und Custom Fields gezielt in Layouts verwenden und verständlich ausgeben.
13 Artikel
SichtbarkeitsbedingungenEinzelne Layout-Elemente abhängig von Joomla-Daten mit UND-, ODER- und NICHT-Regeln ein- oder ausblenden.
13 Artikel
Responsive Design & GestaltungLayouts für Desktop, Tablet und Mobilgeräte optimieren und mit Design-Tokens konsistent gestalten.
17 Artikel
Wiederverwendbare BausteineGlobale Bausteine, Template-Blöcke, Presets, Varianten und deren Abhängigkeiten verwalten.
9 Artikel
Listen, Filter & dynamische InhalteListen mit sicheren Abfragen, Filtern, Sortierung, AJAX und dynamischer Navigation erweitern.
18 Artikel
Joomla Core IntegrationenDie unterstützten Joomla-Core-Bereiche und ihre Rolle in OJ LayoutStudio verstehen.
18 Artikel
FormulareKontakt- und Benutzerformulare gestalten, ohne Joomla-Versand, Validierung oder Sicherheitslogik zu ersetzen.
10 Artikel
Live-VorschauUngespeicherte Layouts in der echten Joomla-Frontend-Ausgabe prüfen und direkt mit dem Builder verbinden.
10 Artikel
BarrierefreiheitBarrierefreiheitsprobleme in der gerenderten Vorschau erkennen, einordnen und gezielt beheben.
12 Artikel
PerformanceRendering, Caches, Datenabfragen und Laufzeiten von LayoutStudio nachvollziehen.
10 Artikel
Diagnose & FehlersucheResolver, Kontext, Zuweisungen, Bedingungen und Adapter schreibgeschützt untersuchen und Fehler systematisch finden.
12 Artikel
KI-FunktionenOpenAI sicher konfigurieren und validierte Layoutvorschläge sowie KI-Analysen kontrolliert einsetzen.
14 Artikel
Layout-BibliothekLayouts und Bausteine als lokale Snapshots und Pakete wiederverwenden, inklusive Abhängigkeiten und ID-Remapping.
10 Artikel
Benutzerrechte & SicherheitJoomla-ACL, Zugriffsebenen, Sprache und sensible Funktionen von LayoutStudio sicher verwalten.
11 Artikel
Wartung & UpdatesLayoutStudio sicher aktualisieren, den Downgrade-Schutz verstehen und eine saubere Deinstallation durchführen.
9 Artikel
FAQ & ProblemlösungenTypische Probleme anhand klarer Prüfschritte selbst eingrenzen und beheben.
12 Artikel
Artikel
OJ LayoutStudio unterstützt Artikel als Joomla-Core-Integration. Die zugehörige Datenquelle bzw. der Kontext ist com_content.article / Einzelartikel.
Aufbau des Builders
Der Visual Builder besteht aus Elementpalette, Strukturbaum und Eigenschaftenbereich.
Bibliothek verwenden
Die Layout-Bibliothek speichert lokale Snapshots und Pakete innerhalb derselben Joomla-Installation.
Diagnose verwenden
Die Diagnose ist schreibgeschützt und simuliert einen Joomla-Kontext, um Layoutauflösung, Bedingungen und Adapter nachvollziehbar zu machen.
Erweiterte Datenabfragen
Die erweiterte Datenabfrage definiert für unterstützte Listenlayouts eine sichere feste Datenmenge mit Filtern, Sortierung, Limit und Offset.
Falsches Layout wird angezeigt
Dieser Artikel hilft dir, das Problem „Falsches Layout wird angezeigt“ systematisch einzugrenzen, ohne Einstellungen auf Verdacht zu verändern.
Grundlagen
Als Quellen stehen unter anderem Artikel-ID, Titel, Alias, Zugriffe, Kategorie, Autor, Featured, Tags, Custom Field, Benutzer, Benutzergruppen, Gast, Sprache, Datumswerte, Komponente, Layout-Kontext, Inhalts-ID und Menüpunkt zur Verfügung.
Grundlagen
Wiederverwendbare Bausteine speichern Layoutstrukturen zentral oder als Vorlage, damit häufige Muster nicht immer neu gebaut werden müssen.
Grundlagen der Zuweisungen
Zuweisungen bestimmen, ob ein Layout für einen konkreten Joomla-Aufruf als Kandidat gilt.
Installation
OJ LayoutStudio 1.0.0 wird als Joomla-Paket installiert. Das Paket enthält die Administrator-Komponente, die zentrale Layout-Engine sowie die benötigten Joomla-Plugins.
Joomla ACL
LayoutStudio verwendet die Joomla-ACL statt eines separaten Rechtesystems.
Joomla-Datenfelder verwenden
Datenfelder verbinden das Layout mit Werten der ausgewählten Joomla-Datenquelle. Welche Felder angeboten werden, hängt deshalb vom Layouttyp ab.
KI einrichten
KI-Funktionen sind optional und werden in den Komponentenoptionen bewusst aktiviert.
Kontaktformular-Builder
Der Kontaktformular-Builder steht für com_contact.contact bereit und ordnet das native Joomla-Kontaktformular.
Layouts erstellen
Ein neues Layout legt fest, wie eine bestimmte Joomla-Datenquelle dargestellt wird.
LayoutStudio aktualisieren
Updates werden über Joomla installiert und sollten gegen die Stable-Baseline geprüft werden.
Performance-Profiler
Der Performance-Profiler misst LayoutStudio im echten Joomla-Vorschaukontext.
Responsive Designer
Der Responsive Designer speichert Desktop als Basis und Tablet/Mobile als gezielte Overrides.
Vorschau öffnen
Die Live-Vorschau zeigt die echte Joomla-Frontend-Ausgabe des aktuellen Layoutstands.