Top 10 der Open-Source-WordPress-Theme-Frameworks

Wenn es darum geht, WordPress-Themes und -Websites zu erstellen, gibt es mehrere Möglichkeiten. Sie können den gesamten Code von Grund auf selbst schreiben, ein fertiges Theme anpassen oder auf ein WordPress-Theme-Framework zurückgreifen. In diesem Beitrag möchten wir uns auf Letzteres konzentrieren. Frameworks werden verwendet, um den Webentwicklungsprozess zu vereinfachen, da Sie sich auf das Design und nicht auf den Code konzentrieren können. Mit anderen Worten, die schwierigste Arbeit ist für Sie bereits erledigt, bevor Sie überhaupt anfangen.

Obwohl Frameworks viel Zeit und Mühe sparen können, gehen die Meinungen darüber unter den Autoritäten in der Zielbranche auseinander.

Ob Sie ein Theme-Framework verwenden oder darauf verzichten, bleibt ganz Ihnen überlassen. Wenn Sie sich entscheiden, diese Engine auszuprobieren, finden Sie möglicherweise diese Reihe von Open-Source-WordPress-Design-Frameworks hilfreich für Ihr Vorhaben. Wählen Sie dasjenige, das mit den Funktionen ausgestattet ist, die Ihren individuellen Bedürfnissen entsprechen.

Cherry Framework von TemplateMonster

Das erste Open-Source-Tool, das in unserem Beitrag vorgestellt wird, ist Cherry Framework powered by Bootstrap. Die vor nicht allzu langer Zeit veröffentlichte neueste Version 4.0 hat in vergleichsweise kurzer Zeit viele positive Kommentare von Webentwicklern erhalten.

Mit Cherry 4.0 können Sie alle unnötigen Optionen ausschalten, damit nichts Ihre Aufmerksamkeit beim Erstellen einer Website ablenkt. Ein solches Feature fehlt in den meisten Frameworks, ist aber für eine komfortable Nutzung ein Muss.

Hauptmerkmale des Cherry Frameworks:

• Die unabhängige Modulstruktur ermöglicht es Ihnen, Cherry-Komponenten als eigenständige Tools zu verwenden. Das sollte laut Tom J. Nowell von Automattic jedes Framework haben.
• Mehrere Shortcode-Variationen helfen dabei, Inhalte unterschiedlicher Art in Ihre Website einzubetten.
• Shortcode Template Editor soll Vorlagen für Shortcodes erstellen und sie anpassen, indem die Reihenfolge der Elemente, ihre Attribute usw. geändert werden.
• Mit dem Static Area Builder können Sie eine bevorzugte Position für statische Seitenelemente in der gesamten Kopf- und Fußzeile festlegen. Dies ist durch einfaches Ziehen und Ablegen dieser Elemente möglich.
• CSS Minifier ist ein innovatives Tool, das entwickelt wurde, um mehrere CSS-Dateien zu einer einzigen zu kompilieren und sie anschließend zu komprimieren, um das Laden der Website zu beschleunigen.
• Die Sicherungsoption ist praktisch, um die vorherigen Einstellungen wiederherzustellen, wenn Ihnen die gerade vorgenommenen Änderungen nicht gefallen.
• Mehrere Plugins sind in Cherry integriert, um schnelle Lösungen für verschiedene Zwecke bereitzustellen. Um nur einige zu nennen, gibt es Plugins, die Diashows, Seitenleisten, Megamenüs und Beitragstypen für Testimonials, Dienstleistungen, Team und Portfolio hinzufügen sollen.
• Durch die Kompatibilität mit Tools von Drittanbietern können Sie Ihre Website mit zusätzlichen Funktionen ausstatten.
• Responsive & WPML-Ready sind heutzutage unverzichtbare Funktionen, da sie die Erstellung mehrsprachiger Websites ermöglichen, die sowohl auf Desktops als auch auf tragbaren Geräten einwandfrei funktionieren.

Hybrid Core von ThemeHybrid

Hybrid Core ist ein einfach zu startendes Framework, mit dem Sie Themen mit komplexer Funktionalität erstellen können, ohne zu viel zu programmieren. Stattdessen können Sie vorcodierte Funktionen in Ihre Designs aufnehmen. Das Framework ist mit Schema-Standards kompatibel, wodurch Ihre Daten SEO-freundlicher werden. Darüber hinaus ist Hybrid Core vollgestopft mit entwicklerfreundlichen Funktionen, die wie folgt aussehen.

