Hallo, liebe Entwicklerfreunde! Heute möchte ich meine Gedanken und Erfahrungen mit Ihnen teilen, wenn es darum geht, wie wir unsere Websites aufbauen. Verwenden wir nur ein Theme mit vielen Funktionen oder nur einen Builder mit einem leeren Theme? Als Website-Entwickler, der häufig mit WordPress und Elementor arbeitet, möchte ich ein paar Gedanken dazu äußern, warum ich glaube, dass die zweite Variante die bessere ist.
Fertiges Design vs. leere Leinwand mit unbegrenzten Möglichkeiten
Beim Durchstöbern von Themes kann es passieren, dass uns ein Thema aufgrund seines Designs und der Vorstellung, dass wir uns nicht mit Designern beschäftigen müssen, sehr gut gefällt. Vielleicht gefallen uns auch einige seiner Funktionen, weil sie genau das sind, was wir brauchen. Oder weil das Theme kostenlos ist und über einige vorgefertigte Vorlagen verfügt, mit denen wir schnell eine Website einrichten können. Das klingt alles gut, aber jedes Thema hat seine Grenzen. Und mit der Zeit werden sie immer größer und schwieriger zu bewältigen.
Auf der anderen Seite erlaubt uns Elementor mit seiner „Theme Builder“-Funktionalität, zu tun, was wir wollen. Entwerfen Sie benutzerdefinierte Kopf- und Fußzeilen und Widgets. Entscheiden Sie, auf welchen Seiten ein Element erscheinen soll und auf welchen nicht (Benutzerdefinierte Anzeigebedingungen). Erstellen Sie dynamische Inhalte, die für Online-Shops, Listen-Websites und Blogs unerlässlich sind. Und all dies wird durch einen „Drag-and-Drop“-Ersteller erledigt.
Responsive Design leicht gemacht
Im Zeitalter von „Mobile-first everything“ ist die Reaktionsfähigkeit der Schlüssel. Elementor versteht dies und bietet eine intuitive Schnittstelle, die sicherstellt, dass Ihre Website auf jedem Gerät atemberaubend aussieht. Sie haben 100 % Kontrolle darüber, wie Ihre Website auf dem Handy, dem Tablet und dem Desktop aussieht.
Wenn Sie ein Thema verwenden, können Sie auf viele Hindernisse stoßen, wenn Sie Ihre Website mobilfreundlich gestalten. Die meisten Themes sind zwar mobilfreundlich, aber wenn Sie etwas ändern möchten, benötigen Sie mit Sicherheit benutzerdefiniertes CSS. Und das ist schwer, besonders für einen Anfänger.
Maßgeschneiderte Leistung
Viele fortgeschrittene Entwickler werden sagen, dass Elementor einen schweren DOM-Baum (alle HTML-Elemente innerhalb einer Seite – Titel, Text, Bilder usw.) erzeugt, der eine Website verlangsamt. Das stimmt, aber wenn Sie Ihre Seiten verantwortungsbewusst aufbauen, sind die Auswirkungen auf die Geschwindigkeit der Website nicht groß. Mit fast jedem Update führt Elementor neue Leistungsverbesserungen ein, die die Geschwindigkeit Ihrer Website erhöhen.
Wenn Sie ein vorgefertigtes Thema verwenden, nehmen Sie, was Sie bekommen. Wenn das Thema viele Skripte laden muss, um zu funktionieren, können Sie sie nicht stoppen, oder zumindest wird es nicht einfach sein, und Sie müssen einen Fachmann bezahlen, um Ihnen zu helfen.
Zukunftssicherheit für Ihre Website
WordPress-Updates und Kompatibilitätsprobleme bei Themes – kommt Ihnen das bekannt vor? Elementor ist bereits ein großes Unternehmen, das mehr und mehr Dienstleistungen anbietet und ständig an der Verbesserung seiner Produkte arbeitet. Ein wichtiger Indikator ist ihre Facebook-Community (>146k Nutzer) und ihr YouTube-Kanal, der voller Tutorials ist. Ein weiterer Vorteil ist die unendliche Quelle an Informationen von anderen Youtube-Entwicklern, die zeigen, was man damit machen kann.
All dies ermöglicht es Ihnen, Ihre Website ohne großen Aufwand auf dem neuesten Stand zu halten.
Ein Theme hingegen schränkt Sie ein, und wenn Sie zusätzliche Funktionen hinzufügen möchten, müssen Sie weitere Plugins installieren. Wir haben gesehen, wie Kunden Plugins installiert haben, um ein Telefonsymbol in der unteren rechten Ecke der Website zu erhalten. Oder ein Plugin, um eine obere Leiste zu erstellen, die zum Beispiel einen Hinweis auf kostenlosen Versand enthält. Und das ist völlig unnötig.
Zusammenfassung
Während vorgefertigte Themes in den Herzen von Anfängern ihren Platz haben, überlässt Elementor Ihnen die Blaupause des Architekten und lässt Sie Ihre Traum-Website bauen. Also, liebe Entwickler, nutzen Sie die kreative Freiheit, und investieren Sie in das Erlernen der Funktionsweise von Buildern, damit Sie nicht auf Themes von Drittanbietern angewiesen sind.
Eine Fallstudie mit CarHunters.bg
Lassen Sie uns nun über ein Beispiel aus der Praxis sprechen – CarHunters.bg. Als wir mit dem Aufbau der Website begannen, schien ein vorgefertigtes Theme eine gute Wahl zu sein. Es wurde speziell für ein Autohaus entwickelt. Als sich das Unternehmen jedoch weiterentwickelte, stießen wir auf Hindernisse. Die 24-stündige Wartezeit auf den Themensupport und der Umgang mit unnötigem Ballast wurden zur Norm.
Eines Tages bat uns der Kunde, einen neuen Bereich auf der Homepage einzufügen – eine Reihe mit den Logos der CarHunters-Partner. Es hat einfach nicht funktioniert. Und da wurde uns klar, dass ein Wandel unvermeidlich war.
Die Entscheidung, sich zu befreien
Nachdem wir dieses Thema eine Zeit lang ertragen hatten, beschlossen wir, dass es Zeit für eine Veränderung war. Das Warten auf den Support und der Kampf mit unnötigem Theme-Bloat verlangsamten uns, und was noch wichtiger war: Die Zufriedenheit unserer Kunden stand auf dem Spiel. Die Umwandlung wurde mit Elementor, CPT (Custom Post Types) und ACF Pro (Advanced Custom Fields) durchgeführt.
Mit Elementor, CPT und ACF die Freiheit nutzen
Elementor ermöglichte uns ein uneingeschränktes Design, während CPT und ACF uns die Möglichkeit gaben, benutzerdefinierte Post-Typen und Felder zu erstellen, die auf die sich entwickelnden Bedürfnisse von CarHunters.bg zugeschnitten sind.
Vorbei sind die Zeiten, in denen man auf Theme-Support warten oder sich mit unnötigen Funktionen herumschlagen musste. Heute entwickeln und optimieren wir nach Belieben und erfüllen die Bedürfnisse unserer Kunden in Echtzeit. Das Hinzufügen von benutzerdefinierten Beitragstypen wie „Autos zum Verkauf“ und „Auktionsfahrzeuge“, die wöchentlich aktualisiert werden, ist ein Kinderspiel geworden.
Im Wesentlichen hat das Trio Elementor, CPT und ACF unsere Website-Entwicklungserfahrung umgedreht. Wir sind nicht mehr an thematische Beschränkungen gebunden, und unser Kunde wird sich in nächster Zeit nicht nach einem anderen Entwickler umsehen.
Zum Mitnehmen
Wenn Sie lernen, Themes mit Elementor selbst zu erstellen, können Sie Ihre Fähigkeiten ausbauen und mit der Zeit komplexere Websites erstellen. Sowohl in Bezug auf die Funktionalität als auch auf das Design.
Zum Wohl!
Quellen
Dieser Artikel wurde ausschließlich aufgrund der Erfahrungen des Autors erstellt. Ai wurde verwendet, um die Struktur zu erstellen. Die erwähnte Fallstudie ist echt und die überprüfte Website ist live.
In dem Beitrag erwähnte Tools
Elementor – https://elementor.com/
CPT (Custom Post Type) – https://wordpress.org/plugins/custom-post-type-ui/
ACF (Erweiterte benutzerdefinierte Felder) – https://www.advancedcustomfields.com/