Hello vs. Astra - Welches WordPress Theme soll ich mit Elementor Theme Builder verwenden?
WPC - Dein WordPress Blog

Astra vs. Hello: Welches Theme soll ich mit Elementor Theme Builder verwenden?

Astra Theme oder Hello Theme? Welches WordPress Theme ist die beste Wahl für den Elementor Theme Builder?

Der Artikel über die besten Elementor Themes gehört zu den beliebtesten Beiträgen hier auf dem WPC Blog. Elementor User, die ihn gelesen haben, stellen sich aber schon die nächsten Fragen: Welches WordPress Theme sollte ich verwenden, wenn ich mich entschieden habe, meine komplette Website mit dem Elementor Theme Builder aufzubauen? Ist das Hello Theme von Elementor für diesen Einsatz wirklich die beste Wahl?

Vermutlich weißt du schon, dass man mit dem Theme Builder von Elementor die kompletten Website Elemente inklusive Header und Footer sowie alle Unterseiten inklusive Blog-, Archiv- und 404-Seiten komplett selbst erstellen und stylen kann. Deshalb ist die Frage durchaus berechtigt, warum man eigentlich noch ein WordPress Theme benötigt? Oder besser gesagt: Welche Rolle spielt überhaupt noch das WordPress Theme? Denn am WordPress Konzept, dass man ein Theme aktivieren muss, hat sich auch in Zeiten von Elementor nichts geändert.

Doch welches Theme ist der ideale Begleiter für den Elementor Theme Builder? Aus meiner Sicht kommen hier nur zwei Themes in Frage: Astra und Hello. Beide Themes haben ihre Vorteile. Die Entscheidung für das Hello Theme liegt nahe, da es aus dem gleichen Hause wie Elementor stammt und daher wahrscheinlich die höchste Kompatibilität gewährleistet. In diesem Beitrag möchte ich dir aber zeigen, dass es auch sinnvoll sein kann, ein qualitativ hochwertiges Theme, wie z. B. das Astra mit dem Elementor Theme Builder zu verwenden.

(*) = Affiliate Partner Links

Astra vs. Hello: Welches Theme sollte ich mit dem Elementor Theme Builder verwenden?

Folgende Fragen solltest du dir stellen, um dich zwischen Astra und Hello zu entscheiden. Astra steht hier stellvertretend für erstklassige Themes. Wie du meinem Elementor Themes Beitrag entnehmen kannst, sind vergleichbare Alternativen: OceanWP, GeneratePress oder das Page Builder Framework. Doch das Astra Theme ist aus meiner Sicht die Nummer 1.

1. Willst du bei allen Seiten von Null anfangen?

In der Regel hat man mit der Erstellung der einzelnen statischen Unterseiten, wie Home, Kontakt, Über Uns, Unsere Leistungen etc. alle Hände voll zu tun. Hast du darüber hinaus noch die Zeit und Lust die Blog Seite, die Beitragseinzelansicht, die Archivseite, die 404- und die Suchergebnisseite komplett neu zu stylen?

Wenn deine Antwort „Ja“ lautet, spricht nichts gegen die Verwendung von Hello. Sollte das Gegenteil der Fall sein, wäre das Astra Theme die bessere Wahl, denn dort sind diese Seiten bereits in einem ansprechenden Design vorhanden. Manchmal möchte man aber auch nur das Design der Beiträge mittels eines Single Post Templates anpassen aber die anderen „Theme Builder“-Seiten, die seltener aufgerufen werden, wie die 404- oder die Suchergebnisseite gar nicht anfassen. Was uns zu der nächsten Frage führt:

2. Wie flexibel willst du sein?

Beim Astra Theme kann man alle Seiten mit Elementor Pro stylen, beim Hello Theme muss man alle Seiten mit Elementor Pro stylen. Der Unterschied ist nur ein kleines Wort und doch bietet dir der Einsatz des Astra Themes hohe Flexibilität. Nicht jeder von uns ist ein begnadeter Designer. Wenn das selbst erstellte Elementor Design nicht besser ist als das Astra Design, kann man jederzeit das Theme die Arbeit machen lassen und nur im Customizer die eigenen Farben und Schriftarten hinzufügen.

