Richten Sie einen Inhalt mit voller Breite oder Box mit Astra Free Theme ein

Astra-Thema

Astra ist ein effizientes und vollständig anpassbares WordPress-Theme. Es ist wunderschön und schnell, was es ideal für Blogs, Unternehmen, persönliche Portfolios und WooCommerce-Geschäfte macht. Da es leicht ist, bietet es eine hohe Geschwindigkeit für die Website. Astra wurde mit Blick auf SEO entwickelt, wodurch die Website in Suchmaschinen einen höheren Rang einnimmt. Mit seinen speziellen Funktionen und Vorlagen ist es ideal für Seitenersteller wie Elementor, Divi, Beaver Builder, SiteOrigin, Visual Composer usw.

Container

Eine Seite auf einer Website kann bequem als Container bezeichnet werden, da ein Container ein Bereich ist, in dem der Inhalt angezeigt wird. Einfach ausgedrückt umfasst der Container die gesamte Seite. Unabhängig davon, ob es sich um den Inhaltsbereich oder die Seitenleiste handelt, wird er in den Container aufgenommen. Technisch bezeichnen wir den Inhaltsbereich als primären Container, während die Seitenleiste als sekundärer Container bezeichnet wird.

Wie manipuliere ich Container-Layouts auf einer Website?

Die Verwendung eines Astra-Themas erleichtert das Anwenden von Container-Layouts auf die gesamte Website. Sie können die Raster mit über die Customizer-Option einrichten. Dies finden Sie auf der Registerkarte Darstellung: Darstellung> Customizer> Global> Container.

• Sie können auch verschiedene Container für verschiedene Seiten und Beiträge einzeln über Metaeinstellungen anwenden.
• Wenn Sie verschiedene Einstellungen für die gesamte Website angewendet haben, und verschiedene Einstellungen in Meta Einstellungen , dann die seitenspezifische Meta Einstellungen haben höhere Priorität als die Gesamt-Seite Customizer Einstellungen.

Behälterbreite

Der gesamte Inhalt der Website, ob grafisch oder textuell, wird innerhalb dieser Breite angezeigt. Sie können eine Vielzahl von Ansichten erstellen, indem Sie die Breite mit dem Containerlayout kombinieren.

Containerlayout

Astra Free Theme bietet 4 Arten von Container-Layouts. Dies sind globale Layouts, die auf die gesamte Website angewendet werden. Wenn Sie ein variierendes Layout für verschiedene Beitragstypen wünschen, können Sie dies mit einem dedizierten Container-Layout tun.

Mit Hilfe der Seiten-Metaeinstellungen können Sie das Containerlayout jeder Seite besser steuern.

Es gibt folgende Arten von Containerlayouts.

• Boxed
• Inhalt verpackt
• Volle Breite / Enthalten
• Volle Breite / gedehnt
• Spezielles Container-Layout

Spezielles oder spezifisches Layout

Die oben angegebenen vier Arten von Containerlayouts sind für bestimmte Pfostentypen separat verfügbar. Dies bedeutet, dass, wenn Sie ein Standardlayout auswählen, z. B. Boxed Layout, und für Archive die Option Full Width ausgewählt haben, die gesamte Site über Boxed Layout verfügt, während Archivseiten über Full Width / Contained Layout verfügen.

• Seitenlayout - Nur für Seiten
• Archivlayout - Alle Archive
• Blogpost-Layout - Für Blog-Archiv- und einzelne Blogpost-Seiten

Das Astra-Theme bietet die Integration mit vielen gängigen plugin . Diese plugin bieten die Integration mit Astra:

WooCommerce

EDD ( Easy Digital Downloads )

LearnDash

LifterLMS (3)

Wenn die oben genannten plugin installiert sind, können Sie auch für diese plugin Seiten auf dedizierte Container-Layout-Optionen zugreifen.

Die dedizierten Module des Astra Pro Addon- plugin bieten erweiterte Optionen. Die dedizierten Module des Astra Pro Addon- plugin enthalten folgende Optionen:

