Zum Hauptinhalt springen

Inhalt




<>

Wenn ich dir Astra sage, woran denkst du dann?

Persönlich erinnert es mich an ein deutsches Automodell, einen Satelliten oder einen rumänischen Fußballverein (ja, meine Sportabhängigkeit geht sehr weit).

Komischer, aber genauso ernst, gleichzeitig entdeckte ich, dass sich das Akronym Astra auf die siebenbürgische Vereinigung für rumänische Literatur und Kultur des rumänischen Volkes bezog.

Nun, Sie machen sich wahrscheinlich keine Sorgen um den letzten Punkt, es beleidigt mich nicht.

Estás interesado en WordPress. Menos mal que el Astra es al mismo tiempo un tema de Freemium de nuestro famoso y querido CMS.

Und nicht irgendein Thema. Es ist eines der beliebtesten im offiziellen Verzeichnis.

Von den 1.595 Bewertungen, die zum Zeitpunkt des Schreibens eingereicht wurden, gaben 1.571 eine 5-Sterne-Bewertung

Wäre es das perfekte Thema, von dem wir träumen, dass wir uns eines Tages treffen würden, um es in alle unsere Projekte aufzunehmen?

Um dies herauszufinden, werden Sie einen sehr detaillierten Beweis für unser Exemplar des Tages entdecken.

Dazu verwende ich die gleiche Struktur wie für den Artikel über GeneratePress.

Ich werde mich insbesondere auf den Umgang mit Astra, seine Anpassung, seine Auswirkungen auf Leistung und SEO sowie sein Preis-Leistungs-Verhältnis konzentrieren.

Astra, was ist das?

Der Leiter der Gondel eines innovativen Unternehmens

Astra ist ein Freemium-Thema - es ist völlig kostenlos im offiziellen WordPress-Verzeichnis erhältlich.

Wenn Sie nach mehr Optionen suchen, können Sie die Premium-Version (ab 59$ oder 53 €) erwerben. Ich werde etwas später auf alle Einzelheiten zurückkommen, keine Sorge.

Mit mehr als 200.000 aktiven Installationen ist es eines der beliebtesten kostenlosen Themen im offiziellen Verzeichnis. Sie finden es in einer guten Position an Ihrer Seite:

  • Neunzehn
  • Arbeitsgruppe Ozeane
  • Hestia
  • Sydney
  • GeneratePress

Und zu denken, dass sich all dieser Erfolg in nur 2 Jahren angesammelt hat (Astra wurde 2017 eingeführt): Es macht dich schwindelig!

En general, Astra es el producto estrella de Brainstorm Force, un equipo de unas sesenta Personen con sede en la India.

Gleichzeitig bietet dieses Unternehmen etwa fünfzig Produkte an, darunter:

  • Ultimative Addons für Beaver Builder y Ultimative Addons für Elementor- Zwei Erweiterungen zum Hinzufügen zusätzlicher Module und Vorlagen zu Beaver Builder- und Elementor-Seitenerstellern.
  • Konvertieren Sie Pro: una extensión para crear formularios Opt-In.
  • Schema Pro: un Plugin para generar el lenguaje Schema.org.
  • WP Portfolio: una extensión que le posibilita crear un Aktentasche.

Im Insgesamt verfügt Brainstorm Force über mehr als 10 Jahre Erfahrung und seine Produkte werden an mehr als 2 Millionen Standorten eingesetzt.

Diese solide Etablierung innerhalb des globalen WordPress-Ökosystems ist eine nicht zu unterschätzende Garantie für Ernsthaftigkeit.

Wenn Sie sich für den Astra entscheiden, sollten Sie sich mit dessen Überwachung und Wartung wohl fühlen.

Das wars für den Überblick über das Thema. Jetzt schlage ich vor, Sie finden heraus, warum er so berühmt ist.

Ein "elegantes, blitzschnelles und leicht anpassbares" Thema

El eslogan es necesariamente muy vendible, pero Sein cual sea el caso son estas pocas palabras las que verás aparecer tan pronto como llegues a la página de inicio del sitio.

Hier sind die 3 herausragenden Merkmale dieses Themas, die ich in diesem Artikel natürlich weiterentwickeln werde.

Wie die Beschreibung des Themas auf seiner speziellen Seite im offiziellen Verzeichnis Astra sagt "Es ist sehr leicht (weniger als 50 KB auf der öffentlichen Oberfläche geladen) und bietet eine beispiellose Geschwindigkeit."

Laut seinen Designern würde es in 0,5 Sekunden geladen. In Teil V erfahren Sie, ob dies wirklich der Fall ist.

Gleichzeitig präsentieren seine Entwickler es als Thema:

  • Einfach anzupassen, auch ohne Code-Kenntnisse.
  • Kompatibel mit den meisten Seitenerstellern.
  • Bestehend aus vielen Demos von Sites, die zur Installation bereit sind.

Ich weiß nichts über dich, aber dieses Menü macht mir das Wasser im Mund zusammen.

Es ist Zeit, sich an die Arbeit zu machen - entdecken Sie den Astra in seinen weiten Räumen.

Beginnen wir mit seiner Manövrierfähigkeit.

Wie einfach ist es zu handhaben?

Eine klare Schnittstelle

Después de activar el tema, apareció un Verknüpfung titulado Astra-Optionen auf dem Bedienfeld im Menü Aussehen.