Ein weiteres Argument, was häufig für Hello in Kombination mit Elementor Pro spricht, ist das Stylen und das konditionelle Einblenden von Header und Footer. Die Custom Layout Settings von Astra Pro* erlauben es dir, genauso wie die „Conditions“ von Elementor Pro, Display Regeln für Header und Footer zu hinterlegen. So wie beim Elementor Theme Builder lassen sich damit verschiedene Kopf- und Fußzeilen erstellen und abhängig von der aufgerufenen Unterseite anzeigen. Darüber hinaus bietet dir Astra Pro sogar die Möglichkeit, diese Funktion auszuschalten, falls du doch die Elementor Funktion verwenden möchtest. Du bleibst also flexibel.

Diese Flexibilität ist z. B. auch wichtig, wenn du feststellst, dass deine Website bei einem Performance Test nicht gut abschneidet. Hast du diesen Übergang bemerkt 😉

3. Wie wichtig ist dir eine gute Performance deiner Seite?

Auch dieses Thema wird in meinem Beitrag „die besten Elementor Themes“ analysiert. Dort bin ich detailliert auf den Performance Verlust eingegangen, der entsteht, wenn man beim Hello Theme den Header und Footer hinzufügt. Du könntest jetzt natürlich sagen, wenn man beim Astra Theme den Header und Footer mit Elementor Pro stylt, hat man sogar ein noch schlechteres Performance Ergebnis.

Ja, das stimmt. Ich habe jedoch die Wahl: Ich könnte z. B. nur den Header mit Elementor Pro designen und für den Footer das Astra Design übernehmen. Damit würde sich meine Website schneller laden als beim Hello Theme und das ohne erhebliche Einbussen am Design.

Elementor Theme Astra Performance Test Nummer 1
Astra – der Performance Sieger unter den Elementor Themes

4. Willst du globales Styling jetzt schon nutzen?

Es ist, glaube ich, kein großes Geheimnis mehr, dass Elementor seit einiger Zeit bereits an den globalen Styles arbeitet und diese mit den kommenden Releases ausgerollt werden. Bis es soweit ist, lassen sich mit einem gut-programmierten Theme die globalen Styles bereits jetzt schon umsetzen. Dafür kannst du einfach das Styling unter den Elementor Einstellungen deaktivieren und die Styles über den Customizer steuern.

Elementor Einstellungen Standard Farben und Schriftarten deaktivieren
Elementor Einstellungen: Standard Farben und Schriftarten deaktivieren

Mit der Pro Version des Astra Themes* hast du natürlich viel mehr Möglichkeiten, dein individuelles Design umzusetzen und zentral über den Customizer zu steuern.

5. Willst du eine gute SEO-Basis haben?

Gute WordPress Themes fügen automatisch das Schema Markup an die passenden Stellen im Quellcode ein. Damit legst du eine gute SEO-Basis für deine Website. Das Astra Theme fügt beispielsweise folgende strukturierte Daten zu deiner Webseite hinzu:

  • Für die Person in der Autor-Bibliographie auf Blog Seiten
  • Für die Organisation im Titel und Logo der Seite
  • Für die einzelnen Elemente deiner Seite (Header, Footer, Seitenleiste, Menü etc.)
  • Für die Brotkrümmel-Navigation (nur mit Astra Pro)

6. Kennst du dich ein wenig mit Code aus?

Eigentlich musst du dich gar nicht mit Code auskennen. Ein wenig Copy & Paste reicht vollkommen aus, um dir bei einem tollen Theme einige Plugins zu ersparen und deine Seite damit schlank zu halten. Du solltest nur keine Abneigung davor haben, die WordPress Dateien zu bearbeiten. Die Rede ist hier von den WordPress Hooks. Das sind vordefinierte Stellen im Theme, an die man den eigenen Quellcode einsetzen kann. Themes wie Astra und OceanWP bieten dir die Möglichkeit, an vielen verschiedenen Stellen innerhalb einer Webseite „einzuhaken“.