Hauptmerkmale des Hybridkerns:

• Breadcrumbs Script funktioniert gut auf Seiten aller Art, einschließlich benutzerdefinierter Beitragstypen und Taxonomien.
• Cleaner Gallery ist ein Shortcode, der ungültiges HTML reparieren kann und Ihnen die vollständige Kontrolle über eine Bildergalerie gibt.
• Media Grabber ermöglicht es, die vorgestellten Medien zu erstellen, die direkt aus Ihren Posts entnommen werden können.
• Beitragsvorlagen sind nützlich, um benutzerdefinierte Vorlagen für verschiedene Beitragstypen zu erstellen. Sie sind coole Ergänzungen zu Seitenvorlagen.
• Nummerierte Paginierung bedeutet, dass Sie paginierte Links für Such-, Blog- und Archivseiten erstellen können. Sie übertreffen die Standard-„Zurück/Weiter“-Links in ihrer Funktionalität.
• Die Übersetzungsfreundlichkeit ermöglicht es Ihnen, Übersetzungsdateien automatisch in übergeordnete und untergeordnete Themen zu laden.

Gantry von RocketTheme

Gantry wurde von RocketTheme-Profis entwickelt, um mehrere in ihren Themen verwendete Funktionalitäten in einem einzigen Framework zusammenzuführen. Basierend auf einem responsiven Grid-System unterstützt dieses leichtgewichtige Framework SCSS, CSS und LESS. Werfen Sie einen Blick auf die Hauptfunktionen der neuesten Version, dh Gantry 5.

Gantry-Hauptmerkmale:

• Layout Manager macht das Erstellen und Anpassen von Layouts per Drag & Drop zum Kinderspiel.
• Particle System ermöglicht die mühelose Erstellung, Konfiguration und Verwaltung von Inhaltsblöcken.
• Visual Menu Editor ermöglicht es Benutzern, die Menühierarchie zu strukturieren, Partikel und Symbole hinzuzufügen usw.
• Mega Menu soll neben einem Standard-Dropdown-Menü eine erweiterte Navigation bieten.
• Die Verwaltungsschnittstelle wird von Ajax unterstützt, um ein Website-Backend blitzschnell zu verwalten.
• Mit dem Twig Templating System können Sie mühelos leistungsstarke Themen entwickeln.

Zusätzlich zu den oben genannten Funktionen sind auch die YAML-basierte Konfiguration, Mega-Menü-Unterstützung, Off-Canvas-Panel, leistungsstarke Vererbungsfunktionen sowie integrierte Auswahlmöglichkeiten für Symbole, Schriftarten und Bilder erwähnenswert.

Landebahn von Parallelus

Runway ist eine Open-Source-Lösung, die die Entwicklung von WordPress-Themes erleichtern soll. Mit seiner Hilfe können Sie Ihre Themes standalone, also unabhängig vom Framework, verteilen.

Runway ist auch ein White-Label-Tool, mit dem Sie Ihr Thema als Ihre eigene Idee ohne Beteiligung Dritter darstellen können. Überprüfen Sie die wichtigsten Framework-Features und ihre Funktionen unten.

Hauptmerkmale der Start- und Landebahn:

• Der Child Theme Generator dient zum Erstellen, Anpassen und Duplizieren von Themes. In Bezug auf die Anpassung können Sie Namen, Beschreibungen, Admin-Menüs, Ordner usw. ändern.
• Der Designoptionen -Generator hilft beim Erstellen von Verwaltungsseiten, Gruppieren von Designoptionen und Generieren benutzerdefinierter Eingabetypen für bestimmte Funktionen. Das Tool verfügt über Drag-and-Drop-, Click-and-Pick-Steuerelemente.
• Der modulare Aufbau ermöglicht es Ihnen, das Framework durch Erweiterungen mit neuen Funktionen zu versorgen. Sie können sie mit einem einzigen Klick hinzufügen.

Wonderflux von Jonny Allbut

Das nächste in unserer Sammlung aufgeführte Open-Source-Framework ist Wonderflux . Diese gut programmierte Lösung kann Ihnen helfen, viel Zeit zu sparen, ohne die Effizienz der Ergebnisse zu beeinträchtigen. Lesen Sie, was Wonderflux den Benutzern bietet.

