Blog

  • Divi 5 im Einsatz

    Divi 5 im Einsatz

    Divi 5 im Einsatz: Die wichtigsten Vorteile für moderne Unternehmenswebseiten

    Fokus: Performance, Design-Freiheit, einfache Pflege und zukunftssichere Technik für Unternehmen

    Divi gehört seit Jahren zu den beliebtesten WordPress-Themes für Unternehmenswebseiten. Mit Divi 5 wurden unter der Haube viele Bereiche modernisiert, optimiert und auf die Anforderungen moderner Websites zugeschnitten: bessere Performance, stabilere Technik und ein deutlich verbessertes Bearbeitungs-Erlebnis.

    In diesem Beitrag zeige ich dir die wichtigsten Vorteile von Divi 5 für moderne Unternehmenswebseiten – und warum es sich lohnt, auf eine professionelle Divi-Umsetzung zu setzen, statt auf Standard-Themes oder Baukastensysteme.

    1. Mehr Performance: Schneller, schlanker, moderner

    Eine der größten Baustellen vieler WordPress-Seiten ist die Ladezeit. Divi 5 setzt genau hier an und wurde technisch deutlich optimiert. Das ist besonders wichtig, weil Google, Core Web Vitals und die Nutzererfahrung heute eine zentrale Rolle spielen.

    Vorteile von Divi 5 in Sachen Performance:

    • Schlankere Codebasis mit weniger Ballast
    • Besseres Caching-Verhalten und effizientere Ausgabe der Inhalte
    • Optimierte Assets – Scripts und Styles werden gezielter geladen

    In der Praxis heißt das: schnellere Ladezeiten, bessere Core Web Vitals und ein spürbar flüssigeres Arbeiten im Backend und Frontend.

    2. Moderner Visual Builder: Inhalte direkt auf der Seite bearbeiten

    Divi ist bekannt für seinen Visual Builder – also das direkte Bearbeiten von Inhalten auf der Seite selbst. Mit Divi 5 wurde dieses Erlebnis noch einmal verbessert: schneller, stabiler und intuitiver.

    Das ist besonders für Unternehmen interessant, die ihre Inhalte selbst pflegen möchten:

    • Texte, Bilder und Buttons lassen sich per Klick direkt auf der Seite ändern.
    • Design-Anpassungen können visuell vorgenommen werden, ohne Code zu schreiben.
    • Änderungen sind sofort sichtbar – ideal, um Layouts fein abzustimmen.

    So können auch Mitarbeiter ohne technisches Wissen Inhalte aktualisieren, ohne Angst zu haben, „etwas kaputt zu machen“.

    3. Design-Freiheit mit konsistentem Erscheinungsbild

    Moderne Unternehmenswebseiten brauchen ein starkes, wiedererkennbares Design, das sich dennoch flexibel an verschiedene Inhalte anpassen lässt. Genau hier spielt Divi 5 seine Stärken aus.

    Wichtige Punkte:

    • Globale Farben und Stile: Einmal definieren, überall konsistent nutzen.
    • Design-Presets: Überschriften, Buttons, Boxen etc. haben wiederverwendbare Stile.
    • Individuelle Layouts: Startseite, Leistungsseiten, Blog, Kontakt – alles im Corporate Design.

    Dadurch wirkt die Website in sich geschlossen, professionell und „wie aus einem Guss“ – ein wichtiger Faktor für Vertrauen und Markenwirkung.

    4. Theme Builder: Einheitliche Vorlagen für alle Inhalte

    Mit dem Divi Theme Builder lassen sich Layouts nicht nur für einzelne Seiten, sondern für ganze Bereiche der Website definieren:

    • globale Header und Footer,
    • Blog-Layouts,
    • Archivseiten und Kategorien,
    • individuelle Layouts für bestimmte Seitentypen oder Post-Typen.

    Das bedeutet:

    • Einmal ein Layout anlegen – auf allen relevanten Seiten verwenden.
    • Designänderungen müssen nur an einer Stelle vorgenommen werden.
    • Neue Seiten sind sofort im richtigen Design, ohne alles manuell nachbauen zu müssen.

    Für Unternehmen bringt das maximale Konsistenz und spart gleichzeitig enorm viel Zeit bei der Pflege und Erweiterung der Website.

    5. Verbesserte Struktur für Entwickler & Agenturen

    Divi 5 ist nicht nur für Endanwender interessanter geworden, sondern auch für Entwickler und Agenturen, die professionelle Projekte umsetzen.

    Vorteile aus Entwicklersicht:

    • Aufgeräumtere Codebasis und moderne Architektur
    • Stabilere Grundlage für eigene Anpassungen (Child Theme, Custom CSS, Hooks)
    • Bessere Voraussetzungen für Performance-Optimierung und saubere Umsetzungen

    Das führt dazu, dass sich maßgeschneiderte Lösungen sauberer, nachhaltiger und effizienter realisieren lassen – gerade bei anspruchsvolleren Unternehmenswebseiten.

    6. Mobile-Optimierung: Saubere Darstellung auf allen Geräten

    2025 kommen die meisten Website-Besucher über Smartphone oder Tablet. Divi 5 bietet hier sehr feine Einstellungsmöglichkeiten, um Inhalte auf verschiedenen Bildschirmgrößen perfekt darzustellen.

    Beispiele:

    • Individuelle Einstellungen für Desktop, Tablet und Smartphone
    • Anpassbare Schriftgrößen, Abstände und Reihenfolgen pro Gerät
    • Elemente können auf bestimmten Geräten ein- oder ausgeblendet werden

    So lässt sich sicherstellen, dass die Unternehmenswebsite auf dem großen Monitor genauso gut funktioniert wie unterwegs auf dem Handy.

    7. Kompatibel mit modernen Marketing-Workflows

    Eine moderne Unternehmenswebsite ist heute mehr als nur eine digitale Visitenkarte. Sie ist häufig eingebunden in:

    • Newsletter-Marketing,
    • Landingpages für Kampagnen,
    • Online-Terminbuchungen,
    • oder kleine E-Commerce-Lösungen.

    Divi 5 spielt hier gut zusammen mit gängigen Plugins und Tools – etwa für:

    • Kontakt- und Lead-Formulare,
    • Newsletter-Anmeldungen,
    • Booking-Lösungen,
    • oder WooCommerce für kleinere Shops.

    So lässt sich die Website zu einem aktiven Baustein im Marketing machen, statt nur eine statische Infoseite zu bleiben.

    8. Zukunftssicherheit: Regelmäßige Updates & starke Community

    Divi wird seit vielen Jahren aktiv weiterentwickelt, und Divi 5 ist ein wichtiger technischer Meilenstein. Unternehmen profitieren davon, dass:

    • Sicherheitsupdates und Verbesserungen regelmäßig erscheinen,
    • neue Features hinzukommen,
    • eine große Community und viele Ressourcen (Dokumentation, Tutorials) existieren.

    Das gibt Planungssicherheit – ein entscheidender Punkt, wenn eine Website nicht nur ein „Nebenbei-Projekt“, sondern ein wichtiger Teil der Unternehmenskommunikation ist.

    Für welche Unternehmen eignet sich Divi 5 besonders?

    Divi 5 ist ideal, wenn dein Unternehmen:

    • eine professionelle Außendarstellung braucht,
    • regelmäßig Inhalte aktualisieren möchte (z. B. News, Referenzen, Projekte),
    • mit einer modernen, performanten Website bei Kunden punkten will,
    • und auf eine zukunftsfähige Basis setzen möchte, statt alle paar Jahre neu anzufangen.

    In Verbindung mit einer sauber geplanten Struktur, klaren Inhalten und einem individuellen Design wird Divi 5 zur starken Grundlage für deine Online-Präsenz.

    Fazit: Divi 5 als starke Basis für moderne Unternehmenswebseiten

    Mit Divi 5 hat sich das Theme spürbar weiterentwickelt – insbesondere in Bezug auf Performance, Stabilität und Bedienbarkeit. Für Unternehmen bedeutet das:

    • eine moderne, schnelle Website,
    • flexible Gestaltung im Corporate Design,
    • einfache Pflege durch den Visual Builder,
    • und eine solide technische Basis, die mitwächst.

    Wer 2025 eine professionelle WordPress-Unternehmensseite plant, findet in Divi 5 eine sehr leistungsfähige und zukunftssichere Lösung – vorausgesetzt, sie wird sauber eingerichtet und an die Anforderungen des Unternehmens angepasst.

    Wie ich Divi 5 für dein Unternehmen einsetze

    Ich unterstütze Unternehmen dabei, mit Divi 5 professionelle, performante und einfach zu pflegende Webseiten aufzubauen. Dazu gehören unter anderem:

    • Konzeption von Struktur und Inhalten,
    • Entwicklung eines individuellen Designs im Unternehmenslook,
    • saubere technische Umsetzung mit Fokus auf Performance & SEO,
    • und eine kurze Einführung, damit du Inhalte selbst bearbeiten kannst.

    Möchtest du deine bestehende Divi-Seite modernisieren oder eine neue Unternehmenswebsite mit Divi 5 umsetzen?
    Melde dich gerne für ein unverbindliches Gespräch – ich zeige dir, welche Möglichkeiten Divi 5 für dein Unternehmen bietet.

  • WordPress vs. Baukasten – was ist 2025 die bessere Wahl für Unternehmer?

    WordPress vs. Baukasten – was ist 2025 die bessere Wahl für Unternehmer?

    WordPress vs. Baukasten – was ist 2025 die bessere Wahl für Unternehmer?

    Fokus: Flexibilität, Kosten, Unabhängigkeit und Zukunftssicherheit für kleine Unternehmen

    Wer 2025 eine neue Website für sein Unternehmen plant, steht oft vor derselben Frage: WordPress oder Website-Baukasten? Anbieter wie Wix, Jimdo oder IONOS versprechen „Website in wenigen Minuten“, während WordPress als flexible, aber komplexere Lösung gilt.

    In diesem Beitrag schauen wir uns an, wo die Unterschiede liegen, für wen sich welche Lösung eignet und warum WordPress für viele Unternehmen langfristig die bessere Wahl ist – insbesondere, wenn es um Professionalität, Wachstum und Kontrolle geht.

    Was ist ein Website-Baukasten?

    Ein Website-Baukasten ist eine Rundum-Lösung, bei der du Hosting, Design und Technik aus einer Hand bekommst. Du loggst dich online ein, wählst ein Design, passt Texte und Bilder an – fertig.

    Typische Merkmale:

    • Vorgefertigte Designs und Inhalte
    • Drag-and-Drop-Editor im Browser
    • Monatliche oder jährliche Abo-Kosten
    • Kaum technisches Wissen nötig

    Das klingt zunächst ideal – besonders, wenn man „einfach nur schnell eine Website“ haben möchte. Aber genau hier liegen auch die Grenzen.

    Was ist WordPress?

    WordPress ist ein Content-Management-System (CMS), das auf einem eigenen Webspace installiert wird. Es ist extrem verbreitet und bildet die Grundlage für einen großen Teil der professionellen Unternehmenswebseiten.

    Typische Merkmale:

    • Open Source – keine Lizenzkosten für die Software
    • Tausende Themes (Designs) und Plugins (Funktionen)
    • Sehr flexibel und erweiterbar
    • Benötigt zu Beginn etwas mehr Einrichtung und Konfiguration

    In Kombination mit einem professionellen Theme und einem erfahrenen Webentwickler wird WordPress zu einer maßgeschneiderten Lösung für dein Unternehmen.

    Direkter Vergleich: WordPress vs. Baukasten (Stand 2025)

    Kriterium Baukasten WordPress
    Start & Bedienung Sehr einfach, richtet sich an Einsteiger Benötigt Einrichtung, dafür professioneller Aufbau möglich
    Design-Freiheit Begrenzt auf Vorlagen und Optionen des Anbieters Nahezu frei gestaltbar, individuell anpassbar
    Funktionen & Erweiterungen Begrenzt, abhängig vom Tarif Enorme Auswahl an Plugins, individuell erweiterbar
    SEO & Performance Basis-SEO, technische Optimierung oft eingeschränkt Gezielte SEO-Optimierung, Core Web Vitals, Caching etc. möglich
    Unabhängigkeit An Anbieter gebunden, Umzug schwierig Volle Kontrolle über Hosting, Daten & Technik
    Kosten Monatliche Abos, Zusatzfunktionen oft Aufpreis Einmalige Einrichtung + laufende Hostingkosten
    Wachstum & Skalierbarkeit Für einfache Seiten okay, bei Wachstum oft am Limit Ideal für Websites, die mit dem Unternehmen mitwachsen

    Vorteile eines Baukastens – und wo die Grenzen liegen

    Ein Baukasten kann für bestimmte Situationen durchaus sinnvoll sein:

    • für sehr kleine Projekte mit wenigen Seiten,
    • wenn es nur um eine Übergangs- oder Testseite geht,
    • wenn Budget und Zeit extrem knapp sind.

    Die Vorteile:

    • Schneller Start ohne technisches Wissen
    • Optisch ansprechende Vorlagen
    • Alles in einem System (Hosting, Editor, Support)

    Die Grenzen zeigen sich jedoch meist dann, wenn die Website mehr sein soll als eine digitale Visitenkarte:

    • Individuelle Funktionen sind oft gar nicht oder nur mit Aufpreis möglich.
    • SEO-Einstellungen sind eingeschränkt.
    • Ein späterer Umzug weg vom Anbieter ist meist aufwendig oder unmöglich.

    Für Unternehmer, die langfristig planen, kann ein Baukasten deshalb schnell zur Sackgasse werden.

    Vorteile von WordPress für Unternehmer

    WordPress spielt seine Stärken besonders dann aus, wenn eine Website:

    • professionell auftreten soll,
    • in Suchmaschinen gefunden werden muss,
    • wachsen und sich weiterentwickeln darf,
    • oder in Zukunft Funktionen wie Blog, Buchung, Shop, Mitgliederbereich erhalten soll.

    Die wichtigsten Vorteile:

    • Flexibilität: Webseiten vom Onepager bis zur komplexen Unternehmensseite oder zum Online-Shop sind möglich.
    • SEO-Potenzial: Saubere Struktur, erweiterbare SEO-Funktionen und technische Optimierung sorgen für gute Grundlagen im Google-Ranking.
    • Unabhängigkeit: Wechsel des Hostings, Design-Anpassungen oder Relaunch sind jederzeit möglich, ohne an einen Anbieter fix gebunden zu sein.
    • Erweiterbarkeit: Neue Funktionen können jederzeit ergänzt werden, ohne die Seite neu aufzubauen.

    Kosten: Was ist wirklich günstiger?

    Auf den ersten Blick wirken Baukästen günstiger, da sie oft mit kleinen monatlichen Beträgen werben. Rechnet man aber über mehrere Jahre und berücksichtigt Funktionsbeschränkungen und Wechselkosten, dreht sich das Bild häufig.

    Bei WordPress investierst du in:

    • professionelle Einrichtung & Design,
    • laufendes Hosting,
    • ggf. Wartung & Support.

    Dafür erhältst du eine Website, die dir gehört, mit der du langfristig arbeiten und wachsen kannst und die nicht vom Abo-Modell eines Anbieters abhängig ist.

    Sichtbarkeit 2025: Warum SEO und Performance entscheidend sind

    Egal ob WordPress oder Baukasten – 2025 gilt: Wer online nicht sichtbar ist, wird kaum neue Kunden gewinnen.

    WordPress bietet dir hier in der Regel deutlich bessere Möglichkeiten:

    • Gezielte Optimierung der Ladezeit (Caching, Bildkompression, sauberes Theme)
    • SEO-Plugins für Titel, Beschreibungen, strukturierte Daten usw.
    • Saubere Überschriftenstruktur und interne Verlinkung

    Baukästen sind zwar komfortabel, aber oft technisch „geschlossen“ – Tiefenoptimierungen sind nur im Rahmen dessen möglich, was der Anbieter erlaubt.

    Für wen eignet sich welche Lösung?

    Baukasten eignet sich eher für dich, wenn…

    • du eine kleine, einfache Seite ohne besondere Anforderungen brauchst,
    • du alles selbst machen möchtest,
    • Design und Technik für dich zweitrangig sind,
    • du die Website eher als Übergangslösung siehst.

    WordPress eignet sich eher für dich, wenn…

    • die Website ein wichtiger Baustein deiner Kundengewinnung ist,
    • du professionell auftreten möchtest,
    • du in Google & Co. gefunden werden willst,
    • du eine zukunftssichere, erweiterbare Lösung suchst.

    Fazit: Was ist 2025 die bessere Wahl für Unternehmer?

    Für reine „Visitenkarten-Seiten“, die kaum geändert werden und keine besondere Sichtbarkeit benötigen, kann ein Baukasten ausreichend sein.

    Für die meisten Unternehmer, die ihr Geschäft aktiv online präsentieren, Kunden gewinnen und sich professionell positionieren wollen, ist WordPress jedoch in der Regel die deutlich bessere und langfristig sinnvollere Lösung.

    Besonders in Kombination mit einem erfahrenen Webentwickler wird aus WordPress kein Baukasten, sondern eine maßgeschneiderte Online-Präsenz, die genau zu deinem Unternehmen passt.

    Wie ich dich bei der Entscheidung unterstützen kann

    Du bist unsicher, ob für dein Unternehmen eher ein Baukasten oder WordPress sinnvoll ist? Gemeinsam schauen wir uns an:

    • welche Ziele du mit de
  • Warum professionelle Websites 2025 wichtiger sind denn je – 7 Gründe für kleine Unternehmen

    Warum professionelle Websites 2025 wichtiger sind denn je – 7 Gründe für kleine Unternehmen

    Warum professionelle Websites 2025 wichtiger sind denn je – 7 Gründe für kleine Unternehmen

    Fokus: Mobile, Performance, Vertrauen, Google-Ranking

    2025 reicht es nicht mehr, „irgendwie“ im Internet auffindbar zu sein. Viele kleine Unternehmen haben zwar eine Webseite – aber oft ist sie langsam, veraltet, nicht mobiloptimiert oder wirkt unseriös. Das Ergebnis: Potenzielle Kundinnen und Kunden springen ab, bevor sie überhaupt Kontakt aufnehmen.

    In diesem Beitrag zeige ich dir, warum eine professionell umgesetzte Website für kleine Unternehmen heute wichtiger ist denn je und welche 7 Gründe dabei eine zentrale Rolle spielen.

    1. Mobile First: Deine Kunden sind unterwegs online

    Der Großteil der Nutzer ist mittlerweile mit dem Smartphone im Internet unterwegs. Wenn deine Website auf dem Handy nur schwer lesbar ist, ständig gezoomt werden muss oder Buttons zu klein sind, verlierst du Interessenten in Sekunden.

    Eine professionelle Website ist daher:

    • Responsiv – sie passt sich automatisch an Handy, Tablet und Desktop an.
    • Gut lesbar – klare Typografie, ausreichend Kontrast, sinnvolle Abstände.
    • Benutzerfreundlich – Menü, Kontaktbutton, Telefonnummer & Öffnungszeiten sind sofort auffindbar.

    Kurz gesagt: Wer mobil nicht überzeugt, wird 2025 online nicht gewonnen.

    2. Performance: Geschwindigkeit entscheidet über Anfragen

    Niemand wartet mehr auf langsame Webseiten. Wenn deine Seite mehrere Sekunden lädt, wird sie einfach geschlossen. Das betrifft nicht nur die Nutzer, sondern auch dein Ranking bei Google.

    Professionelle Websites setzen auf:

    • Optimierte Bilder (WebP, sinnvolle Größen, Lazy Loading)
    • Sauberen Code ohne unnötige Ballast-Plugins
    • Caching & moderne Serverkonfigurationen

    Das Ergebnis sind schnelle Ladezeiten, bessere Nutzererfahrung und mehr Anfragen.

    3. Vertrauen: Deine Website ist deine digitale Visitenkarte

    Wenn jemand dein Unternehmen noch nicht kennt, ist deine Website oft der erste Kontaktpunkt. Der Eindruck, den sie hinterlässt, entscheidet darüber, ob jemand dir zutraut, gute Arbeit zu leisten.

    Eine professionelle Website:

    • zeigt klare Leistungen und was du konkret anbietest,
    • präsentiert Referenzen und Kundenstimmen,
    • vermittelt über Design und Tonalität, wofür dein Unternehmen steht.

    So entsteht Vertrauen – und Vertrauen wird 2025 mehr denn je zum entscheidenden Faktor bei der Auftragsvergabe.

    4. Google-Ranking: Ohne Sichtbarkeit keine neuen Kunden

    Was nützt die schönste Website, wenn sie niemand findet? Gerade für kleine Unternehmen ist die lokale Sichtbarkeit bei Google entscheidend.

    Eine professionelle Website berücksichtigt bereits beim Aufbau:

    • Saubere Struktur mit klaren Überschriften (H1–H3) und sinnvollen Texten
    • OnPage-SEO wie Meta-Titel, Meta-Beschreibungen, Alt-Texte für Bilder
    • Technische Faktoren wie Ladezeit, mobile Optimierung und sichere Verbindung (HTTPS)

    So hast du die beste Basis, um bei Google für relevante Begriffe gefunden zu werden – insbesondere in deiner Region.

    5. Klarheit: Deine Website beantwortet die wichtigsten Fragen

    Menschen, die auf deiner Website landen, haben in der Regel ein klares Ziel: Sie wollen wissen, ob du ihnen helfen kannst – und wie sie dich erreichen.

    Eine gut strukturierte Website beantwortet deshalb schnell:

    • Wer bist du?
    • Was bietest du an?
    • Für wen arbeitest du?
    • Was kostet es ungefähr? (oder wie die Zusammenarbeit abläuft)
    • Wie kann man dich kontaktieren?

    Professionelles Webdesign sorgt dafür, dass Besucher nicht lange suchen müssen – und aus Besuchern werden leichter Kundinnen und Kunden.

    6. Sicherheit & Aktualität: Schutz für dich und deine Kunden

    Veraltete Websites sind ein Sicherheitsrisiko – für dich und deine Besucher. Hacker nutzen bekannte Lücken, Bots scannen das Netz nach alten Systemen, und unsichere Kontaktformulare können zum Problem werden.

    Professionelle Websites setzen auf:

    • Aktuelle Software (z. B. aktuelles WordPress, aktualisierte Plugins)
    • Regelmäßige Backups, damit im Notfall nichts verlorengeht
    • Sicherheitsmaßnahmen wie Spam-Schutz, Firewall-Regeln und HTTPS

    So schützt du deine Daten, die Daten deiner Kunden – und dein Geschäft.

    7. Professionalität & Positionierung: Du hebst dich von Mitbewerbern ab

    Viele kleine Unternehmen arbeiten noch mit Webseiten von „damals“, mit Baukastensystemen oder selbst gebastelten Lösungen. Das ist deine Chance: Mit einer modernen, professionellen Website stichst du aus der Masse hervor.

    Eine professionelle Website:

    • zeigt deine Expertise und Qualität,
    • unterstützt deine Marke durch ein stimmiges Design,
    • macht dir das Leben leichter – durch klare Strukturen, Formulare und Automatisierung.

    So wird deine Website zu einem aktiven Verkaufs- und Kommunikationskanal – und nicht nur zu einer digitalen Visitenkarte von gestern.

    Fazit: 2025 ist der richtige Zeitpunkt für eine professionelle Website

    Eine professionelle Website ist 2025 kein „Nice-to-have“ mehr, sondern ein entscheidender Baustein für den Erfolg deines Unternehmens. Sie sorgt für Sichtbarkeit, Vertrauen, mehr Anfragen und eine starke Positionierung gegenüber deinen Mitbewerbern.

    Wenn du merkst, dass deine aktuelle Website:

    • nicht mobiloptimiert ist,
    • langsam lädt,
    • nicht zu deinem Unternehmen passt oder
    • einfach in die Jahre gekommen ist,

    dann ist jetzt der richtige Zeitpunkt, über eine moderne, professionelle Lösung nachzudenken.

    Wie ich dich unterstützen kann

    Ich begleite kleine Unternehmen dabei, professionelle, schnelle und gut auffindbare Websites umzusetzen – von der ersten Idee bis zum fertigen Auftritt. Dabei achte ich besonders auf:

    • mobilfreundliches, sauberes Webdesign,
    • optimale Performance,
    • klar strukturierte Inhalte,
    • und eine solide technische Basis.

    Du möchtest deine Website in 2025 auf ein professionelles Niveau bringen?
    Schreib mir gerne eine Nachricht oder vereinbare ein unverbindliches Gespräch.

  • Die Entstehung der Projekt-Website zum Kölner Dom Artprojekt

    Die Entstehung der Projekt-Website zum Kölner Dom Artprojekt

    Die einzigartige Kunstreihe von Sascha-Bianca und Ingo Maas verdient eine Präsentation, die ihrer Qualität und Bedeutung gerecht wird. Als Entwickler der offiziellen Website zum Kölner Dom Artprojekt habe ich die Aufgabe übernommen, diese außergewöhnlichen Werke digital erlebbar zu machen – klar strukturiert, barrierearm und visuell kraftvoll.

    Ausgehend vom Einleitungstext der Werbeagentur Maas, der die historische, kulturelle und emotionale Bedeutung des Kölner Doms beschreibt, entstand ein Webauftritt, der die Kunstwerke in den Mittelpunkt stellt und gleichzeitig das Projekt als Ganzes erklärt.

    1. Briefing & Input durch die Werbeagentur Maas

    Der gesamte kreative Rahmen – Bildmaterial, Texte, Farbwünsche, gestalterische Leitlinien – wurde von der Werbeagentur Maas bereitgestellt. Auf Basis dieses Inputs wurden folgende Anforderungen definiert:

    • hochwertige, großformatige Darstellung der Kunstwerke
    • ruhiges, reduziertes Design ohne Ablenkung
    • klare inhaltliche Struktur: Projekt, Künstler, Galerie, Hintergrund
    • technische Grundlage für schnelle Ladezeiten trotz großer Formate
    • moderne, responsive Darstellung auf allen Geräten

    Gemeinsam mit der Agentur wurden Aufbau, Nutzerführung und Präsentationslogik abgestimmt.

    2. Technische Umsetzung & Designkonzept

    Performance & Bildoptimierung

    Da Kunstwerke hochwertige Bilddateien benötigen, lag ein Schwerpunkt auf Performance-Optimierung:

    • automatische Bildoptimierung
    • Verwendung moderner Formate wie WebP
    • Lazy Loading für effizientere Ladezeiten
    • Server-Caching und Komprimierung

    Responsives Layout

    Die Werke sollen auf Desktop groß wirken, aber auch auf Smartphones ihre Wirkung behalten. Dazu wurden flexible Grid-Layouts, skalierende Typografie und optimierte Weißräume umgesetzt.

    Klarer, zeitloser Look

    Um den Kunstwerken Raum zu geben, setzt die Seite auf eine ruhige Farbpalette, klare Typografie und einen reduzierten, modernen Aufbau.

    3. Struktur & Nutzerführung

    Die Website wurde in drei zentrale Bereiche unterteilt:

    Projektvorstellung

    Einführungstext der Werbeagentur Maas über die Bedeutung des Kölner Doms und die künstlerische Herangehensweise.

    Künstlerporträt

    Vorstellung von Sascha-Bianca und Ingo Maas sowie ihres Ansatzes, sich intensiv dem Dom als Motiv zu widmen.

    Galerie / Kunstwerke

    Der visuelle Kern der Seite: großformatige Präsentationen der über 40 Kunstwerke, mit Bildtiteln, optionalen Details und einem klaren, ruhigen Bildfokus.

    4. Zusammenarbeit & Abstimmungsprozesse

    Die Entwicklung erfolgte in enger Abstimmung mit der Werbeagentur Maas. Dazu gehörten regelmäßige Feedback-Runden, das Ausbalancieren zwischen Design und Technik sowie die Optimierung für verschiedene Bildschirmgrößen.

    5. Ergebnis: Eine moderne Plattform für ein einzigartiges Kunstprojekt

    Ziel war es, die intensiven Werke von Sascha-Bianca und Ingo Maas digital so zu präsentieren, dass sie ihre volle Wirkung entfalten können. Die entstandene Website verbindet technische Präzision, modernes Webdesign und klare Struktur mit der künstlerischen Handschrift der Werbeagentur Maas.

    Mit diesem digitalen Rahmen erhält das Kölner Dom Artprojekt eine Präsentation, die der künstlerischen Tiefe und Vielfalt des Projekts gerecht wird.

  • Wie du ein Team-Verzeichnis mit Divi 5’s Loop Builder erstellst

    Wie du ein Team-Verzeichnis mit Divi 5’s Loop Builder erstellst

    Mit der Loop Builder-Funktion in Divi 5 kannst du ganz einfach ein responsives Grid erstellen — und das mit der kostenlosen Version von Advanced Custom Fields (ACF). In diesem Beitrag zeigen wir dir, wie du ACF konfigurierst, CSS Grid einrichtest und den Loop Builder nutzt, um ein Team-Portfolio-Grid in weit unter einer Stunde zu bauen.

    Inhaltsverzeichnis

    Was ist Loop Builder?

    Der Loop Builder von Divi 5 ist ein Feature, mit dem du dynamische, wiederholbare Layouts direkt im Visual Builder oder Theme Builder erstellen kannst. Damit umgehst du die Einschränkungen von Divis standardmäßigen Blog- und Portfolio-Modulen. Im Gegensatz zu traditionellen Modulen bietet der Loop Builder volle Kontrolle über Abfragen (Queries) und Designs — und das für nahezu jeden Inhaltstyp.

    Du kannst Beiträge (Posts), Begriffe (Terms), Nutzer (Users) oder Custom Post Types durchlaufen — z. B. Projekte oder, wie in diesem Tutorial, Team-Mitglieder — und dynamische Daten mühelos einbinden. Style dabei nur eine Karte (Card) im Loop: Alle weiteren Elemente übernehmen automatisch dieses Design, was dir stundenlange manuelle Anpassungen spart. Durch die Einbindung von Flexbox und CSS Grid kannst du auch fortgeschrittene Layouts wie Masonry-Grids oder Karussells (z. B. mit dem Group Carousel Modul) umsetzen — für perfekt symmetrische Arrangements.

    Der Loop Builder funktioniert sowohl auf einer normalen Seite im Visual Builder als auch global im Theme Builder — ideal für skalierbare und wartbare Websites.

    Wie du ein Team-Verzeichnis mit Loop Builder baust

    In diesem Tutorial erstellen wir einen Custom Post Type für Team-Mitglieder mit der kostenlosen Version von ACF. Im Folgenden führen wir Schritt für Schritt durch die Einrichtung von ACF — inklusive Post Type, Feldgruppe und Custom Fields — sowie durch den eigentlichen Loop. Am Ende weißt du, wie man ein vollständig responsives Team-Verzeichnis erstellt, das du auf jeder Divi-Website einsetzen kannst.

    Schritt 1: ACF konfigurieren

    1. Installiere und aktiviere das Plugin Advanced Custom Fields (ACF) auf deiner Divi-Website.
    2. Gehe zu ACF → Post Types und klicke auf + Add Post Type, um einen neuen Post Type anzulegen:
      • Plural Label: Teams
      • Singular Label: Team Member
      • Post Type Key: team_member
      • Taxonomies: Category
      • Vergewissere dich, dass Public aktiviert ist.
    3. Aktiviere unter Erweiterte Konfiguration (Advanced Configuration) im General-Tab folgende Optionen: Featured Image, Titel, Editor, Auszug (Excerpt) und Custom Fields.
    4. Klicke auf Save Changes. Der neue Post Type sollte danach in der linken Toolbar erscheinen.
    5. Erstelle jetzt eine neue Feldgruppe: Gehe zu ACF → Field Groups → + Add Field Group und nenne sie z. B. Team Member Details. Unter Settings wähle als Regel: Post Type → is equal to → Team Member. Speichern.
    6. Lege nun die Custom Fields an. Beispielhafte Felder könnten sein:
    7. Feld LabelFeld NameFeld Typ
      Position / Titleposition_titleText
      Biomember_bioText Area
      Email Addressmember_emailEmail
      Phone Numbermember_phoneText
      LinkedIn URLlinkedin_urlURL
      Facebook URLfacebook_urlURL
      Instagram URLinstagram_urlURL
    8. Nach dem Anlegen aller Felder: Save Changes.
    9. Erstelle anschließend den ersten Team-Mitglied Eintrag: Team Members → Add New Team Member. Vergib hier Titel und ein Featured Image und fülle die Custom Fields mit den entsprechenden Informationen aus.
    10. Wiederhole diesen Schritt für alle Team-Mitglieder, die du in deinem Verzeichnis haben willst.

    Schritt 2: Den Loop erstellen

    1. Erstelle eine neue Seite in Divi oder öffne eine bestehende — z. B. deine „Über uns“-Seite.
    2. Füge eine neue Flex-Row mit einer einzigen Spalte hinzu.
    3. Öffne die Einstellungen der Row, öffne das Elemente-Menü und klicke das Edit-Icon der Column.
    4. Gehe in das Loop-Menü und aktiviere Loop Element.
    5. Belasse bei „Query Type“ die Einstellung Post Type und wähle bei „Post Type“ deinen zuvor angelegten Custom Post Type (Team Member).
    6. Wenn du willst, kannst du über „Only Include Posts With Specific Terms“ bestimmte Kategorien auswählen — z. B. nur bestimmte Teams.
    7. Lege bei „Posts Per Page“ z. B. 12 fest (oder eine andere Zahl — je nachdem, wie viele Mitglieder du zeigen willst).
    8. Wechsle anschließend zum Design-Tab der Row: Setze das Layout auf Grid, definiere z. B. 20 px vertikalen und horizontalen Abstand (Gap) und wähle z. B. 3 Spalten (Columns).

    Schritt 3: Spalte gestalten (Styling)

    Nun kannst du die Spalte, die den Inhalt enthält, gestalten:

    • Innerhalb der Column → Design → Spacing: z. B. 25 px Padding auf allen Seiten.
    • Im Border-Menü: 20 px Border-Radius, 1 px Border-Width und als Farbe z. B. #cfcfcf.
    • Im Hintergrund (Background): Farbe #ffffff setzen.

    Schritt 4: Inhalt zur Spalte hinzufügen

    1. Füge innerhalb der Column ein Image Module hinzu.
    2. Klicke auf das Dynamic Content Icon und wähle Loop Featured Image. Style das Bild nach Wunsch.
    3. Füge ein Heading Module hinzu und setze den dynamischen Inhalt auf Loop Post Title (für den Namen des Team-Mitglieds).
    4. Füge ein weiteres Heading Module hinzu und wähle als dynamischen Inhalt ein Custom Field — z. B. Position / Title.
    5. Füge ein Text Module hinzu, wähle bei Dynamic Content ein Custom Field, z. B. die Bio des Mitglieds.
    6. Um Social Icons oder Kontaktinfos hinzuzufügen: Füge eine Nested Row (geschachtelte Zeile) mit mehreren Spalten hinzu — z. B. 5-Spalten-Row für unterschiedliche Icons/Links.
    7. Im Nested Row → Design: z. B. Horizontal Gap 10 px, Align Items auf Center setzen.
    8. In jede Spalte der Nested Row: Füge ein Icon Module hinzu, z. B. ein E-Mail-Icon, und weise mit Dynamic Content das passende Custom Field zu (z. B. E-Mail-Adresse, LinkedIn, Social-Profile etc.).
    9. Du kannst Icon-Module kopieren und nur Icon und dynamisches Feld anpassen, um schnell mehrere Icons zu platzieren.
    10. Optional: Passe das vertikale Spacing an, und setze ggf. in der Row-Einstellung „Justify Content“ auf „Space Between“, damit die Karten gleichmäßig verteilt sind.
    11. Speichere am Ende das Layout im Visual Builder.

    Schritt 5: Layout für kleine Bildschirme anpassen

    Letzter Schritt: Sorge dafür, dass dein Team-Verzeichnis auf mobilen Geräten gut aussieht. Mit Divi 5 kannst du bis zu 7 Breakpoints aktivieren:

    1. Öffne das Drei-Punkte Menü oben im Visual Builder und aktiviere die gewünschten Breakpoints.
    2. Speicher das Layout.
    3. Du kannst auch mit dem Responsive Editor auf Section-, Row-, Column- oder Modulebene arbeiten — um z. B. Anzahl der Spalten, Spaltenbreite (Column Span) oder andere Einstellungen je Gerätetyp anzupassen.
    4. Insbesondere: Passe für kleinere Geräte die Anzahl der Columns an, ändere ggf. Spaltenbreite, Abstände, Padding etc., damit alles schön responsiv bleibt.

    Nutze den Divi 5 Loop Builder noch heute!

    Mit dem Loop Builder reicht eine einmalige Einrichtung — und du kannst unendlich viele Use-Cases wie Team-Verzeichnisse, Portfolios, Testimonials, Produktlisten etc. realisieren. Tausche einfach Post Types aus, ändere Abfragen (Queries) oder re-use Layouts auf deiner gesamten Seite. Dein Team-Verzeichnis ist damit professionell, responsiv und leicht aktualisierbar — perfekt für wachsende Teams.

    Viel Spaß beim Ausprobieren!

  • Wie man ein interaktives Inhaltsenthüllungs-Karussell mit Divi 5 erstellt

    Wie man ein interaktives Inhaltsenthüllungs-Karussell mit Divi 5 erstellt

    Zwei der neuesten Funktionen von Divi 5, Interaktionen und das Gruppenkarussell-Modul, bieten eine Möglichkeit, interaktive, gleitende Karussells zu erstellen, mit denen Sie Produkte, Teammitglieder, Testimonials oder alles, was Sie sich vorstellen können, präsentieren können. In diesem Beitrag zeigen wir Ihnen, wie Sie ein interaktives Inhaltsenthüllungs-Karussell erstellen, das diese beiden Funktionen kombiniert, um die Interaktion zu steigern, […]

    Der Beitrag Wie man ein interaktives Inhaltsenthüllungs-Karussell mit Divi 5 erstellt erschien zuerst auf Elegant Themes Blog.