Ein Beispiel: Viele WordPress User benutzen für die Integration von Google Analytics ein Plugin. Welche Problematik die Plugin-Methode mit sich bringt, habe ich in meinem Beitrag Google Analytics Integration mit und ohne Plugin erklärt. Die dafür vorgesehenen Plugins verwenden dafür einen Hook, den jedes WordPress Theme besitzt – entweder den „wp_head“ oder den „wp_footer“-Hook. Damit wird der Google Analytics Code entweder in den Header oder in den Footer eingesetzt. Beide Varianten sind nicht komplett falsch, es ist jedoch nicht die Stelle, die von Google empfohlen wird, wie du ebenfalls in dem referenzierten Beitrag nachlesen kannst. Mit einem gut programmierten WordPress Theme, wie dem Astra Theme, kannst du den Google Analytics Tracking Code bequem per Hook und ohne Plugin an die richtige Stelle einsetzen. Dafür kannst du einen der beiden von Astra zur Verfügung gestellten Hooks „astra_header_after“ oder „astra_content_before“ verwenden.

Astra macht es dir sogar noch einfacher und bietet dir das kostenlose Plugin Astra Hooks an, damit du nicht einmal die WordPress Dateien mit einem Text-Editor bearbeiten musst. Wenn du allerdings nur ein oder zwei Hooks verwenden möchtest, würde ich an deiner Stelle auf das zusätzliche Plugin verzichten und den Custom-Code einfach in die functions.php Datei deines Child Themes einfügen.

Hier ist das Beispiel für die Integration von Google Analytics Code mit Hilfe eines Astra Hooks:

// Google Analytics Code zum astra_content_before() Hook hinzufügen
add_action( 'astra_content_before', 'meine_eigene_funktion' );
function meine_eigene_funktion() { ?>
      Hier den Google Analytics Code eingeben!
<?php }

7. Verwendest du Plugins wie LearnDash, LifterLMS oder WooCommerce?

Das tolle an WordPress ist, dass sich jede Website fast beliebig erweitern lässt. So kann aus einem einfachen Blog eine Mitgliederseite oder ein Online Shop entstehen. Möglich machen das die zahlreichen WordPress Plugins. Eine gute Integration gerade von größeren Plugins ist jedoch das A und O, um Konflikte zu vermeiden und um einen nahtlosen Design-Übergang zu gewährleisten. Das Astra Theme bietet eine reibungslose Integration mit dem führenden E-Commerce Plugin WooCommerce sowie mit den LMS-Plugins wie LearnDash und LifterLMS. Damit lässt sich z. B. das Layout und die Funktionen der Checkout Seite von WooCommerce bequem über den Customizer steuern.

Fazit

Ich habe zwar versucht, diesen Artikel so gut es geht objektiv zu schreiben, du hast aber sicherlich schon bemerkt, welche Lösung ich favorisiere, wenn man mit dem Theme Builder arbeitet. Und das nicht nur, weil ich ein Affiliate Partner von Brainstorm Force (Macher von Astra) bin. Für mich ist die Flexibilität der größte Vorteil – ich kann, aber ich muss nicht. Beim Hello Theme bin ich leider gezwungen, alles selbst zu erstellen und zu stylen.

Das schöne an WordPress ist jedoch, dass man sich auch während des Design Prozesses noch umentscheiden kann. Wenn man mit einem Theme unzufrieden ist, kann man mit ein paar Klicks ein anderes aktivieren. Du solltest jedoch bedenken, dass ein Switch von Astra zu Hello wahrscheinlich mehr Nacharbeit erfordert als umgekehrt.

Interesse an Elementor PRO?
Wenn du mich und meine Arbeit unterstützen möchtest, würde ich mich sehr freuen, wenn du die PRO Version über den folgenden Affiliate Partner Link kaufen würdest. Ich danke dir für deine Unterstützung!
Vielen Dank fürs Teilen dieser Seite