Sobald Sie sich in diesen Optionen befinden, werden Sie verschiedene Dinge entdecken:

  • Über verschiedene Links können Sie zu den Einstellungen des Anpassungstools weitergeleitet werden. Dies ist eine der großen Stärken dieses Themas: Alle Anpassungen werden von dem vorgenommen, was gleichzeitig als das bezeichnet wird Customizer.
  • Sie werden feststellen, dass es möglich ist, 18 zusätzliche Module zu aktivieren, um Ihre Site zu personalisieren. Estos módulos están disponibles en la versión Pro, que verá en detalle en la Parte 3 de esta prueba. Del mismo modo que GeneratePress, Astra adopta un enfoque modular: puede elegir activar o desactivar los módulos que le interesan en cualquier momento. En el lado del usuario (usted), esto le posibilita optimieren el rendimiento de su sitio (carga menos recursos). En el lado del desarrollador, esto le deja con un campo abierto para añadir nuevos módulos con el tiempo, y así mejorar su producto.
  • Um Zeit zu sparen, werden Sie feststellen, dass Boot-Sites importiert werden können. Hierbei handelt es sich um gebrauchsfertige Modelle, für die die Astra Starter Sites-Erweiterung installiert werden muss, die im offiziellen Verzeichnis angezeigt wird. Ein einfacher Klick auf den Link Import-Erweiterung installieren lo activará para usted. Entonces simplemente elija su constructor de páginas (Gutenberg, Brizy, Elementor o Beaver Builder), y se le propondrán varios modelos (cien en total para crear un Blog, un sitio de comercio electrónico, un negocio, un freiberuflich, etc.). Tenga en cuenta que algunas de estas plantillas sólo se pueden activar si ha adquirido una de las dos opciones Premium Agency (Mini Agency Bundle o Agency Bundle). Permita aproximadamente 1 minuto para que se instale el modelo del sitio. Aquí está con un sitio listo para usar sin haber contribuido a ello! Por supuesto, es posible modificarla a su gusto. Tenga en cuenta que hay una función para quitar todos los ajustes de la demo más tarde, si ya no le conviene. Buen punto, incluso si la opción no es 100% efectiva. Por mi parte, tuve que quitar manualmente el Logo restante y una extensión de compartir en las redes sociales que todavía estaba por ahí.
  • Ein Link zur Dokumentation (sehr gut gestaltet) ist gleichzeitig da, wenn Sie eine Hand brauchen.
  • Schließlich werden Sie feststellen, dass es möglich ist, Astra »anzupassen», indem kostenlose Plugins aktiviert werden. Einige von ihnen werden als Ultimate Addons für Gutenberg angeboten.

Zusammenfassungseinstellungen im Anpassungstool

Alle Designeinstellungen befinden sich im Anpassungstool. Es ist eigentlich sehr schön und vermeidet es, nach links und rechts suchen zu müssen.

Wir gewinnen an Klarheit und Effizienz. Warum schaust du es dir nicht an?

customiseur-astra-495x1024-1938602

Como pueden ver, encontramos lo clásico. Es posible personalizar los colores, el fondo, la tipografía, los Widgets o los menús.

Aber es gibt immer noch einige kleine Nuggets in diesen Optionen. Hier sind die, die ich bevorzugt habe:

  • Capacidad para mostrar su Inhalt en todo su ancho, ajustándose a la precisión de los píxeles.
  • Sie können die Breite Ihres Logos ändern und wählen Sie ein anderes Logo für Retina-Displays und mobile Navigation
  • ich weiß Sie können einen Breadcrumb-Trail in / nach der Kopfzeile oder direkt nach dem Titel Ihrer Beiträge einfügen.
  • Das Das Blog-Layout kann sehr genau angepasst werden- Sie können den Namen des Autors, Kommentare, das Veröffentlichungsdatum usw. anzeigen. Alles geschieht durch Aktivieren und Deaktivieren dieser Optionen sowie durch einfaches Ziehen und Ablegen
  • Anpassung der Tasten durch Auswahl Ihres Radios oder Ihrer Farbe.
  • Posibilidad de añadir hasta 4 widgets en el pie de página, luego modificar el Urheberrechte ©.
  • Sie können wählen, ob Sie eine Seitenleiste rechts oder links anzeigen oder gar nicht anzeigen möchten. Gleichzeitig ist es möglich, dies auf den Seiten und Artikeln nach Ihren Wünschen zu tun.
  • Ganz zu schweigen von der Möglichkeit, Ihrem Navigationsmenü ein letztes benutzerdefiniertes Element hinzuzufügen.. A modo de ejemplo, puedes añadir un carrito de la compra si usas WooCommerce, o un botón de llamada a la acción, lo que es genial desde el punto de vista del marketing.

Zum Abschluss: Die Handhabung ist sehr einfach und wird durch das Vorhandensein von Optionen erleichtert, die fast alle ins Französische übersetzt wurden (außer Brotkrume, was Faden von Ariadne bedeutet).
Wenn Sie sich für die Verwendung entscheiden, werden Sie die Handhabung des Astra und die Tatsache zu schätzen wissen, dass Sie nicht inmitten von Hunderten von Optionen ertrinken.
Abgesehen von einigen der zuvor erwähnten nennenswerten Parameter fühlen Sie sich möglicherweise in Bezug auf die Anpassung etwas eingeschränkt.

Um noch weiter zu gehen und von der Leistungsfähigkeit und Flexibilität des Themas zu profitieren, müssen Sie die Premium-Version ausprobieren.

Themenanpassung: Entdecken Sie Premium-Module

Die Premium-Version des Themas namens Astra Pro ist eigentlich ein Plugin, das dem Grundthema etwa zwanzig Funktionen hinzufügt.

Sie können den Astra Pro auf der Hauptseite des Themas herunterladen, indem Sie auf die Registerkarte klicken Profi.

astra-pro-1024x391-5905374

Das erste Angebot beginnt bei $59 (ca. 53 €) für die Verwendung auf einer unbegrenzten Anzahl von Websites und ein Jahr Support.

Una vez que haya adquirido la extensión (estará en formato zip), instálela y actívela en su Instrumententafel, por medio de del menú Erweiterungen.

Ist alles in Ordnung mit dir?

Also lasst uns weitermachen.

Zurück zu Aussehen> Astra-Optionen, Sie werden feststellen, dass die Pro-Module jetzt verwendet werden können.

Astra-Pro-Module-Aktivierung-5475663