• Die Seiten-Metaeinstellungen haben Vorrang vor dem Containerlayout. Die Priorität der Metaeinstellungen ist höher als die der Customizereinstellungen.
• Die Einstellungen für das Site-Layout bestimmen die Breite des Containers.

Containerlayout / Layout in voller Breite

Die Containereinstellungen in voller Breite können über die Customizer-Einstellungen in den Dokumenten geändert werden .

Dokumente »Customizer-Einstellungen» Global »Volle Breite / Enthalten - Container-Layout

Wie bereits erläutert, kann eine Website zwei Container enthalten. Primärcontainer und Sekundärcontainer.

Primärcontainer ist die Seite, auf der der Hauptinhalt angezeigt wird.

Der sekundäre Container besteht aus der Seitenleiste und verschiedenen Widgets in der Seitenleiste.

Mithilfe eines Layouts „Volle Breite / Enthalten“ können Sie den primären und den sekundären Container kombinieren. Diese Container können dann in einem einzelnen Container angezeigt werden, um ein aufgeräumteres Erscheinungsbild zu erzielen. Das Layout "Volle Breite / Enthalten" zeigt Inhalt und Seitenleiste nebeneinander in einem einzigen Container an. Dieser Container lässt um den Container herum Platz, da er in einer Containerbreite angezeigt wird.

Die Containereinstellungen können geändert werden, indem Sie zu Darstellung gehen und diesem Pfad folgen:

Darstellung> Anpassen> Global> Container

Das Layout mit voller Breite / Inhalt ist ideal für Websites, die ein ordentliches Design ohne Kästchen oder Rastergrenzen benötigen. Dieses Layout kann durch Integration mit plugin wie WooCommerce, LifterLMS usw. als Standard festgelegt werden.

Viele Seitenersteller, wie z. B. Visual Composer, benötigen das Thema, um die Breite von Containern zu steuern. Aus dem gleichen Grund empfehlen sie das Layout "Volle Breite / Enthalten".

Die dedizierten Module des Astra Pro Addon- plugin bieten mehr Styling-Optionen.

Inhaltsverpackung - Containerlayout

Dokumente »Customizer-Einstellungen» Global »Inhalt Boxed - Container-Layout

Wir haben bereits erwähnt, dass eine Website normalerweise zwei Container haben kann:

Primärcontainer: Hier wird der Hauptinhalt angezeigt

Sekundärcontainer: Besteht aus einer Seitenleiste und verschiedenen Widgets

Wenn Sie das "Layout der Inhaltsbox" auswählen, wird nur der Primärcontainer im Boxed-Format angezeigt. Der Sekundärcontainer bleibt auf einem einfachen Hintergrund.

Wenn Sie den Inhaltsbereich Ihrer Website stärker als die Seitenleiste hervorheben möchten, ist die Auswahl dieses Layouts ideal. Einfach ausgedrückt, ist Content Boxed Layout perfekt für die Content-Websites und Blogs.

Die Einstellungen für das Boxed Layout finden Sie wie folgt:

 Darstellung> Anpassen> Global> Container

Wenn Sie einen anderen Container für einzelne Seiten anwenden möchten, können Sie dies außerdem über die Metaeinstellungen tun.

• Ein Inhaltsbox-Container kann über Metaeinstellungen für ausgewählte Seiten oder Beiträge angewendet werden.
• Die Einstellungen für das Site-Layout bestimmen die Breite des Containers.
• Mithilfe des Astra Pro Addon- plugin können Sie die Hintergrundfarbe der Site über das Modul Farben und Hintergründe ändern. Wenn Sie jedoch nicht über Astra Pro verfügen, können Sie auch ein Hintergrundbild mit benutzerdefiniertem CSS hinzufügen.

Funktionen von Astra Free Theme

Astra ist zweifellos das beste Thema für Elementor. Es funktioniert hervorragend mit Elementor, was es zum besten kostenlosen Thema für die Erstellung von Websites macht. Im Folgenden haben wir die Funktionen erläutert, die Astra zum besten Thema machen.