12 Kommentare zu „Astra vs. Hello: Welches Theme soll ich mit Elementor Theme Builder verwenden?“

  1. S

    Hallo Danijel,

    super Artikel.

    Was ich mich immer Fragen, wenn ich Elementor nutze, wieso sollte ich noch das Astra Theme nutzen? Elementor bietet doch grundsätzlich schon alles (z. B. Templates für Beiträge, Seiten etc.). Wann macht es Sinn, noch ein anderes Theme zu nutzen wie Astra etc.

    Kannst du mir das kurz erläutern? Vielleicht sehe ich einfach den Wald für lauter Bäumen gerade nicht^^.

    VG

    1. D

      Hallo Sven,

      vielen Dank für dein nettes Feedback!

      Grundsätzlich gilt, dass man in WordPress immer ein Theme aktivieren muss. Ohne das WordPress Theme geht es leider nicht. Das was du schreibst trifft natürlich auf die Pro Version von Elementor zu. Denn mit der Pro Version lassen sich sogar die klassischen „Theme-Seiten“ wie 404, Suchergebnis-Seite, Einzelansichten der Beiträge und Archivseiten bearbeiten. Für alle User der kostenlosen Version von Elementor lassen sich diese Seite nicht mit dem Page Builder bearbeiten. Für diese User macht ein WordPress Theme schon etwas mehr Sinn.

      Doch selbst wenn man die Pro Version hat, heißt es nicht unbedingt, dass man wirklich alle Seiten mit Elementor stylen muss. Man kann, man muss aber nicht. Aus Performance-Gründen oder aus Zeit-Gründen kann es manchmal besser sein, einfach das Design des WordPress Themes für gewisse Seiten zu übernehmen.

      Schöne Grüße, Danijel

  2. R

    Hi Danijel,
    danke für den sehr ausführlichen Vergleich. Nun ist ja mit dem Header Builder noch ein weiteres spannedes Feature rausgekommen und ich tendiere zur Kombination Astra Pro + Elementor Pro. Allerdings möchte ich einen etwas umfangreicheren header bauen, der sich scheinbar nicht mit dem header builder realisieren lässt (zur Inspiration osb-i (dot) com).

    Daher meine Frage, entsteht mir denn irgendein Nachteil, wenn ich den Header via Custome Layout mittels Elementor Pro baue und diesen dann nutze? Bzw. wirkt sich das irgendwie auf den von dir beschriebenen Vorteil von Astra vs. hello Theme aus?
    Danke und beste Grüße
    René

    1. D

      Hallo René,

      meine Frage wäre: Warum möchtest du ein Custom Layout mit Elementor Pro erstellen und diesen dann als Header benutzen? Besser wäre es doch direkt mit Elementor Pro den Header zu erstellen. So einen Header von der Referenzseite nennt man Mega Menü. Diesen kannst du z. B. mit den Popups von Elementor Pro erstellen. In meinem Elementor Kurs findest du auch 2 Lektionen darüber, wie du ein Fullscreen Navigationsmenü erstellen kannst (Lektion 39 und 40). Nur in deinem Fall wäre es nicht Fullscreen aber das Prinzip ist dasselbe.

      Auch für so einen aufwendigen Header brauchst du nicht den Umweg über Astra zu gehen. Astra Header wäre von der Performance her zwar besser aber ich glaube nicht, dass man so ein Header-Design mit Astra (auch nicht mit dem neuen Header Builder) realisieren kann zumindest nicht so einfach wie mit Elementor Popups.

      Schöne Grüße, Danijel

      1. R

        Hallo Danijel,vielen Dank für deine Antwort. Meinst du also,ich sollte dann gleich mit dem Hello Theme weitermache? Ich fahre bisher eigentlich auch ganz gut mit Elementor Pro und auch dem hello Theme,allerdings hat mich dein Artikel hier wachgerüttelt. Warum möchte ich also den Umweg gehen, tatsächlich um mir die von dir benannten SEO-Nachteile (Schema Markup etc.) zu ersparen. Denn hier hört aktuell leider mein Coding-Wissen auf (auch wenn ich täglich dazu lerne),um das Hello Theme soweit auf den Stand zu bringen. Oder hast du dazu auch Tipps bzw. gibt es gute Seiten,wo ich mich dazu aufschlauen kann?
        Danke dir.
        Beste Grüße

        1. D

          Hallo René,
          ich würde sagen die SEO Nachteile bei Hello sind von den genannten Punkten aus dem Artikel von geringerer Bedeutung. Das kann ein gutes SEO Plugin gut ausgleichen. Ich würde dir übrigens Rank Math empfehlen. Dieses SEO Plugin macht einen guten Job gerade wenn es um Schema Markup geht. Die zwei wichtigsten Gründe warum ich Astra (oder vergleichbare Themes wie z. B. auch Neve oder Kadence) immer Hello vorziehen würde sind: Flexibilität und Erweiterbarkeit. Mit Astra / Neve kann ich Elementor benutzen muss ich aber nicht. Und sowohl Astra wie auch Neve bieten mir Hooks an, um das Theme nach Belieben zu erweitern. Das kann Hello nicht bieten.
          Schöne Grüße, Danijel

  3. C

    Hallo Danijel,

    danke für deinen Beitrag. Wie würdest Du denn OceanWP im direkten Vergleich bewerten? Dort finde ich die Anpassungsmöglichkeiten sehr gut, ohne das man gleich in den Code muss. Allerdings habe ich hier nur jeweils die Free Versionen von Astra und OceanWP verglichen und suche derzeit nach einer Kaufentscheidung für eine der Pro-Versionen. Hello Elementor ist bei aus Prinzip schon durchgefallen.

    1. D

      Hallo Caira,
      vielen Dank für deinen Kommentar.
      Kennst du schon meinen Beitrag über die besten Elementor Themes? Dort mache ich so eine Art Vergleich zwischen OceanWP und Astra. Ich finde beide Themes gehören zu den besten WordPress Themes und sind ein toller Match für Elementor. In den meisten Fällen würde ich sogar sagen, dass die kostenlosen Versionen beider Themes zusammen mit Elementor Pro vollkommen ausreichend sind, um wundervolle Websites zu erstellen.
      Schöne Grüße, Danijel

  4. M

    Hallo Danijel,

    schön geschriebener Beitrag auch wenn du das Astra-Theme mehr beschreibst. Ich selbst finde es immer schwer verschiedene Themes mit einander zu vergleichen, da die Entwickler oft unterschiedliche Ansätze verfolgen. Beim Hello-Theme wurde konsequent auf alles Unnötige verzichtet, Fluch und Segen zugleich! Ich habe auf meiner Webseite mich mit dem „Hello Theme“ https://elementor-info.de/elementor-hello-theme/ beschäftigt ohne dabei einen vergleich zu einem anderen Theme zusetzen. Vielleicht ist das für den ein oder anderen interessant.

    Grüße Marcus

    1. D

      Hallo Marcus,

      danke für deinen Kommentar. Was das Hello Theme betrifft, ist es so wie du’s sagst: Fluch und Segen zugleich!
      Übrigens, ein kleiner Tipp am Rande: Ich würde dir dringend empfehlen, deinen Domain Namen zu ändern. In den Guidelines von Elementor steht, dass das Wort „Elementor“ nich in der Top Level Domain auftauchen darf. Ich hatte schon „Ärger“ bekommen, weil ich mir für ein Elementor Projekt die Domain elementory-school.com gesichert habe, die ich jetzt wieder kündigen musste. Nicht dass du rechtliche Probleme bekommst.
      Schöne Grüße, Danijel

      1. M

        Hallo Danijel,

        vielen Dank für den Hinweis, ich hatte mich ebenfalls mit den Richtlinien beschäftigt und bin der Meinung, dass „elementor“ nicht alleine im Domain-Namen stehen darf, in Verbindung mit weiteren Wörtern jedoch erlaubt ist. Vielleicht lag es in deinem Fall an der allgemeinen Verwechslungsgefahr zu „elementary-school“ was „Grundschule“ bedeuten würde.

        Grüße Marcus

        1. D

          Hallo Marcus,
          die Begründung war, dass das Wort „Elementor“ nicht in der TLD vorkommen darf. Übrigens bei WordPress ist es genauso. Ich würde an deiner Stelle, das Legal Department von Elementor anschreiben und fragen. Besser als eine Abmahnung zu erhalten.
          Viele Grüße, Danijel

Schreibe einen Kommentar zu Sven Kommentieren abbrechen

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.

Related Posts

Ähnliche Beiträge