Hauptmerkmale von Wonderflux:

• Das reaktionsschnelle CSS-Layoutsystem sorgt für eine reibungslose Anpassung benutzerdefinierter Designs an jeden Bildschirm.
• Flexible Layout-Optionen können im Handumdrehen gefiltert, geändert oder vollständig entfernt werden.
• Mit einem Satz von über 100 Hooks können Sie fast jede Art von Inhalt und Code in Ihr Design einbetten.
• Einfache Admin-Optionen machen es einfach, Ihre Website nach Ihren Wünschen neu zu konfigurieren.
• Die Kompatibilität mit WordPress-Plugins bietet Zugriff auf viele zusätzliche Funktionen.
• Valid Markup bietet die Einhaltung allgemein anerkannter Webstandards, was ein günstiger Faktor für SEO ist.

Unyson von ThemeFuse

Unyson ist ein funktionsreiches Framework, das sowohl für Webentwickler als auch für Endbenutzer gedacht ist. Es wird mit vielen Anpassungsoptionen geliefert, um den Prozess der Bearbeitung Ihres Website-Frontends zu vereinfachen. Mittels einer Live-Vorschau-Option können Sie alle Änderungen in Echtzeit im Admin-Panel überprüfen. Hier sind einige weitere seiner coolen Features.

Hauptmerkmale von Unyson:

• Mit dem Drag-and-Drop-Seitenersteller können Sie unbegrenzt Seiten über Inhalts- und Medien-Shortcodes erstellen.
• Content Demo Install ist eine Erweiterung, die die Installation des Themeninhalts genau so ermöglicht, wie er in einer Demo gezeigt wird.
• Über 20 Optionstypen sind praktisch, um Felder, Registerkarten und Formulareingaben für Admin-Seiten zu generieren.
• Mit dem Seitenleistenmodul können Sie Seiten mit dynamischen Seitenleisten ändern. Unterschiedliche Seiten können unterschiedliche Seitenleisten haben.
• Die automatische Sicherung ist eine Option, um Ihre Inhalte direkt im WP-Admin-Panel zu sichern. Sie können auch Termine für automatische Sicherungen festlegen, z. B. jeden Tag, jede Woche, jeden Monat usw.
• Die Breadcrumbs-Erweiterung trägt zu einer schnelleren Navigation bei, indem Orte angezeigt werden, die zuvor auf Ihrer Website besucht wurden.
• Einfach zu implementierende Schieberegler bieten Unterstützung für Bild- und Videoinhalte.

Dies ist keine vollständige Liste der Unyson-Funktionen. Tatsächlich ist dieses Open-Source-WordPress-Design-Framework auch vollgepackt mit mehreren Modulen für SEO, Kontaktformular, Veranstaltungen, Portfolio und das Einreichen von Rezensionen und Bewertungen. Darüber hinaus gibt es benutzerdefinierte Widgets für die Integration in soziale Medien, Flickr und Blog-Registerkarten.

Pressearbeit

PressWork ist ein kostenloses WordPress-Framework, das mit HTML5 und CSS3 erstellt wurde. Es ist auf verschiedene Kategorien von Benutzern zugeschnitten, z. B. Entwickler, Designer, Verleger, buchstäblich jedermann. Sehen Sie sich unten einige der PressWork-Funktionen an.

Hauptmerkmale von PressWork:

• Der Front-End-Editor kann Ihnen helfen, die visuelle Seite Ihrer Website mithilfe der Drag-and-Drop-Funktionalität zu ändern.
• BriefCase ist eine Reihe von erweiterten Plugins, mit denen Sie die Designfunktionalität erweitern können. So können Sie das Framework optimal nutzen.
• Medienabfragen machen Ihr Thema auf Bildschirme von Handheld-Geräten skalierbar und bieten ein optimales visuelles Erlebnis.
• Die PSD-Datei dient zum Anpassen Ihres Designs in Photoshop, insbesondere zum Ändern des Logos, der grafischen Elemente usw.

Reverie von ThemeFortress

Reverie ist ein vielseitiges WordPress-Framework, das entwickelt wurde, um Blogs, CMS, Online-Broschüren oder jede andere Art von Website zu erstellen. Abhängig von Ihren Bedürfnissen und Fähigkeiten können Sie es entweder als Starter- oder als übergeordnetes Thema verwenden. Lesen Sie weiter, um eine klare Vorstellung davon zu bekommen, worum es bei Reverie geht.

