Designer-Hilfe, jede Seite
Diese Seite listet jede Seite der Designer-Hilfe auf, Abschnitt für Abschnitt. Neu hier? Beginnen Sie mit Designer: hier beginnen.
Inhalt
Theme-Design
Designs, Siteaccesses, die Kaskade, CSS und JavaScript, Barrierefreiheit, dunkler Modus, rechts nach links, CSP, Performance, Layouts, Tutorials und Checklisten.
- Was ein Design ist
- Designs und Siteaccesses
- Die Design-Kaskade
- Design-Erweiterungen
- Der Aufbau des Design-Verzeichnisses
- Das Pagelayout
- Variablen des Pagelayouts
- Ein Ausgangs-Theme wählen
- Die Themes, die mit Exponential geliefert werden
- Ein Rundgang durch das Theme media
- Ein Rundgang durch das Theme simple
- Ein Rundgang durch das Theme starter
- Ein Rundgang durch das Theme super
- Das Design ezwebin als Grundlage
- Admin-Designs im Überblick
- Ein Design auf einem Siteaccess in der Vorschau ansehen
- Ein Design debuggen
- Designs in einer Multisite-Installation
- Design-Glossar
- Stylesheets laden
- JavaScript laden
- Die Operatoren ezcss und ezscript
- Der Packer
- Der Packer-Cache und Deploys
- Keine Versionsabfragen an Asset-Links
- Bilder in einem Design
- Bildaliase
- Schriften in einem Design
- Symbole in einem Design
- SVG-Bilder
- jQuery in Designs
- Favicons und Touch-Icons
- Druck-Stylesheets
- Responsives Design
- Breakpoints und Containerbreiten
- Testen bei Zoomstufen
- Barrierefreiheit: Grundlagen für Themes
- Farbkontrast
- Tastatur und Fokus
- Landmarks und Überschriften
- Skip-Links
- Barrierefreie Formulare
- Reduzierte Bewegung
- Dunkler Modus im Überblick
- Design-Token
- Dunkler Modus mit prefers-color-scheme
- Der Theme-Umschalter und der Schutz vor dem ersten Zeichnen
- admin4-Token
- admin4-Komponenten
- admin4-Modul-Stylesheets
- Der Test der Admin-Gestaltungsregeln
- Designs für rechts nach links
- Logische CSS-Eigenschaften
- CSP-sicheres Design
- Kein Inline-CSS
- Kein Inline-JavaScript
- Externe Ressourcen und CDNs
- Caching für Designer
- Performance von Themes
- Bild-Performance
- CLS und LCP messen
- Layouts für Designer
- Layouttypen und Zonen
- Blockdefinitionen
- Block-Ansichtstemplates
- Gemeinsame Layouts und verknüpfte Zonen
- Layout-Regeln
- Layout-Blöcke gestalten
- Tutorial: eine Theme-Erweiterung anlegen
- Tutorial: eine Vollansicht überschreiben
- Tutorial: eine Landingpage mit Layouts bauen
- Tutorial: einen dunklen Modus hinzufügen
- Tutorial: ein Theme internationalisieren
- Tutorial: ein Theme für rechts nach links
- Tutorial: ein statisches HTML-Design portieren
- Tutorial: zwei Websites, zwei Designs
- Tutorial: ein Admin-Modul-Stylesheet hinzufügen
- Checkliste: Start eines Themes
- Checkliste: Barrierefreiheit
- Checkliste: Performance
- Checkliste: CSP
- Checkliste: dunkler Modus
- Checkliste: rechts nach links
- Checkliste: Code-Review für Templates
Templates
Die Template-Sprache, Operatoren und Funktionen, Inhalte holen, View-Modi, Overrides und Debugging.
- Templates im Überblick
- TPL-Syntax: Grundlagen
- Variablen und def
- Attribute und Punktnotation
- If und Bedingungen
- Foreach-Schleifen
- While- und do-Schleifen
- For-Schleifen
- Switch und case
- Include
- Section (veraltet)
- Set-block und append-block
- Cache-Block
- Run-once
- Literal und Begrenzer
- Kommentare
- Operatoren im Überblick
- Zeichenketten-Operatoren
- Array-Operatoren
- Logik- und Vergleichsoperatoren
- Mathematische Operatoren
- cond und first_set
- Wash und Maskierung
- URL-Operatoren
- Der Operator i18n
- Datum, Zahlen und l10n
- Der Operator ezini
- Der Operator ezhttp
- Rollen- und Richtlinienoperatoren
- PHP-Zeichenkettenfunktionen als Operatoren
- Template-Operatoren von ezjscore
- Operatorreferenz
- Funktionsreferenz
- Template-Styleguide
- Häufige Template-Fehler
- Template-Texte übersetzen
- Fetch-Grundlagen
- Knoten und Listen abrufen
- Fetch-Filter und Sortierung
- Fetch-Leistung
- Knoten, Objekte und Attribute
- attribute_view_gui
- content_view_gui
- node_view_gui
- Ansichtstemplates von Datentypen
- Bearbeitungstemplates von Datentypen
- Ansichtsmodi
- Vollansicht
- Zeilenansicht
- Embed-Ansicht
- Embed-Inline-Ansicht
- Eigene Ansichtsmodi
- Knoten-Templates nach Klasse
- Override-Grundlagen
- Override-Match-Schlüssel
- Override-Reihenfolge
- Einen einzelnen Knoten überschreiben
- Override nach Sektion
- Override nach Elternknoten
- Rich-Text-Templates
- Templates für Custom Tags
- Die persistent variable
- Module result und content info
- Menüs und Navigation
- Brotkrumennavigation
- Seitenumbruch
- Suchergebnis-Template
- Benutzer- und Anmelde-Templates
- Formulare in Templates
- Schaltflächen zum Bearbeiten, Entfernen und Anlegen auf der Website
- Eigene Bearbeitungstemplates
- Alternative Layouts (Druck, Popup und eigene)
- Fehler-Templates
- Template-Debugging
- Template-Pfadkommentare
- Der Template-Editor
- Template-Kompilierung und Cache
- Ein Layout in Templates abrufen
Theme-Erweiterungen
Metadaten, Einstellungen, Paketierung und die RAD-Assistenten für Theme-Erweiterungen.
- Theme-Erweiterungen: hier beginnen
- Was eine Theme-Erweiterung ist
- Ihre Theme-Erweiterung benennen
- Die Ordnerstruktur einer Theme-Erweiterung
- ezinfo.php: was die Seite Über liest
- extension.xml: die paketierte Beschreibung
- Alle Versionsfelder synchron halten
- Copyright- und Autorenzeilen
- Die LICENSE-Datei eines Themes
- Das README eines Themes schreiben
- INSTALL.md und CHANGELOG.md
- Registering the design: DesignExtensions[]
- Die Design-Einstellungen, die ein Theme mitliefert
- Einstellungsdateien in einer Erweiterung
- Siteaccess-Einstellungen in einem Theme
- Einem Theme eine eigene Einstellungsdatei geben
- Ein Theme aktivieren: ActiveExtensions und ActiveAccessExtensions
- Ladereihenfolge und welches Theme gewinnt
- Abhängigkeiten in extension.xml deklarieren
- Template-Operatoren in einem Theme
- Übersetzungen in einem Theme
- Der share-Ordner: Demobilder, Dateien und Startdaten
- Inhaltsklassen-Pakete mit einem Theme mitliefern
- Der Design-Erweiterungs-Assistent (Setup > RAD)
- Die Teile des Design-Assistenten, einer nach dem anderen
- Das Ergebnis des Assistenten als ZIP herunterladen
- Vom Ergebnis des Assistenten zum ersten Commit
- Ein Theme unter Git stellen
- Eine .gitignore für Themes
- composer.json für ein Theme
- Der Composer-Installer und der Ordnername der Erweiterung
- require und suggest: wovon ein Theme abhängt
- Eine Composer-Installation vor der Veröffentlichung testen
- Was ein Exponential-Paket (.ezpkg) ist
- Das Seitenstil-Paket
- Eine Erweiterung als Paket exportieren
- Die Geheimnisprüfung, bevor eine Erweiterung paketiert wird
- Der Paketerstellungs-Assistent Schritt für Schritt
- Eine Lizenz im Paket-Assistenten wählen
- Klassische XML- und JSON-Pakete
- Exportieren und importieren mit ezpm
- Ein Paket vor dem Weitergeben prüfen
- Ihr Paket auf einer Testseite installieren
- Composer-Paket oder .ezpkg: was Sie ausliefern
- Checkliste: Die Theme-Erweiterung ist bereit
- Fehlersuche bei Theme-Erweiterungen
Verteilung
Repositorys, Versionen, Veröffentlichungen, Packagist, Lizenzen und das Veröffentlichen eines Themes.
- Ein Theme veröffentlichen: hier beginnen
- Wählen, wo veröffentlicht wird
- Das GitHub-Repository anlegen
- Repository-Name, Beschreibung und Topics
- Ein README, das erklärt und verkauft
- Der erste Push und der Standard-Branch
- Eine Versionsnummer wählen
- Nach .9 kommt .10: Nur die letzte Stelle zählt
- Tags richtig sortieren
- Prüfen, was schon veröffentlicht ist
- Die Version vor dem Tag erhöhen
- Annotierte Tags
- Ein gepushter Tag ist endgültig
- GitHub-Releases
- Release Notes schreiben
- Wenn ein Release schiefgeht
- Changelog-Einträge: Added, Updated, Removed, Renamed, Fixed
- Eine CHANGELOG.md führen
- Ein Theme bei Packagist einreichen
- Packagist automatisch aktuell halten
- Packagist zeigt eine alte Version
- Versionsbedingungen Ihrer Nutzer
- Datei-Prüfsummen (share/filelist.md5)
- Lizenzwahl: ein Überblick
- Die GPL für Theme-Code
- Die GFDL für Theme-Dokumentation
- Creative Commons für Bilder und Grafiken
- Schriften, Icons und Bibliotheken Dritter
- Kommerzielle Bedingungen neben der GPL
- Copyright-Hinweise in Dateien
- Screenshots für ein Theme
- Screenshot-Checkliste
- Eine Demo-Website betreiben
- Demo-Inhalte für ein Theme
- Ein Theme auf projects.exponential.earth eintragen
- Ein Theme auf share.exponential.earth ankündigen
- Ein Theme auf eZpedia dokumentieren
- Issue-Tracker und Support-Kanal
- Eine Sicherheitsrichtlinie für ein Theme
- Checkliste: vor der Veröffentlichung
Verkauf
Themes und Dienstleistungen rund um sie verkaufen.
- Themes und Dienstleistungen verkaufen: hier beginnen
- Was Sie rund um ein Theme verkaufen können
- Die GPL und der Verkauf: was erlaubt ist
- Was Käufer erhalten
- Lizenzmodelle als Optionen
- Bilder und Schriften unter eigenen Lizenzen
- Preismodelle als Optionen
- Preise für ein individuelles Theme-Projekt
- Theme-Arbeit schätzen
- Support-Angebote
- Support-Stufen gestalten
- Reaktionszeiten und Zusagen
- Wartungsabonnements
- Updates an zahlende Kunden liefern
- Dienstleistungen für individuelle Themes
- Anpassung und White-Label-Arbeit
- Schulungen und Workshops
- Wo Exponential-Themes heute zu finden sind
- Über die eigene Website verkaufen
- Die Produktseite eines Themes schreiben
- Demos, die verkaufen
- Verträge und Bedingungen
- Gewährleistung und Haftung
- Erstattungsrichtlinien als Optionen
- Steuern und Rechnungen
- Namen und Marken
- Zusammenarbeit mit Agenturen und Partnern
- Ein Open-Source-Theme finanzieren
- Kundendaten und Datenschutz
- Checkliste: bereit zum Verkauf
Lebenszyklus der Pflege
Kompatibilität, Upgrades, Sicherheit, Abkündigung, Ende der Lebensdauer und Forks.
- Der Lebenszyklus der Wartung: hier beginnen
- Der Lebenszyklus eines Themes
- Eine Support-Richtlinie für Ihr Theme
- Releases von Exponential verfolgen
- Ein Changelog als Designer lesen
- Eine Kompatibilitätsmatrix
- PHP-Versionskompatibilität
- Kompatibilität angeben
- Eine Upgrade-Testumgebung
- Upgrade-Test Schritt für Schritt
- Ihre Overrides mit den Standard-Templates vergleichen
- JavaScript-Bibliotheken aktualisieren (jQuery 4, kein YUI)
- Inline-Skripte und -Styles entfernen
- Eine Prüfung der Barrierefreiheit bei jedem Release
- Eine CSP-Prüfung bei jedem Release
- Visuelle Regressionsprüfungen: hell, dunkel, Zoom
- Eine Leistungsprüfung bei jedem Release
- Sicherheitskorrekturen in Themes
- Sicherheitsmeldungen bearbeiten
- Ein Sicherheitsrelease veröffentlichen
- Abhängigkeiten aktuell halten
- Eine Abkündigungsrichtlinie
- Eine Einstellung oder ein Template abkündigen
- Inkompatible Änderungen und die nächste Major-Version
- Lebensende
- Das Lebensende ankündigen
- Ein Repository archivieren
- Ein Theme an einen neuen Betreuer übergeben
- Das Repository und das Packagist-Paket übertragen
- Ein verwaistes Theme übernehmen
- Ein Theme forken
- Einen Fork fair umbenennen
- Danksagungen und Namensnennung
- An Upstream zurückgeben
- Pull-Requests an fremde Themes
- Einen Fork synchron halten
- Ein Wartungskalender
- Checkliste: ein Wartungszyklus
Verwandte Seiten
- Designer: hier beginnen
- Freie Dokumentation: Diese Seite darf unter der GNU FDL 1.3 frei kopiert, übersetzt und verbessert werden.
Werden Sie Exponential-Partner
Partner teilen ihre Informationen, stellen Mittel bereit, geben Beiträge zurück und entwickeln die Produkte mit uns, und so wächst Exponential. Eine Partner-Website und ein Dashboard sind für Mitte 2027 geplant: Werden Sie noch heute Partner, damit wir schneller wachsen und neue Funktionen früher liefern.