Ein flexibles WordPress-System für individuelle Websites.
Inus ist ein selbst entwickeltes Multipurpose-Theme für WordPress, das durch ein eigenes Plugin mit zusätzlichen Gutenberg-Blöcken erweitert wird. Das Zusammenspiel beider Komponenten ermöglicht eine flexible Gestaltung moderner Websites – von klassischen Unternehmensseiten bis hin zu individuellen Landingpages und Portfolio-Websites.
Ein Theme, viele Möglichkeiten
Das Inus-Theme bildet die gestalterische und technische Grundlage des Systems. Es wurde so konzipiert, dass sich unterschiedliche Website-Konzepte mit einer gemeinsamen Basis umsetzen lassen.
Neben responsiven Layouts und den wichtigsten WordPress-Vorlagen bietet das Theme zahlreiche Möglichkeiten zur individuellen Anpassung. Über den WordPress-Customizer lassen sich Farben und Schriftkombinationen konfigurieren. Wiederverwendbare Layout-Patterns und Template-Parts erleichtern den Aufbau und sorgen für ein konsistentes Erscheinungsbild.
Die wichtigsten Funktionen:
- Responsives Layout für unterschiedliche Bildschirmgrößen
- Anpassbare Farben und Schriftkombinationen
- Unterstützung für eigene Logos und Navigationsmenüs
- Individuelle Header- und Footer-Layouts
- Wiederverwendbare Layout-Patterns
- Vorlagen für Seiten, Beiträge, Archive und weitere WordPress-Bereiche
Inus Blocks – Mehr Möglichkeiten im Gutenberg-Editor
Mit Inus Blocks erhält WordPress eine Erweiterung um eigens entwickelte Gutenberg-Blöcke. Das Plugin ergänzt den Standard-Editor um zusätzliche Gestaltungselemente, die speziell auf das Inus-Theme abgestimmt sind.
Dadurch lassen sich komplexe Seitenlayouts direkt im WordPress-Editor erstellen, ohne für jeden Abschnitt eigenen Code schreiben zu müssen.
Die verfügbaren Blöcke
Hero & Section Header
Gestaltung von Einstiegsbereichen und aussagekräftigen Abschnittsüberschriften.
Container & Grid
Strukturierung von Seiteninhalten und Aufbau flexibler Spaltenlayouts.
Card Grid & Icon Box
Darstellung von Leistungen, Funktionen und weiteren strukturierten Inhalten.
Track Record & Testimonial
Präsentation von Kennzahlen, Referenzen und Kundenstimmen.
CTA Banner
Hervorhebung von Handlungsaufforderungen und wichtigen Kontaktmöglichkeiten.
Post Grid & Portfolio
Darstellung von Beiträgen und Projekten in übersichtlichen Layouts.
Carousel & Carousel Slide
Aufbau horizontaler Inhaltsbereiche mit mehreren Slides.
Sticky Container
Erstellung von fixierten Inhaltsbereichen für spezielle Layouts.
Ein gemeinsames Designsystem
Ein wichtiger Bestandteil von Inus ist das Zusammenspiel zwischen Theme und Plugin. Beide Komponenten greifen auf ein gemeinsames Designsystem zurück.
Zentrale CSS-Variablen definieren unter anderem Farben für Hintergründe, Oberflächen, Texte, Akzente und Rahmen. Änderungen an den Theme-Einstellungen können dadurch auch von den Inus-Blocks übernommen werden.
Ergänzend dazu definiert die WordPress-theme.json grundlegende Designvorgaben wie Inhaltsbreiten, Abstände, Schriftgrößen und Farbpaletten. So entsteht eine einheitliche Gestaltungsgrundlage für den Website-Aufbau und die Bearbeitung im Gutenberg-Editor.
Modular entwickelt und erweiterbar
Auch die technische Architektur ist auf Erweiterbarkeit ausgelegt. Theme und Plugin sind bewusst voneinander getrennt und übernehmen jeweils klar definierte Aufgaben.
Das Theme kümmert sich um Layout, Vorlagen und die visuelle Grundlage. Inus Blocks erweitert den Editor um zusätzliche Funktionen und Gestaltungsmöglichkeiten.
Die einzelnen Gutenberg-Blöcke besitzen eigene Implementierungen und Metadaten. Gemeinsame Komponenten und Stile werden zentral verwaltet. Dadurch lässt sich das System gezielt erweitern, ohne bestehende Funktionen unnötig miteinander zu verknüpfen.
Technologie und Umsetzung
Bei der Entwicklung kommen die WordPress-eigenen Theme- und Block-Funktionen sowie moderne Frontend-Technologien zum Einsatz.
- WordPress – Content-Management-System und Grundlage
- PHP – Theme-Vorlagen und serverseitige Funktionen
- JavaScript – Interaktive Funktionen und Gutenberg-Integration
- CSS – Gestaltung und responsives Design
- Gutenberg – Blockbasierter Editor
- theme.json – Zentrale Editor- und Designkonfiguration
- npm – Verwaltung der Entwicklungsabhängigkeiten und Build-Prozess
Fazit
Mit Inus ist ein eigenes WordPress-System entstanden, das ein flexibles Theme mit einer darauf abgestimmten Sammlung individueller Gutenberg-Blöcke verbindet.
Das Projekt vereint Gestaltung, Frontend- und Backend-Entwicklung sowie die Konzeption einer modularen Softwarearchitektur. Es zeigt, wie sich die Möglichkeiten von WordPress gezielt erweitern lassen, um individuelle und wiederverwendbare Lösungen für unterschiedliche Website-Projekte zu schaffen.