Reverie Hauptmerkmale:

• Das Framework wird von der ZURB Foundation betrieben und erbt alle ihre Funktionen.
• HTML5 und das Mikroformat hNews sorgen für eine klarere Struktur und bessere Lesbarkeit. Um HTML5-Tags auszugeben, können Sie benutzerdefinierte WordPress-Funktionen verwenden.
• Mittels Medienabfragen können Sie Ihr Theme ganz einfach für tragbare Geräte wie Smartphones und Tablets optimieren.
• Reverie ist von Natur aus ziemlich minimalistisch und bietet nur 2 Widget-Bereiche und 2 benutzerdefinierte Menüs .
• Wenn es um das Gestalten von Webseiten geht, können Sie sowohl SCSS als auch herkömmliches CSS nutzen.

Reverie ist nur teilweise für SEO optimiert, daher wird empfohlen, für diesen Zweck ein separates Plugin zu verwenden.

Vafpress

Vafpress enthält eine Toolbox zum einfachen Erstellen des Backends Ihres WordPress-Themes. Um das Framework kurz zu charakterisieren, lohnt es sich, die folgenden Tools aufzulisten.

Hauptmerkmale von Vafpress:

• Script Load Management sorgt dafür, dass Seiten nur notwendige Skripte laden. Somit wird das Frontend nicht mit irgendwelchen Framework-Prozessen überlastet.
• Für Benutzer von Vafpress stehen mehrere Felder zur Verfügung, z. B. TextArea, MultiSelect, CheckBox, RadioButton, Toggle, Sorter und vieles mehr.
• Theme Options Builder hilft beim Organisieren von Feldern in Menüs, Untermenüs und Abschnitten. Der Builder kann im XML-Format geschrieben und anschließend in ein PHP-Array konvertiert werden.
• Mit Metabox Builder können Sie Metaboxen in PHP Array schreiben.
• Eine Gruppe von Wiederholungsfeldern kann verwendet werden, um einige Felder mit einer beliebigen Anzahl von Vorkommen zu definieren.

Unterstriche

Das letzte, aber nicht zuletzt in unserem Set enthaltene Tool ist Underscores . Einige Fachleute bezeichnen es als Framework, während andere es als Starter-Theme bezeichnen. Unabhängig von dem Namen, den Sie zum Definieren von Unterstrichen wählen, wird dies Ihre Webentwicklungsbemühungen erheblich erleichtern. Hier ist eine kompakte Checkliste seiner Funktionen:

Unterstreicht Hauptmerkmale:

• Option zum Implementieren eines benutzerdefinierten Beispielheaders .
• Benutzerdefinierte Vorlagen-Tags , um Codeduplizierung zu verhindern und Vorlagen sauberer zu halten.
• Skript zum Umwandeln eines Menüs in ein umschaltbares Dropdown-Menü auf Displays von Mobiltelefonen.
• Zwei Beispiel-CSS-Layouts mit unterschiedlichen Seitenleistenpositionen, dh rechts und links.
• Gut organisiertes CSS , um den Prozess der Themenerstellung zu optimieren.
• Vordefinierte 404-Vorlage .

Themosis WordPress-Framework

Unter Verwendung einer eleganten und einfachen Codesyntax verwendet das Themosis WordPress Framework "moderne" PHP-Funktionen wie anonyme Funktionen, Namespaces, ist Composer-fähig und eine Mischung aus WordPress Best Practices und einem typischen MVC-Framework.

Beendet!

Wie Sie sehen, finden Sie eine große Anzahl kostenloser WordPress-Theme-Frameworks . (Sowie kostenlose WordPress-Themes.) Sie bieten Ihnen die Möglichkeit, der visuellen Seite Ihres Projekts mehr Aufmerksamkeit zu schenken und ein langwieriges Codierungsverfahren zu überspringen. Jetzt ist es an der Zeit zu entscheiden, welches der responsiven Frameworks Sie beim Erstellen Ihres nächsten Projekts unterstützen wird.

Das könnte Ihnen auch gefallen: Top 10 WordPress-Plugins zum Hinzufügen von E-Commerce zu Ihrer Website.