Heute möchte ich Ihnen einen schnellen Weg aufzeigen, wie Sie mit dem kürzlich entdeckten WordPress-Builder Spectra eine voll ausgestattete Website für Online-Bildung erstellen und Ihre Kurse verkaufen können .
Wenn Sie noch nie mit WordPress gearbeitet haben, werden Websites mit diesem CMS in der Regel mit einem speziellen Builder erstellt. Heutzutage gibt es buchstäblich eine Vielzahl von Beispielen. Einige von ihnen bieten eine kostenlose Version (mit einer erweiterten Pro-Version), während andere nur Premium-Versionen haben. Diese Arten von Buildern sind speziell für Personen gedacht, die ihre Website in kurzer Zeit und ohne umfangreiche Programmierkenntnisse einrichten wollen, ohne dafür einen Spezialisten engagieren zu müssen.
Wie ich bereits erwähnt habe, gibt es zahlreiche Website-Baukästen, aber nur wenige sind beliebt, wirklich intuitiv und einfach zu bedienen. Als leuchtende Beispiele Elementor, Beaver Builder, Divi builder. Aber auch WordPress hat seinen eigenen Page Builder – Gutenberg, der sich ständig verbessert, um das Niveau der genannten Marken zu erreichen (obwohl er meiner Meinung nach anfangs nur mittelmäßig war). Darüber hinaus gibt es jetzt mehr Tools von Drittanbietern, Marken und Unternehmen, die ihre eigenen Blöcke und Widgets speziell für Gutenberg entwickeln. In einigen Fällen müssen Sie also nicht einmal separate Seitenerstellungsprogramme für WordPress herunterladen oder kaufen.
Brainstorm Force hat bereits seit einigen Jahren einen eigenen, auf Gutenberg basierenden Builder namens Spectra. Ich habe es selbst ausprobiert und kann mit gutem Gewissen sagen, dass es ein Vergnügen ist, damit Elemente zu bauen.
Außerdem wusste ich schon, bevor ich es vollständig erkundet hatte, dass es mir gefallen würde, weil alle Produkte von Brainstorm in Bezug auf Design, Preis und Funktionalität sehr hochwertig waren und sind. Das hauseigene Markentheme (vorgefertigte Vorlage für eine Website) Astra beispielsweise ist vielseitig einsetzbar und hat bereits große Popularität als eines der erfolgreichsten Themes in der Geschichte von WordPress erlangt.
Genug der langen Worte, lassen Sie mich Ihnen kurz erklären, wie Sie als Online-Lehrer schnell eine Website für Ihre Schule oder für die individuelle Werbung für Ihre Kurse erstellen können.
In der Tat können Sie mit Spectra verschiedene Websites für unterschiedliche Nischen erstellen (natürlich nicht nur für die Online-Bildung). Da ich jedoch selbst Ausbilder bin und unser WordPress-Plugin für die Erstellung von Kursen verwende, werde ich das Prinzip der Erstellung und Bearbeitung einer Website mit zwei Tools betrachten – Spectra als Seitenerstellungsprogramm und MasterStudy LMS als E-Learning-Engine.
Inhaltliche Gliederung
- Was ist Spectra?
- Schneller Installationsprozess
- Erstellen einer Seite mit Spectra – Kurzübersicht
- Was gibt Ihnen eine Spectra Pro?
- Schlussfolgerung
Was ist Spectra?
WordPress Spectra ist ein benutzerfreundlicher Page Builder, der von Brainstorm Force entwickelt wurde, um die Entwicklung von Websites mit WordPress zu vereinfachen. Spectra wurde vor einigen Jahren auf den Markt gebracht und richtet sich an Privatpersonen und Unternehmen, die eine intuitive, effiziente und vielseitige Lösung für die Erstellung von Websites suchen.
Es ist speziell auf diejenigen zugeschnitten, die atemberaubende Websites erstellen möchten, ohne sich in komplizierte Programmierung zu vertiefen. Spectra bietet eine breite Palette von Design-Tools, vorgefertigten Vorlagen und anpassbaren Blöcken zur Erstellung optisch ansprechender und funktionaler Websites.
Sie können Spectra als kostenlosen Page Builder finden, aber es gibt auch die erweiterte Premium-Version, falls Sie mehr Optionen und Widgets für Ihre Website benötigen.
Schneller Installationsprozess
Als erstes müssen wir also das MasterStudy LMS WordPress Plugin installieren. Da es sich um ein kostenloses Tool handelt, können Sie es ganz einfach auf die übliche Weise über den Abschnitt Plugins installieren.
Ich werde nicht in die Tiefen der Website-Einrichtung, der Kurserstellung und der Erstellung von LMS-Seiten mit MasterStudy eintauchen. Dazu gibt es eine ausführliche Anleitung und eine eigene Playlist auf YouTube. Ich möchte nur darauf hinweisen, dass Sie direkt nach der Installation und Aktivierung von MasterStudy aufgefordert werden, die Demoseite zu importieren. Los geht’s. Der Importvorgang erfolgt automatisch, so dass Sie nur noch auf die Schaltfläche Importieren klicken müssen.
Nun, wir haben unsere fertige Website installiert. Mal sehen, wie es live aussieht.
Großartig! Gehen wir nun zurück zum Abschnitt Plugins und suchen nach Spectra. Finden Sie es und installieren Sie es.
Direkt nach der Aktivierung von Spectra öffnet sich ein Fenster mit allen notwendigen Links: Dokumentation, Support-Services, Facebook-Community und sogar ein Begrüßungsvideo. Sie werden sich hier also ganz sicher nicht verirren.
Erstellen einer Seite mit Spectra – Kurzübersicht
Wenn Sie eine neue Seite erstellen, können Sie eine neue Schaltfläche für Vorlagen-Kits entdecken. Klicken wir sie an.
Ich bin auf eine recht umfangreiche Sammlung von Seitenvorlagen für verschiedene Unternehmen und Themen gestoßen. Es gibt Vorlagen für Elektroroller, Buchladen, Kosmetikgeschäft, Immobilien, Werbeagentur, Gastfamilie, Life Coach, Geschenkeladen, Sprachlehrer und viele andere.
Die meisten davon sind kostenlos, aber einige sind nur in der Pro-Version des Builders verfügbar.
Neben den Themenvorlagen gibt es auch Blockmuster, die in helle und dunkle Modi unterteilt sind.
Für einen individuelleren Aufbau Ihrer Website können Sie eine Reihe von Wireframes verwenden. Dies sind leere Blöcke ohne Inhalt, die Sie entsprechend Ihren Zielen ausfüllen können. Sie sind außerdem kategorisiert und sowohl im hellen als auch im dunklen Modus verfügbar.
Was mir daran gefällt, ist, wie intuitiv und klar alles ist.
Was nun die einzelnen Blöcke betrifft, so hat jeder Block die folgenden Kategorien:
- Allgemeines;
- Stil;
- Fortgeschrittene.
Im Bereich Allgemein können Sie die Breite und Höhe des Blocks durch einfaches Verschieben des Schiebereglers ändern. Sie können den Block auch über die Breite strecken.
Im Bereich Allgemein können Sie die Breite und Höhe des Blocks durch einfaches Verschieben des Schiebereglers ändern. Sie können den Block auch über die Breite strecken.
Sie können dem Element/Block ein HTML-Tag aus der verfügbaren Liste zuweisen (z. B. können Sie ein div in ein nav ändern).
Der Block kann als sichtbar (dies ist der Standardzustand), ausgeblendet oder automatisch eingestellt werden.
Schließlich gibt es einen separaten Abschnitt für die Konfiguration von Flex-Modellen mit integrierten Eigenschaften: flex-direction, justify content, align items und wrap. All diese Eigenschaften ermöglichen eine präzise Bewegung und Platzierung eines Elements innerhalb eines anderen Elements.
Im Bereich Stil können Sie hauptsächlich Farben, Elementhintergründe, Rahmen und Abstände verwalten.
Der Abschnitt „Erweitert“ bietet die Möglichkeit, ein Element „klebrig“ zu machen (bewegt sich beim Scrollen der Seite mit), eine Elementanimation festzulegen, zu bestimmen, ob das Element auf drei verschiedenen Geräten erscheint oder verschwindet: Desktop, Tablet, Mobile, und auch den z-Index zu verwalten (das Positionsniveau des Elements gegenüber anderen auf der z-Achse).
Insgesamt erhalten Sie in Spectra 35 kostenlose Elemente, die Sie zum Aufbau Ihrer Website verwenden können.
- Überschrift;
- Bild;
- Knöpfe;
- Info-Box;
- FAQ;
- Google Maps;
- Form;
- Post Grid;
- Liste der Preise;
- Rückblick;
- Taxonomieliste;
- Mannschaft;
- Icon-Liste;
- Bildergalerie;
- Countdown
- und der Rest der coolen Widgets.
Neben den Elementen können Sie, wie bereits erwähnt, auch fertige Inhaltsmuster für Ihre Seite auswählen, und zwar direkt hier in der Standard-Seitenleiste der Gutenberg-Widget-Liste.
Was gibt Ihnen eine Spectra Pro?
Großartig! Sogar die kostenlose Version von Spectra bietet eine Fülle von Möglichkeiten zum Erstellen und Anpassen von Seiten. Überraschenderweise ist es genauso funktional wie Markenriesen wie Elementor und Bricks Builder. Aber ich finde Spectra im Vergleich zu anderen Page Buildern noch benutzerfreundlicher und intuitiver.
Lassen Sie uns nun erkunden, was die Premium-Version des Builders bietet.
Zunächst natürlich die Freischaltung der Vorlagen, die in der kostenlosen Version nicht verfügbar waren.
Weitere wichtige Funktionen der Pro-Version sind Loop- und Popup-Builder.
Popups werden auf vielen Websites zu verschiedenen Zwecken eingesetzt, sei es, um über Preisnachlässe zu informieren oder auf eine Werbeaktion hinzuweisen. Mit Spectra Pro lassen sich diese schnell und einfach erstellen.
Zu den kleineren Verbesserungen gehören mehr Animationseffekte für Blöcke, dynamische Inhalte, ein Schieberegler-Modus, eine reichhaltigere Bildergalerie-Ansicht und eine erweiterte Palette von Elementen und Blöcken, die dem bestehenden Sortiment hinzugefügt wurden.
Die Pro-Version bietet also noch mehr einzigartige Funktionen und zusätzliche Elementauswahl.
Der Preis für die Pro-Version beginnt bei 59 $ für eine Einzelplatzlizenz (mit einem Jahresabonnement). Es gibt auch einen Lifetime-Plan, aber der ist natürlich etwas teurer). Zum Vergleich: Elementor Pro bietet fast das Gleiche für einen ähnlichen Preis.
Übrigens, zum Zeitpunkt dieses Beitrags bietet Spectra einen Rabatt von 50 % auf alle Tarife an. Wenn Sie also von diesem Page Builder fasziniert sind, ist jetzt vielleicht der perfekte Zeitpunkt, sich die Pro-Version zuzulegen.
Hinweis: Der gleiche Black Friday-Rabatt von 50 % gilt auch für MasterStudy LMS mit der Chance, ein iPhone 15 Pro zu gewinnen, was sich ebenfalls lohnt.
Schlussfolgerung
Generell finde ich, dass Spectra ein vielversprechender WordPress-Seitenersteller ist, der bereits in der kostenlosen Version umfangreiche Funktionen und Features bietet. Es steht in einer Reihe mit dem bekannten Elementor und Bricks Builder und zeichnet sich durch eine intuitivere Schnittstelle und Benutzerfreundlichkeit aus.
Die Pro-Version von Spectra bietet eine Fülle von Vorlagen sowie weitere bemerkenswerte Funktionen wie Loop- und Popup-Builder und ist damit ein vielseitiges Tool für unterschiedliche Website-Anforderungen.
Mit Erweiterungen wie verbesserten Animationseffekten, dynamischen Inhalten und einer erweiterten Elementbibliothek bietet Spectra Pro eine Reihe von Optionen zur Gestaltung ansprechender und dynamischer Webseiten.
Das letzte Argument hier ist, dass Spectra perfekt mit vielen beliebten und weit verbreiteten WordPress-Plugins, einschließlich MasterStudy LMS, zusammenarbeitet. Wenn Sie also ein wettbewerbsfähiges LMS mit einem Seitenkonstruktor suchen, sind Spectra und MasterStudy möglicherweise eine gute Wahl.