Sie können sehen, dass Sie sie aktivieren müssen, wenn Sie sie verwenden möchten (dies ist standardmäßig nicht der Fall).

Dies ist als modularer Aufbau bekannt. Dadurch wird verhindert, dass Dateien und Funktionen geladen werden, die nicht verwendet werden.

Auf dieser Ebene möchte ich Ihre Aufmerksamkeit auf zwei Punkte lenken:

  • Denken Sie daran, Ihre Benutzerlizenz auszufüllen (Speisekarte Astra Pro Lizenzoben rechts auf der Seite), um automatische Updates zu aktivieren.
  • Das WooCommerce-, Easy Digital Downloads-, LearnDash- und LifterLMS-Module Sie können nur funktionieren, wenn Sie zuvor die betreffenden Plugins / Dienste aktiviert haben.

Insgesamt können Sie nicht weniger als 18 zusätzliche Funktionen aktivieren.

Lassen Sie uns die wichtigsten überprüfen.

Blog Pro

Klicken Sie auf die Schaltfläche, um das Modul zu aktivieren Aktivieren. Dann gehe zurück zu Aussehen> Anpassen.

Dann gehen Sie zu Design > Blog.

Unter den neuen Funktionen, die im Vergleich zur kostenlosen Version des Themas erschienen sind, hat mir gefallen:

  • Die Option "Autoreninformationen"Hier können Sie eine kleine Beilage hinzufügen, um den Autor des Artikels in wenigen Zeilen vorzustellen.
  • Automatisches Laden früherer Artikel.
  • Die Möglichkeit, die Breite und Höhe Ihrer Wahl im ersten Schritt auf Ihr Bild anzuwenden Seite.
  • Die unendliche Bildlaufoption Hiermit können Sie die Anzeige Ihrer Artikel aktivieren, während der Besucher durch Ihre Seite navigiert.
  • Die Möglichkeit, die Breite der Anzeige von Blog-Inhalten anzupassen.
  • Die Option, um Ihre Artikel in bis zu 4 Spalten anzuzeigenmit der Möglichkeit, das Datum deutlich sichtbar in einem Quadrat oder Kreis hinzuzufügen.
blog-pro-astra-6954535

Entfernung

Auf den ersten Blick sah ich keine Notwendigkeit für dieses Modul. Aber wenn wir es uns genauer ansehen, ist es tatsächlich sehr nützlich.

Dank dessen können Sie beispielsweise den Rand (externer Rand) und den Abstand (interner Rand) einiger wichtiger Elemente auf Ihrer Website anpassen

  • Der Header
  • Die Seitenleiste
  • Die Fußzeile der Seite
  • Der Kontainer
  • Der Blog

Wie funktioniert das alles? Um dies zu nutzen, aktivieren Sie das Modul und rufen Sie das Anpassungstool als Beispiel auf Kopfebene auf.

Wenn das Modul das ausgewählte Element bearbeiten kann, wird ein Abstandsabschnitt angezeigt.

Für das Beispiel habe ich den Header gewählt. So ist es extrem einfach, den Abstand zwischen Ihren verschiedenen Elementen je nach ausgewähltem Gerät (Computer, Tablet oder Handy) zu ändern.

Um mit der Antwort fertig zu werden, ist es großartig! Beurteilen Sie stattdessen unten:

Le Modul Espacement

Die letzte gute Option, die die erfahrensten anspricht: Sie können die Abstandswerte in Pixel, EM oder in Prozent auswählen.

Weitere Informationen zu diesem Thema finden Sie in den beiden folgenden Ressourcen:

  • Hojas de estilo para la Netz, consejos y trucos de CSS
  • CSS-Einheiten

Kopfzeilenabschnitte

Nach dem Aktivieren des Moduls werden im Anpassungstool unter Layout zwei neue Optionen angezeigt > Header :

  • Über den Header
  • Unter dem Titel

Diese beiden Funktionen können beispielsweise nützlich sein, um Elemente über oder unter der Kopfzeile hinzuzufügen (z. B. E-Mail, Telefonnummer, Links zu Ihren sozialen Netzwerken, Schaltfläche zum Aufrufen von Aktionen, Symbolleistensuche, Widgets, neues Menü usw.).

Zusätzlich zu den Informationen, die hinzugefügt werden können, können Sie die Größe der Kopfzeile und die Farbe des Rahmens anpassen sowie auswählen, ob sie auf Smartphones angezeigt werden soll oder nicht.
Abschnitte-en-tete-1360x174-7625097

Hochscrollen

Después de la activación, este módulo mostrará un icono «Scrollen to top» para permitir a sus visitantes volver rápidamente a la parte superior de la página sin necesidad de desplazarse, si así lo desean.

Dies ist besonders nützlich für Seiten mit viel Inhalt. Um die verfügbaren Optionen zu ermitteln, gehen Sie zu Layout> Nach oben.

Sie werden sehen, dass es möglich ist:

  • Zeigen Sie das Symbol auf Computer, Handy oder Computer + Handy an.
  • Wählen Sie Ihre Position (rechts oder links).
  • Passen Sie die Größe und Rundheit an, indem Sie die Werte Ihrer Wahl eingeben.
  • Definieren Sie die Farben des Symbols und seines Hintergrunds, einschließlich des Bildlaufs mit der Maus.
Retour vers le haut

Weiße Marke

Mit dem White Label-Modul können Sie das Thema und die damit verbundenen Plugins umbenennen und ihm den Namen Ihres Unternehmens / Ihrer Marke geben.

Dies kann nützlich sein, wenn Sie Freiberufler (*) oder eine Agentur sind, die Websites für Ihre Kunden erstellt.

Puede sustituir el nombre del plugin y el tema por la información de su elección para que su Klient no sepa que ha utilizado una solución de terceros, si acceden al back office.

Danach wird auf Ihrer Website keine Spur der Marke Astra mehr angezeigt.

