Komponenten. Standards. Struktur.

Hier findest du Standards, Layoutregeln und alle verfügbaren Komponenten inklusive Beispielen, Guidelines und technischen Hinweisen.

Interne Dokumentation

Inhalt

Components

Komponenten werden zentral und global auf bricks.hotbytes.rocks verwaltet und dort in Kategorien organisiert. Auf neuen WordPress-Seiten werden ausschließlich die wirklich benötigten Komponenten importiert und bewusst auf das Nötigste reduziert, um die Installation übersichtlich zu halten und die spätere Pflege für den Kunden zu vereinfachen.

Der Kunde hat nur Zugriff auf die importierten Komponenten und kann auch nur diese bearbeiten. Nicht importierte Komponenten stehen dem Kunden weder zur Auswahl noch zur Bearbeitung zur Verfügung.

Zu den Components

Templates

Templates werden ebenfalls zentral auf bricks.hotbytes.rocks gespeichert und als gemeinsame Grundlage für alle weiteren Seiten bereitgestellt. Dazu gehören insbesondere Header, Footer sowie Seitenlayouts.
Der Kunde kann Templates nicht selbst importieren oder verwalten. Das Importieren und Aktualisieren von Templates erfolgt ausschließlich durch uns, um Konsistenz, Stabilität und eine saubere technische Basis sicherzustellen.

Zu den Templates

Options

Auf der Optionsseite werden zentrale Variablen gepflegt, die global auf der gesamten Website verwendet werden (z. B. für wiederkehrende Inhalte und Kontaktdaten).
Das Styling wird über das Core Framework definiert und synchronisiert sich automatisch aus Figma, sodass Design-Vorgaben konsistent und aktuell bleiben.

Variable
Beschreibung
Firmenname
Offizieller Name des Unternehmens. Wird zentral im Footer sowie im Impressum ausgegeben.
Geschäftsführer
Name der vertretungsberechtigten Person (Geschäftsführung). Wird im Impressum angezeigt.
Straße
Straßenname und Hausnummer der Unternehmensadresse. Wird im Footer und in Kontakt-/Adress-Elementen verwendet.
PLZ
Postleitzahl der Unternehmensadresse. Wird im Footer, im Impressum sowie in Kontakt-/Adress-Elementen ausgegeben.
Stadt
Ort der Unternehmensadresse. Wird im Footer, im Impressum sowie in Kontakt-/Adress-Elementen ausgegeben.
UmsatzsteuerID
Umsatzsteuer-Identifikationsnummer des Unternehmens. Wird im Impressum angezeigt.
E-Mail
Zentrale E-Mail-Adresse für Kontaktaufnahmen. Wird für Formulare, im Footer und in Kontakt-Elementen verwendet. Es muss eine gültige E-Mail-Adresse hinterlegt werden.
E-Mail-Link
Verlinkungsziel für die E-Mail-Adresse. Muss mit mailto: beginnen. Beispiel: mailto:mail@example.com.
Telefon
Zentrale Telefonnummer des Unternehmens. Wird im Impressum, im Footer und in Kontakt-Elementen ausgegeben.
Telefon-Link
Verlinkungsziel für Telefonanrufe. Muss mit tel: beginnen und darf keine Leerzeichen enthalten. Beispiel: tel:0162123456789
Fax
Faxnummer des Unternehmens. Wird im Impressum und im Footer angezeigt.
Öffnungszeiten
Offizielle Öffnungs- bzw. Erreichbarkeitszeiten. Werden im Footer ausgegeben.
 
 

Test

Auf der Optionsseite werden zentrale Variablen gepflegt, die global auf der gesamten Website verwendet werden (z. B. für wiederkehrende Inhalte und Kontaktdaten).
Das Styling wird über das Core Framework definiert und synchronisiert sich automatisch aus Figma, sodass Design-Vorgaben konsistent und aktuell bleiben.