Erstellen Sie eine perfekte WordPress-Website mit Layers

Eine der besten Eigenschaften von Open-Source-Software ist, dass Sie sie nach Herzenslust modifizieren können. Deshalb ist WordPress eine so großartige Blogging-Plattform – Sie können aus Hunderten von Themen wählen und es auch mit Plugins erweitern und seine Leistung mit hilfreichen Tricks verbessern.

Wenn Sie schon immer Ihr eigenes WordPress-Theme erstellen wollten, aber nicht die Programmierkenntnisse oder die Zeit hatten, um zu lernen, ist Layers definitiv das Richtige für Sie. Es handelt sich um ein Themen-Framework, das eng mit den Standard-WordPress-Optionen integriert ist und ein nahtloses Anpassungserlebnis ermöglicht. Sie können es verwenden, um WordPress-Themen ohne Programmierkenntnisse über eine Drag-and-Drop-Oberfläche und benutzerfreundliche Dialoge zu gestalten.

Installation & Integration mit WordPress

Layers ist kostenlos und Open Source, sodass Sie einfach die .zip herunterladen und über den Dialog zur Themeninstallation in Ihr bestehendes WordPress-Setup installieren können. Um Layers zu verwenden, müssen Sie es als aktives WordPress-Theme auswählen.

Sobald es aktiviert ist, wird Layers von mehreren Teilen der WordPress-Oberfläche aus zugänglich sein. Es wird ein neues Menü namens „Layers“ in der Haupt-WordPress-Seitenleiste geben. Hier können Sie alle Aspekte von Layers von Ihrem eigenen Dashboard aus steuern.

Layers wird auch mit dem Menü „Aussehen“ integriert, wo Sie darauf zugreifen können, indem Sie auf „Anpassen“ klicken, und dem Menü „Seiten“, wo Sie eine neue Seite als „Layers-Vorlage“ hinzufügen können. Schließlich wird es beim Vorschau Ihrer WordPress-Website eine neue Option – „Layout bearbeiten“ – in der Symbolleiste geben.

Wenn Sie Layers einfach ausprobieren möchten, ohne es zu installieren, gibt es eine Demoversion, die im Browser läuft, aber eine (kostenlose) Registrierung erfordert.

Bearbeiten von WordPress-Seiten mit Layers

Layers funktioniert im Wesentlichen als ein vollständig anpassbares WordPress-Theme; im Gegensatz zu anderen Themen mit vordefinierten Funktionen können Sie jedes Element Ihrer Website anpassen, indem Sie Widgets hinzufügen, entfernen und bearbeiten. Wenn Sie keine Lust haben, Seiten von Grund auf neu zu erstellen, können Sie eines der vordefinierten Layouts auswählen. Einige Vorlagen sind für bestimmte Zwecke erstellt, wie z. B. eine Portfolioseite, Landing Pages oder eine Videoseite. Um mit Layouts zu arbeiten, klicken Sie entweder auf „Layout bearbeiten“ in der Hauptsymbolleiste oder auf „Ihre Seite bearbeiten“ im Menü „Seiten“ in der WordPress-Seitenleiste.

Der Layers-Editor hat die Hauptseitenleiste auf der linken Seite, wo Sie auswählen können, was Sie bearbeiten möchten (Seiteninhalt, mobile Seitenleiste, Fußzeile). Jeder Abschnitt ist ein Dropdown-Menü, in dem Sie Widgets hinzufügen und neu anordnen können. Ein Klick auf ein Widget öffnet seinen Optionsdialog auf der rechten Seite für weitere Anpassungen.

Die vertikale Symbolleiste mit Symbolen wird als Designleiste bezeichnet und ändert sich je nach ausgewähltem Widget. Jedes Widget hat sein eigenes Set an Funktionen, und Layers-Widgets sind mit einem blauen Symbol gekennzeichnet, um sie von den Standard-WordPress-Widgets zu unterscheiden. Ein Klick auf die Schaltfläche „Erweitert“ in der Designleiste ermöglicht es Ihnen, CSS für dieses Widget zu bearbeiten. Auf diese Weise bietet Layers fortgeschrittenen, CSS-versierten Benutzern einen größeren Grad an Kontrolle über den Inhalt.