Geben Sie zunächst die gewünschten Einträge auf der Seite Einstellungen ein. Nachdem die Trommel fertig ist, klicken Sie auf Änderungen speichern.
rules-marque-blanche-astra-4503969


Und hier ist das Ergebnis auf der Themenseite (in Aussehen> Themen):

Und auf einer der Erweiterungen (in Erweiterungen> Installierte Erweiterungen):

Fußzeilen-Widgets

Im Vergleich zur kostenlosen Version fügt dieses Modul 6 zusätzliche Layouts hinzu, um die Widgets Ihrer Wahl hinzuzufügen.

A modo de ejemplo, puede añadir los predeterminados de WordPress, como un menú, sus últimos artículos, una imagen o HTML personalizado).

In Bezug auf die Anpassungsoptionen können Sie mit dem Modul Folgendes tun:

  • Wählen Sie eine Organisation mit bis zu 5 Spalten.
  • Passen Sie den inneren Rand an, erstellen Sie einen Rand und ändern Sie die Farbe.
  • Sortieren Sie die Widgets in voller Breite oder nicht.

Alle diese Einstellungen finden Sie im Anpassungstool unter Layout> Fußzeilen> Fußzeilen> Fusszeile Widgets.

widgets-pied-page-6450053

Mit dem Navigationsmenü-Modul können Sie ein sogenanntes Mega-Menü erstellen.

Mega-Menüs sind sehr häufig auf großen E-Commerce-Websites zu finden, da sie es dem Benutzer ermöglichen, die verschiedenen Kategorien von Produkten, die auf der betreffenden Website verkauft werden, einfach darzustellen.

Wenn Sie nur wenige Themen auf Ihrer Website haben, müssen Sie kein Mega-Menü erstellen, das normalerweise aus SEO-Sicht kritisiert wird.

Wenn Sie jedoch der Meinung sind, dass Sie es unbedingt benötigen, können Sie mit dem Astra-Thema eines erstellen, indem Sie zu gehen Aussehen> Menüs.

Es ist möglich, Spalten zu erstellen, benutzerdefinierten Text hinzuzufügen, um bestimmte Links anzuzeigen, oder eine Vorlage hinzuzufügen, um ein Hintergrundbild anzuzeigen.

Seitenkopfzeilen

Wie der Name schon sagt, das Modul Seitenkopfzeilen gibt Ihnen die Möglichkeit, einen Seitenkopf zu erstellen.

Ein Bild ist normalerweise besser als 1000 Wörter, das bedeutet es:

L'en-tête de page sur Astra

Insbesondere können Sie:

  • Fügen Sie eine Spur von Semmelbröseln und ein Hintergrundbild hinzu.
  • Ändern Sie die Farben.
  • Integrieren Sie einen Parallaxeeffekt.
  • Kombinieren Sie Ihren benutzerdefinierten Header mit Ihrem Site-Header.
  • Wenden Sie bestimmte Anzeigeregeln auf die Seiten Ihrer Wahl an.

Sonderanfertigungen

Das Modul Sonderanfertigungen Mit dieser Option können Sie die folgenden spezifischen Elemente hinzufügen:

  • Kopfteil
  • Fusszeile
  • Seite 404
  • Haken (Ein Hook auf Französisch ist ein Einstiegspunkt in eine WordPress-Funktion).

Dies ist eine ziemlich erweiterte Option, mit der Sie benutzerdefinierte Abschnitte erstellen und bei Bedarf die Anzeigeregeln Ihrer Wahl anwenden können.

Aber gehen wir weiter zu den Beispielen, um klarer zu sehen. Mit der Option 404-Seite können Sie eine benutzerdefinierte 404-Seite erstellen, indem Sie die Kopf- oder Fußzeile deaktivieren.

Mit den Optionen Kopf- und Fußzeile können Sie diese benutzerdefinierten Abschnitte erstellen und dank präziser Anzeige- und / oder Ausschlussregeln nur auf den Seiten Ihrer Wahl anzeigen.

Schließlich können Sie, obwohl Sie noch technisch sind, die Kraft der Astra-Haken genießen, wenn Sie sich wirklich dafür interessieren. Ich rate Ihnen dazu.

Die Option Haken Sie ermöglicht das Hinzufügen von benutzerdefiniertem Code an ca. 50 verschiedenen Stellen.

hooks-astra-theme-1005040

Un ejemplo de cómo usar los ganchos? A modo de ejemplo, puede utilizar el nombre wp_head para añadir el código de seguimiento de Google Analytics (si no utiliza una extensión como MonsterInsights).

Um die Position der Hooks besser zu visualisieren, können Sie auf diese Ressource verweisen.

Hinweis: Wenn Sie die Pro-Version von Astra nicht verwenden und die Hooks verwenden möchten, sollten Sie wissen, dass das Astra Hooks-Plugin vollständig kostenlos im offiziellen Verzeichnis verfügbar ist. Sie können jedoch keine Regeln für die bedingte Anzeige anwenden.

WooCommerce

El módulo WooCommerce le posibilita ampliar las opciones de personalización del famoso plugin de E-Commerce.

Denken Sie zunächst daran, dass Sie WooCommerce auf Ihrer Website aktiviert haben müssen.

Nachfolgend finden Sie alle verfügbaren Einstellungen unter Layout > WooCommerce.

Bemerkenswerte Optionen umfassen:

  • Die Anzeige Ihrer Produkte in Raster- oder Listenformmit der Option, sie in mehreren Spalten auszurichten.
  • Die Anpassung der Checkout-SeiteB. das Vorhandensein eines nicht abgelenkten Modus, um die Kopf- und Fußzeile zu deaktivieren, wenn der Benutzer im Begriff ist zu zahlen.
  • Galerien, um verschiedene Bilder Ihrer Produkte zu zeigen.
  • Farbmanagement für Titel, Anmerkungen, Texte, Schaltflächen, Preise usw.
  • Die Möglichkeit, das Warenkorbsymbol an einer beliebigen Stelle hinzuzufügen Ihrer Website dank eines Shortcodes.