Volle Breite / gestrecktes Layout

Astra bietet ein Layout mit voller Breite und Dehnung, das speziell für Elementor entwickelt wurde. Mit diesem Layout erhält Elementor die vollständige Kontrolle über Ihr Layout, sodass Sie keine komplizierten JavaScript-Methoden mehr benötigen, um Ihre Zeilen oder Abschnitte auf die volle Breite zu erweitern.

Seitenleiste / Ausgewähltes Bild / Titel deaktivieren

Mit Astra können Sie Seitenleiste, Seitentitel, Breadcrumb und ausgewählte Bilder ganz einfach deaktivieren, um die volle Gestaltungsfreiheit mit Elementor zu erhalten. Wenn Sie diese Funktionen deaktivieren, können Sie eine leere Leinwand erstellen, mit der Sie Ihre Website von Grund auf neu gestalten können - ganz nach Ihren Wünschen. Sie können sogar eine benutzerdefinierte Zielseite erstellen, die Kopf- und Fußzeile von Astra deaktivieren, damit Elementor die volle Kontrolle über die Seite hat.

Die meisten Themen geben diese Funktionen standardmäßig aus, wodurch die Kontrolle des Benutzers beim Entwerfen der Site verringert wird.

Globale Optionen aus dem Customizer

Mit den globalen Optionen von Astra können Sie das erforderliche Layout, die Seitenleiste und andere benutzerdefinierte Einstellungen, die für Elementor geeignet sind, direkt im Customizer festlegen. Die globale Option ist besonders dann ideal, wenn Sie eine Website erstellen, auf der die meisten Seiten mit Elementor gestaltet sind.

Wenn Sie unterschiedliche Einstellungen für einzelne Seiten wünschen, wird die globale Option durch diese einzelnen Einstellungen überschrieben.

Elementor Pro 2.0-kompatibel

Astra ist eines der wenigen Themen, die vollständig mit dem Elementor 2.0 Theme Builder kompatibel sind. Mit Astra und Elementor Pro 2.0 Theme Builder können Sie jeden Aspekt Ihrer Website mikro-gestalten. Egal, ob Sie eine andere Kopf-, Fuß- oder Blog-Vorlage oder etwas anderes auswählen, mit diesen beiden leistungsstarken Tools können Sie es ganz nach Ihren Wünschen gestalten.

Elementor-Integration

Astra bietet eine intelligente Integration mit Elementor. Wenn Sie eine Seite mit Elementor erstellen, legt Astra automatisch die Optionen fest, die für Elementor am besten geeignet sind. Diese intelligente Integration spart viel Zeit und Energie, die Sie für andere wichtige Dinge verwenden können.

Kopf- und Fußzeilenoptionen

Astra bietet mehr als 30 Arten von Kopf- und Fußzeilen an. Sie können auswählen, ob Sie eine transparente oder eine feste Überschrift wünschen. Mit dem Astra Pro-Addon können Sie Ihren Header sogar von Grund auf auf Elementor erstellen, wie es Ihren benutzerdefinierten Anforderungen entspricht.

Mobile Header-Optionen

Mit Astra können Sie mobile Websites erstellen. Astra bietet eine praktische Lösung für das mobile Reaktionsmenü, das im Customizer sehr einfache Einstellungen bietet. Auf diese Weise können Sie ein schönes mobiles Menü steuern und gestalten. Sie können das gesamte Menü ohne benutzerdefinierten Code erstellen.

Leicht & Aufblähungsfrei

Astra bietet Unterstützung für Elementor. Dies bedeutet, dass Astra die von elementor angebotenen Funktionen nicht dupliziert. Astra ist ein leichtes und modulares Thema. Es kümmert sich um die Kosmetik wie globale Farben, Typografie und Styling sowie plugin Integrationen von Drittanbietern. Während Elementor den Teil zum Erstellen von Seiten übernimmt.