Natürlich müssen Sie den Code nie berühren, wenn Sie das nicht möchten, selbst wenn es um responsives Design geht. Layers bietet Unterstützung für mobile Geräte, indem Sie ein spezielles, nur für mobile Geräte geeignetes Menü erstellen, indem Sie einfach Widgets auswählen und neu anordnen.

Das Bearbeiten eines Layouts betrifft nur die ausgewählte WordPress-Seite. Layers kann jedoch auch siteweite Einstellungen ändern. Um darauf zuzugreifen, navigieren Sie weg von „Layout bearbeiten“, indem Sie auf den Zurück-Pfeil in der Seitenleiste des Layers-Editors klicken.

Anpassen der Website-Einstellungen

Im Menü „Website-Einstellungen“ können Sie Elemente wie Logo und Website-Titel, Navigation und Seitenleisten steuern sowie Google Fonts dank der Integration von Layers mit dem Dienst verwenden.

In der Seitenleiste des Layers-Editors gibt es auch separate Optionen zum Bearbeiten von Kopf- und Fußzeile, zum Festlegen einer statischen Startseite und zum Hinzufügen von benutzerdefiniertem CSS. Die Abschnitte Kopf- und Fußzeile enthalten jeweils einen Tab „Zusätzliche Skripte“, den Sie verwenden können, um benutzerdefinierten Code in Ihre Website einzufügen, wie z. B. Google Analytics-Tracking oder ähnliche Javascript-basierte Funktionen.

Wenn Sie planen, ein Theme mit Layers zu erstellen, empfehle ich Ihnen, mit diesen allgemeinen Elementen (siteweiten Einstellungen) zu beginnen und sich dann darauf zu konzentrieren, einzelne Seiten anzupassen und Vorlagen zu erstellen, die Sie auf eine Reihe von Seiten anwenden können.

Export & Erweiterte Funktionen

Sobald Sie mit dem Layout, das Sie erstellt haben, zufrieden sind, können Sie es in mehreren verschiedenen Formaten exportieren. Gehen Sie im WordPress-Dashboard zum Layers-Menü und wählen Sie Backup, um alle Optionen zu sehen. Sie können nur die Layouts exportieren oder ein vollständiges Backup Ihres Inhalts zusammen mit den modifizierten Widget-Einstellungen durchführen.

Mit Layers ist es auch möglich, Child-Themes und Style Kits zu erstellen, die umfangreichere Exporte sind, die alle Elemente der Website-Oberfläche enthalten. Sie können jedoch nur auf einer WordPress-Installation angewendet werden, die Layers hat. Die offizielle Dokumentation erklärt, wie man Style Kits erstellt und importiert.

Eine weitere nützliche Funktion von Layers ist die Unterstützung für WooCommerce, die den Aufbau von E-Commerce-Websites erheblich erleichtert.

Fazit

Layers ist ein wachsendes Projekt, daher ist es wahrscheinlich, dass einige Funktionen, die fehlen, in zukünftigen Versionen hinzugefügt werden. Es ist eine einfache Möglichkeit für WordPress-Anfänger, schnell ein benutzerdefiniertes Theme zu erstellen, und es belastet die Website nicht. Die Benutzeroberfläche ist übersichtlich und unkompliziert mit einem von links nach rechts verlaufenden Workflow, der Sie von der Seitenleiste über Dropdown-Menüs zu einzelnen Widget-Dialogen führt. Natürlich ist Layers nicht die einzige WordPress-Erweiterung dieser Art, also wenn Sie aus irgendeinem Grund nicht zufrieden sind, können Sie Platform oder Unyson ausprobieren, die wir zuvor behandelt haben.

Haben Sie Layers ausprobiert? Bevorzugen Sie es, Ihre eigenen WordPress-Themen zu erstellen, oder verlassen Sie sich auf die Kreationen anderer Designer? Teilen Sie uns Ihre Meinung in den Kommentaren mit.