Andere Arten der Eingliederung

Was WooCommerce betrifft, verfügt Astra Pro über 3 Module, um die Anpassungsoptionen von 3 Plugins / Lösungen zu erweitern:

  • Einfache digitale Downloads: un plugin gratuito (disponible en versión Pro desde $99/año) que le posibilita vender digitale Produkte.
  • LearnDash, eine Premium-Lösung (ab $159), mit der Sie eine E-Learning-Site in WordPress erstellen können.
  • LifterLMS: einer der Konkurrenten von LearnDash (ab $99 / Jahr).

Die anderen Module

Wissen Sie, dass andere Module es Ihnen ermöglichen, ohne Zugriff auf so viele Details zu haben:

  • Erstellen Sie einen angehefteten Header oder ein klebriges Menü. Dies ist ein Menü, das am oberen Bildschirmrand hängen bleibt, selbst wenn der Benutzer die Seite nach unten scrollt. Insbesondere können Sie die Breite ändern.
  • Passen Sie Ihr Inhaltslayout mit 4 Optionen an (Gesamtbreite, Maximale Breite, Polsterung und Flüssigkeit), enthalten im Modul Standortbestimmungen.
  • Erstellen Sie einen mobilen Header und fügen Sie 4 Stile hinzu, um Ihr Menü anzuzeigen: Dropdown (Menü wird angezeigt, wenn Sie unter das Menüsymbol klicken), Flyer (Menü wird angezeigt, wenn Sie unter dem Menüsymbol auf Vollbild klicken), Vollbild (Vollbild) und kein Umschalten (kein Hamburger-Symbol zum Anzeigen des Menüs).
  • Passen Sie die Farben und den Hintergrund an (a modo de ejemplo, puede elegir un color para cada nivel de título (h1, h2, h3, h4, h5, h6).
  • Wählen Sie die Schriftart Ihrer Wahl und passen Sie Fett, Größe und Linienhöhe an für jedes Element Ihrer Site (Text, Kopfzeile, Breadcrumbs, Schaltflächen, Titel, Widgets, Fußzeile). Dies ist das Modul Typografie.

Und das war's für diese komplette Tour durch die verschiedenen Module, die das Astra-Thema bietet.

Ohne Übergang schlage ich vor, dass Sie mit dem nächsten Schritt in unserem Test fortfahren: Anpassen von Astra an Seitenersteller und Plugins.

Welche Anpassung für Seitenersteller und Plugins?

"Gemacht für Seitenersteller." Astra hebt dies auf ihrer Website deutlich hervor - das Thema war "Erstellt für Seitenersteller".

Zunächst wurden, wie bereits in diesem Test erwähnt, die Starter-Sites von Astra speziell für die Zusammenarbeit mit Elementor, Beaver Builder und Brizy erstellt (ganz zu schweigen von Gutenberg, der als solcher kein Seitenersteller ist).

Elementor und Beaver Builder sind die beiden "Lieblings" -Bauer des Themas. Ben Pines, ein Mitarbeiter von Elementor, empfiehlt Astra allen Benutzern seines Plugins.

Für die Zwecke dieses Artikels konnte ich das Thema mit den beiden zuvor genannten Konstruktoren testen - nichts, worüber ich mich beschweren könnte.

Auf praktische Weise können Sie mit dem Thema die Struktur Ihrer Seite vollständig steuern, was die Verwendung mit einem Seitenersteller sehr bequem macht. Als Beispiel können Sie:

  • Wählen Sie diese Option, um Ihren Inhalt in voller Breite anzuzeigen (Dies ist nicht bei allen Themen möglich und unerlässlich).
  • Deaktivieren die Seitenleiste.
  • Deaktivieren Sie die Elemente, die Sie nicht verwenden (Zum Beispiel Fußzeile, Kopfzeile, Navigationsmenü).
  • Deaktivieren Sie den Titel Ihrer Seiten.
rules-astra-builder-2774228

Nun, ich erzähle Ihnen viel über Elementor und Beaver Builder, aber was ist, wenn Sie einen anderen Lieblingsbauer zur Verfügung haben?
Wird es erfolgreich in Astra integriert? Laut den Erstellern des Themas wäre Astra mit allen Seitenerstellern kompatibel, einschließlich Divi, Thrive Architect und Visual Composer.
Ich konnte nicht einzeln prüfen, aber wenn Sie Zweifel oder Inkompatibilitätsprobleme haben, teilen Sie uns dies bitte in den Kommentaren mit.

Astra und Plugins

Después de los creadores de páginas, pasemos a los plugins. Uno de los «temores» del Webmaster es la contabilidad del tema que utiliza con los plugins que utilizará.

Denn wenn Sie ein Problem zur Verfügung haben, kann Ihre Site abstürzen. Und das ist für niemanden lustig.

Wenn Ihnen dies eines Tages passiert, geraten Sie nicht in Panik. Bevor Sie die Notaufnahme anrufen, lesen Sie unseren Leitfaden zur Behebung schwerwiegender WordPress-Fehler.
Niemand ist immun gegen Fehler, selbst wenn bewährte Verfahren angewendet werden. Abhängig davon gibt es keine größeren Inkompatibilitäten für Plugins in Bezug auf das Astra-Thema.

Das Thema wurde auf einer sauberen Basis entwickelt und respektiert die WordPress-Standards. Es hilft, Sorgen zu vermeiden.

Bei den Erweiterungen hat Astra gleichzeitig eine eigene Spezifität. Um dem Thema neue Funktionen hinzuzufügen, empfiehlt er 9 kostenlose Plugins, die alle von der Muttergesellschaft Brainstorm Force erstellt wurden.

Sie finden sie in Aussehen> Astra-Optionen.

Astra Plugins

Das Das Prinzip ist dasselbe wie für Module: Sie aktivieren / deaktivieren die Module Ihrer Wahl.

Das Vorschlagen zusätzlicher Erweiterungen zum Aktivieren fügt ein kleines Missverständnis hinzu: Warum nicht zusätzliche Module für Erweiterungen erstellen, die Astra gewidmet sind?

Aber es hält das Thema immer noch so leicht wie möglich, was ein guter Punkt ist.

He encontrado Lightweight Sidebar Manager útil para mostrar diferentes Riegel laterales dependiendo de las páginas de su sitio.

Und wenn Sie Gutenberg verwenden, werden Sie Ultimate Addons für Gutenberg zu schätzen wissen, eine Bausteinbibliothek für den WP-Inhaltseditor.

Wenn wir von Gutenberg sprechen, fahren wir mit dem nächsten Teil fort.

Astra und Gutenberg

Zu viele Themen auf bekannten Verkaufsplattformen wie Themeforest geben an, dass sie mit Gutenberg kompatibel sind, dem Inhaltseditor, der Ende 2018 mit Version 5.0 von WordPress veröffentlicht wurde.

Aber wenn Sie etwas tiefer graben, stellen Sie fest, dass sie noch weit entfernt sind.

Astra seinerseits ist mit Gutenberg kompatibel und unglaublich integriert.

Ein Beispiel? Die Berühmten Starter Sites, von denen ich in diesem Artikel mehrmals mit Ihnen gesprochen habe.

14 fertige Site-Vorlagen sind verfügbar und funktionieren hervorragend mit Gutenberg.
Astra-Theme-Starter-Site-Gutenberg-1024x642-9487787


Unter den interessanten Merkmalen des Astra mit Gutenberg könnte ich Sie gleichzeitig erwähnen:

  • Die Möglichkeit, die Breite Ihrer Inhalte von Gutenberg aus anzupassen.
  • Die App de los ajustes de color y fondo del tema transcritos en Gutenberg cuando se edita una página o artículo.
  • Die App für Ihre Einstellungen wird über das Gutenberg-Anpassungstool gestartet.

Welche Benutzererfahrung hat eine Website, die Astra verwendet?

Einfluss auf die Leistung vor Ort

Ein kleiner Rückblick, um dieses Spiel zu starten. «Elegant, blitzschnell und einfach anpassbar »Erinnern Sie sich an das Wertversprechen des Themas, das am Anfang dieses Artikels beschrieben wurde?

Was die Anpassung und Eleganz (Design) betrifft, haben Sie hoffentlich bereits einen guten Überblick

Zeit, die Leistung dieses sogenannten ultraschnellen Themas zu sehen.

Deshalb, Ihrer Meinung nach: verdienter Status oder totale Prahlerei?

Um dies zu beantworten, beginnen wir mit der Rekontextualisierung.

Ein schnelles Thema zu haben ist sehr wichtig und nicht nur, um sich beim Abendessen mit Ihrem Entwickler oder SEO-Freunden zu präsentieren.
¿Sabía que para posicionar una página en su buscador, Google utiliza más de 200 criterios?
Darunter ist die Geschwindigkeit Ihrer Seite. Auf diese Weise ist es wichtig, dass der Akku schnell aufgeladen wird (Google empfiehlt eine Ladezeit von weniger als 3 Sekunden für Mobiltelefone).

Wenn Sie sich für den Astra entscheiden, sollten Sie es ganz gut machen. Es wird als dargestellt "Das leichteste Thema auf dem Markt mit unschlagbarer Leistung".

Más técnicamente, sepa que Astra no utiliza jQuery (una biblioteca JavaScript), y prefiere Vanilla JavaScript, un Rahmen JavaScript conocido por su velocidad.

Gleichzeitig stellt Astra fest:

  • Die Kontrolle übernehmen "In weniger als 0,5 Sekunden bei einer Standard-WordPress-Installation".
  • Benötigt weniger als 50 KB Ressourcen zum Laden, "Wo die meisten WordPress-Themes 300 KB benötigen".

Um die Richtigkeit dieser Behauptung zu überprüfen, habe ich den Astra durch eine Reihe von Tests auf den Grill gestellt.

So habe ich es gemacht:

  • Verwendete Testdienste:
    • WebPageTest (utilizando París como ubicación cada vez) teniendo en cuenta el criterio de «completamente cargado» (cuando el sitio está totalmente cargado, incluyendo Skripte y apps externas);
    • Pingdom-Tools (jedes Mal mit London als Standort).
  • Sitio de prueba alojado en un Server compartido de o2switch.
  • Ich habe keine Plugins aktiviert und der Astra Pro ist nicht installiert.
  • Ich habe Astra mit einem anderen beliebten kostenlosen Thema (Sydney, 200.000 aktive Installationen) aus dem offiziellen WordPress-Verzeichnis verglichen.

Test in WebPageTest mit aktiviertem Astra: Ladezeit 1.040 s (bei Volllast):
astra-webpagetest-1024x180-1490166


Test auf WebPageTest mit aktiviertem Sydney: Ladezeit von 2.237 Sekunden (bei Volllast):
sydney-webpagetest-1360x191-3893093
Test in Pingdom Tools mit aktiviertem Astra: 492 ms Ladezeit
Astra Pingdom Tools
Test in Pingdom Tools mit aktiviertem Sydney: Ladezeit 2,03 s
Sydney Pingdom Tools
Schließlich können wir bestätigen, dass der Astra wirklich ein Problem mit der "Blitzgeschwindigkeit" ist. Es lädt ungefähr eine Sekunde (492 ms bei Pingdom, 1.040 s bei WebPageTest) und ist immer noch viel effizienter als sein Konkurrent Sydney (zwei- bis viermal effizienter).

Er boxt in derselben Kategorie wie GeneratePress.

Gleichzeitig stellt Astra weniger Anfragen und das Seitengewicht ist immer noch sehr gering (33,9 KB im Vergleich zu… 473,5 KB für Sydney). Ich möchte darauf hinweisen, dass der Inhalt für beide Themen genau gleich war.

Abgesehen davon sind die beobachteten Ergebnisse etwas weniger "gut" als die auf der Website des Themas angekündigten.
Les indicurs de la vitesse d'Astra


Hinweis: Das Frühere Ergebnisse bieten einen ersten Überblick, können jedoch nicht als endgültige und endgültige Beurteilung angesehen werden. Sie können zu Hause unterschiedliche Daten haben, abhängig von Ihrem Hosting oder den von Ihnen verwendeten Plugins.

Auswirkungen auf SEO

Para empezar, Astra utiliza código HTML válido, lo que no complicará la vida de los Suchmaschinen que vendrán a navegar por su sitio.

A continuación, Astra utiliza datos estructurados de Schema.org en cada página de su sitio.

Se trata de un método de etiquetado HTML que ayuda a Google a comprender qué Art des Inhalts tienes.
Le balisage Schema.org sur Astra Thema


Zu diesem Thema können Sie mit der Erweiterung Schema Pro sogar noch weiter gehen.

Schließlich eine weitere interessante Option aus SEO-Sicht: die Breadcrumb-Route. Astra bietet Ihnen die Möglichkeit, einen Breadcrumb-Trail innerhalb / nach dem Header oder direkt nach dem Titel Ihrer Beiträge hinzuzufügen.

Zur Erinnerung: Ein Breadcrumb-Trail ist hilfreich, damit Ihre Besucher verstehen, wo sie sich befinden, und einfach auf Ihrer Website navigieren können. Gleichzeitig können sie sich positiv auf Ihre SEO auswirken.

Befragter

Eine reaktionsfähige Site (die sich an Computer, Tablets und Smartphones anpassen kann) ist 2019 aus mehreren Gründen unerlässlich, z. B.: ...

  • Die Benutzererfahrung de sus visitantes. Es ist 61% wahrscheinlicher, dass sie Ihre Website verlassen und woanders suchen, wenn sie auf Ihren Seiten nicht finden, wonach sie suchen.
  • Ihre Referenzierung. Desde marzo de 2018, Google ha implementado lo que se denomina Indizierung de primero para móviles. Esto significa que Google utiliza principalmente la versión móvil de su sitio para indexar y posicionar sus páginas en los resultados de su Suchmaschine.
  • Das Mobile ist der erste Bildschirm, auf dem die Franzosen täglich im Internet surfen (34 Millionen Benutzer), verglichen mit dem Computer (23 Millionen) und dem Tablet (13 Millionen).

Ist unser geliebtes Astra-Thema also sensibel?

Si te diviertes reduciendo la ventana de tu Browser en una de sus demostraciones (Starter Sites) scheint alles wie am Schnürchen zu funktionieren.

Pero para estar seguro, pasó una prueba aún más confiable: la prueba de optimización móvil de Google.

Und das Ergebnis war überzeugend:
Test du responsive d'Astra sur Google


Es sind keine Hindernisse in Sicht. Daher können wir mit dem nächsten Schritt in unserem Test fortfahren: dem Preis des Astra.

Welches Preis-Leistungsverhältnis?

Wie Sie bereits wissen, können Sie zunächst die kostenlose Version des Themas verwenden, indem Sie es direkt von Ihrem Dashboard aus installieren.

Wenn Sie insbesondere von den zuvor vorgestellten Premium-Modulen profitieren möchten, benötigen Sie eine der 3 Pro-Versionen:

  • Astra Pro: Dies ist die in diesem Artikel verwendete Version, die für 59 Dollar pro Jahr (ca. 52 Euro) verkauft wird.
  • Mini Agency Bundle (169$ / Jahr, ca. 150 €).
  • Paketagentur (249 Dollar pro Jahr, ungefähr 221 Euro).
Astra-Pricing-Pläne-5790958

Das Das Basispaket (Astra Pro) reicht aus, insbesondere wenn Sie keine zusätzlichen gebrauchsfertigen Site-Vorlagen benötigen und wenn Sie nicht an den anderen von Brainstorm Force angebotenen Produkten interessiert sind (ultimative Addons für Beaver Builder und Elementor sowie deren andere interne Plugins).

Zusammen mit dem Seitenersteller Ihrer Wahl liefert der Astra Pro hervorragende Ergebnisse.

Wenn Ihre Finanzen dies zulassen und Sie sich bei Brainstorm Force-Produkten wohl fühlen, gehen Sie zu einem der beiden Agenturpläne (Mini Agency Bundle oder Agency Bundle).

Bitte beachten Sie, dass jeder Plan die Verwendung des Themas auf einer unbegrenzten Anzahl von Websites ermöglicht und ein Jahr Support umfasst (mit einem Rabatt von 20% auf jeden Plan bei jährlicher Verlängerung).

In Bezug auf diesen letzten Punkt habe ich mich mehrmals mit ihnen befasst und ihnen Fragen zu den Ultimate-Plugins für das von mir verwendete Beaver Builder-Plugin gestellt. Ich erhielt in weniger als 24 Stunden eine Antwort mit der Lösung meines Problems.

Wenn Sie Ihr Vertrauen zur Verfügung haben und Astra zu Ihrem bevorzugten Arbeitsgerät machen möchten, zögern Sie nicht, sich dauerhaft für eine Lizenz zu entscheiden.

Der Astra Pro wird zu einem Preis von 249 $ (ca. 221 €), das Mini Agency Bundle zu 499 $ (ca. 443 €) und das Agency Bundle zu 699 $ (ca. 620 €) angeboten.

Und wie ist der Vergleich mit den Lösungen der Wettbewerber auf dem Markt?

  • Das Wichtigste: Die meisten auf der Plattform verkauften Themen kosten durchschnittlich 59$. Sie können nicht immer auf einer unbegrenzten Anzahl von Websites verwendet werden und umfassen 6 Monate Support.
  • OceanWP - Dieses äußerst beliebte Thema, das Alex Ihnen in Theme Instant vorgestellt hat, kostet $129 Premium für die Verwendung auf einer unbegrenzten Anzahl von Websites.
  • GeneratePress - Die Verwendung auf einer unbegrenzten Anzahl von Websites kostet $49.95.
  • Genesis: Der Rahmen selbst kostet $59.95, aber Sie müssen ein Kinderthema kaufen (in der Regel $129.95 für beide). Support und Updates sind jedoch permanent enthalten und das Thema muss nicht erneuert werden.

Unsere endgültige Meinung

Astras Stärken

  • Ein einfach zu bedienendes Thema, wie versprochen. Wir freuen uns über das Vorhandensein der Einstellungen an derselben Stelle direkt im Anpassungstool.
  • Ein kraftvolles Thema. Ja, der Astra ist wirklich blitzschnell und der modulare Aufbau (nur das Aktivieren / Deaktivieren der benötigten Optionen) ist ein echter Bonus.
  • Die Vorhandensein von hundert gebrauchsfertigen Site-Layouts, die mit einem einzigen Klick aktiviert werden (die berühmten Starter Sites). Zum Schluss: Astra enthält ungefähr hundert Tracks in einem!
  • Eine sehr effiziente und reaktionsschnelle Unterstützung. Al mismo tiempo hay un grupo de Facebook dedicado al tema, con casi 8.000 miembros para ayudarte.
  • Die Dokumentation ist klar und es ist gut gestaltet.
  • Eine perfekte Integration mit WooCommerce.
  • Die Vorhandensein einer Option zum endgültigen Kauf des Themas über eine LizenzSo können Sie langfristig "sparen".
  • Ein Thema, das regelmäßig aktualisiert und ordnungsgemäß gepflegt wird. Brainstorm Force ist seit 10 Jahren im Geschäft und bleibt ein starkes Unternehmen mit kontinuierlichem Wachstum. Dies ist eine Sicherheitsgarantie für den Benutzer.
  • Ein für SEO optimiertes Thema.
  • Ein sauberer Code, der die WordPress-Standards respektiert.
  • Das tema al mismo tiempo se enfoca en la Barrierefreiheit Befolgen Sie die Richtlinien zur Barrierefreiheit von Webinhalten (WCAG) 2.0.

Astra Bereiche für Verbesserungen

  • Starter-Sites sind sehr nützlich, um mit wenigen Klicks eine Site von A bis Z einzurichten. Sie funktionieren jedoch nur mit einigen Seitenerstellern (Elementor, Beaver Builder und Brizy). Wenn Sie es gewohnt sind, einen anderen Builder zu verwenden, dauert es einige Zeit, bis Sie sich daran gewöhnt haben, sich mit einem neuen Seiten-Builder vertraut zu machen.
  • Wenn es eine Funktion gibt, mit der alle Einstellungen von einer Startsite entfernt werden können (um sie irgendwie zurückzusetzen), ist 100% nicht wirksam. Ich für meinen Teil musste das verbleibende Logo und eine noch vorhandene Social-Sharing-Erweiterung manuell entfernen. Sie können es auf dieser Ebene besser machen.
  • Gleichzeitig können wir das Fehlen von Starterseiten bedauern, wenn Sie ein Blog erstellen müssen.. Es sind nur zwei zugänglich - nur über Gutenberg - ohne einen der beiden Pläne der Agentur durchzugehen. Schade, WordPress ist im Grunde ein Tool zum Bloggen.
  • Auch wenn die Unterscheidung zwischen kostenlosen Plugins und Modulen in der Tabelle gut zweigeteilt ist, gehen wir zunächst verloren, wenn wir das Thema entdecken. Muss ich ein Modul aktivieren? Oder eher eine Erweiterung?
  • Einige Optionen werden im Anpassungstool nicht oder nicht vollständig auf Französisch übersetzt. Nehmen Sie dieses Beispiel des Blog-Layouts, in dem sich Englisch und Französisch treffen.

Astra, für wen?

  • Anfänger Schöpfer Sie werden die einfache Bedienung und Handhabung zu schätzen wissen. Alle Einstellungen finden Sie im Anpassungstool. Und für diejenigen, die nicht programmieren können oder es eilig haben, muss gesagt werden, dass Starter Sites viel Gutes tun können! Für diesen Benutzertyp scheint eine der Premium-Versionen geeigneter zu sein (z. B. Astra Pro), zumal Sie von viel mehr Anpassungsoptionen und der Unterstützung der Ersteller des Themas profitieren.
  • Erfahrene Benutzer werden das Vorhandensein vieler Haken zu schätzen wissen, así como la presencia de piezas de código para modificar algunos parámetros. Otra opción útil, si eres un diseñador web freelance o una agencia: la presencia del módulo White Label, en la versión Premium, para adaptar tu Branding al tema. Si tiene un conocimiento mínimo del código y/o está acostumbrado a trabajar con un creador de páginas, la versión gratuita probablemente será suficiente. En particular, puede utilizarlo como una base específica (una especie de tema inicial) sobre la que construir su sitio.

Fazit

Am Ende scheint der Astra ein sehr schönes Thema zu sein. Reagieren Sie auf Versprechen, die auf Ihrer Website veröffentlicht wurden:

  • leicht anpassbar.
  • Elegant.
  • blitzschnell.

In derselben Kategorie und obwohl es immer noch sehr subjektiv ist, bevorzuge ich GeneratePress, das ich als noch zugänglicher und benutzerfreundlicher empfand, wenn auch mit ein paar weniger Optionen.

Aber am Ende sind sich die beiden Themen in Bezug auf die Qualität wirklich sehr ähnlich.

Um den Astra zu erhalten, gehen Sie auf die offizielle Website über den Button unten.

Offizielle Website von Astra

Von nun an liegt es an Ihnen. Ich würde sehr gerne Ihren Standpunkt hören.

Was denkst du über Astra? Sind Sie ein erfahrener Benutzer oder möchten Sie es nach dem Lesen unseres Tests ausprobieren?

Inhalt