Fünf Sekunden – so viel Zeit haben wir laut Forschung, um den Nutzer für unsere Website zu interessieren und ihn dazu zu bringen, länger bei uns zu bleiben. Auch wenn wir argumentieren würden, dass guter Inhalt das Wichtigste ist, zeigt diese Art von Daten, dass das Erscheinungsbild und die allgemeine Präsentation der Seite eine ebenso große, wenn nicht sogar wichtigere Rolle spielen. In diesem Artikel zeigen wir Ihnen, welche kostenlosen Themes es wert sind, ausgewählt zu werden, um Ihre Drupal-Website attraktiv aussehen zu lassen.
Drupal-Themes – allgemeine Informationen
Drupal-Entwickler sind sich der Rolle des Erscheinungsbildes definitiv bewusst, da sie uns Werkzeuge für die Erstellung komplexer und moderner Website-Designs zur Verfügung stellen, und vor allem – die Möglichkeit, sie mit anderen zu teilen. Was sind diese Themes? Einfach ausgedrückt, ein Theme ist dafür verantwortlich, wie unsere Seite aussieht, unter Verwendung von HTML, CSS, JS und vielen, vielen mehr.
Was Drupal unter anderen Frameworks herausstechen lässt, ist die Tatsache, dass wir ein Standard-Theme von Anfang an zur Verfügung haben und die Arbeit an einem eigenen besteht hauptsächlich aus dem Überschreiben der vorhandenen Elemente. Ein eigenes Theme erstellen? Ja, als Programmierer stehen wir frei, eigene Themes zu erstellen und sie sogar mit anderen zu teilen (entweder gegen Gebühr oder kostenlos). Durch Befolgung der entsprechenden Struktur von Dateien und Verzeichnissen können wir mit Hilfe von Themes:
- das Layout, die Typografie und die Farben auf einer oder mehreren Seiten ändern,
- die HTML-Struktur von buchstäblich allem umgestalten,
- die Seite mit JS-Skripten bereichern, um die Benutzererfahrung zu verbessern.
Klingt cool, oder? Die einzige Frage ist, was tun, wenn technisches Wissen fehlt? Hier kommt das eingangs erwähnte Teilen von Themes ins Spiel. Themes funktionieren weitgehend ähnlich wie Drupal-Module, so dass wir, wenn wir einen Link zu einem davon oder einem Archiv haben, unser Standard-Theme von der UI-Ebene aus installieren und einstellen können.
Kostenlose oder kostenpflichtige Themes?
Wir finden Themes sowohl als Hobbyprodukt als auch solche, hinter denen große und erfahrene Unternehmen stehen. Themes können in zwei Hauptkategorien unterteilt werden: kostenlos und Premium (kostenpflichtig). Worin besteht der Unterschied? Es hängt hauptsächlich vom Ersteller ab. Eine Premium-Version kann oft umfangreichere Anpassungsmöglichkeiten auf UI-Ebene bieten, aber das ist keine Regel – tatsächlich gibt es hier überhaupt keine Regeln. Der Ersteller entscheidet über die möglichen Kosten eines Themes, und sein wahrer Wert wird durch die Anzahl der Downloads und die Meinungen der Benutzer validiert.
Wie Sie vielleicht vermuten, gibt es im Netz Unmengen von kostenlosen und Premium-Drupal-Themes, die direkt nach der Installation heruntergeladen und verwendet werden können. Wir werden Ihnen einige unserer Lieblings-Free-Themes zeigen, um zu beweisen, dass ein knappes Budget keine Entschuldigung dafür ist, keine ordentliche und gepflegt aussehende Seite zu haben.
Beste kostenlose Drupal-Themes
Wie soll man nach solchen Themes suchen? Die einfachste Antwort hier ist, einfach den Begriff "kostenlose Drupal-Themes" einzugeben, der viele beliebte und empfehlenswerte Aggregatoren dieser Art von Inhalten zurückgeben sollte. Einige Beispiele solcher Seiten sind:
- Drupal Free Themes,
- Devsaran Website,
- TemplateMonster,
- sowie das bereits verlinkte Drupal.org.
Nun lassen Sie uns konkrete Beispiele von Themes analysieren und die Vorteile der Verwendung von fertigen Themes vorstellen.
YG Magazine
Drupal-Version: 8/9
Link zum Herunterladen des Themes: YG Magazine
Es ist ein Theme, das mit Bootstrap Version 3.0 erstellt wurde. YG Magazine ist perfekt für Seiten mit Nachrichten, Zeitschriften und Periodika geeignet. Es hat die notwendigen Elemente für diesen Zweck – wie einen Nachrichten-Feed (der sowohl die neuesten als auch die beworbenen Inhalte sammelt).
YG Hotel
Drupal-Version: 8/9
Link zum Herunterladen des Themes: YG Hotel
Dieses Theme wurde mit Bootstrap Version 4.0 erstellt. Wie der Name des Themes und seine Ersteller es definieren, wurde es für den Bedarf von Seiten erstellt, die Hotels gewidmet sind. Meiner Meinung nach macht jedoch das moderne und einfache Design es auch für jede Produktseite geeignet.
Business Theme
Drupal-Version: 8/9
Link zum Herunterladen des Themes: Business Theme
Ein leichtes und modernes Theme, das für die Verwendung auf Visitenkarten-Webseiten entwickelt wurde. Responsiveness und Minimalismus sind sehr beliebte Begriffe im zeitgenössischen Design, und die Ersteller dieses Drupal-Themes ließen sich auch von diesen Kategorien leiten.
One Page Theme
Drupal-Version: 8
Link zum Herunterladen des Themes: One Page
Das von den Experten von Zymphonies erstellte Theme zeigt ihr handwerkliches Können in der Erstellung von delikaten, lesbaren und vor allem funktionalen Designs. Viele Anpassungsoptionen, Zugriff auf Hunderte von Icons über Font Awesome und die Verwendung von Bootstrap 3 sind nur einige der Features, die es uns ermöglichen, unsere Flügel zu entfalten, indem wir z.B. eine Homepage für unsere Organisation erstellen.
School Theme
Drupal-Version: 8
Link zum Herunterladen des Themes: School Theme
Ein weiterer Vorschlag von Zymphonies enthält alles, was am vorherigen Theme gut war. Der Unterschied liegt jedoch darin, dass das School Theme sich in erster Linie auf Seiten konzentriert, die Bildungseinrichtungen gewidmet sind. Ein modernes und ansprechendes Design wird hier mit dem Professionalismus und der Ernsthaftigkeit von Bildungsinhalten kombiniert.
Restaurant Theme
Drupal-Version: 8
Link zum Herunterladen des Themes: Restaurant Theme
Der Name selbst verrät bereits, wofür das Theme gedacht ist – es ist perfekt für jede Gastronomiebezogene Seite geeignet. Das Theme bietet alle Elemente, die für diese Art von Website benötigt werden, zusammen mit einem responsiven Slider und der Möglichkeit, einfach Preislisten zu erstellen.
Profile Theme
Drupal-Version: 8
Link zum Herunterladen des Themes: Profile Theme
Ein Theme, das für Entwickler, Referenten oder persönliche Trainer konzipiert ist, die eine eigene Online-Visitenkarte haben möchten. Es ermöglicht Ihnen, sich auf klare und verständliche Weise zu beschreiben, während es eine Art interaktives digitales CV erstellt. Wir empfehlen es jedem, der aus dem Schatten treten und seine Person in der digitalen Welt breiter bewerben möchte.
YG News
Drupal-Version: 8/9
Link zum Herunterladen des Themes: YG News
Träumen Sie von einer privaten Nachrichten-Website? Oder möchten Sie vielleicht einen Blog erstellen und Ihre Gedanken mit der ganzen Welt teilen? Der YG News-Skin wird für diese Zwecke perfekt sein und wahrscheinlich auch für viele andere Anwendungen. Nachrichtenfeed oder trendiger Inhalt ist nur der Anfang der Möglichkeiten, die dieses Theme bietet. Es wurde mit Bootstrap 4 erstellt und auf die Bedürfnisse von Monitor- und Telefonschirmen zugeschnitten.
Kostenloses Drupal-Commerce-Theme
Natürlich dreht sich bei Drupal nicht alles nur um Visitenkarten-Seiten oder Nachrichten-Aggregatoren. Vergessen wir nicht das sehr beliebte Drupal Commerce-Framework, das unsere Seite in einen vollwertigen Online-Shop verwandelt. Bei der Erstellung einer solchen Website sollte man bedenken, dass die meisten der oben genannten Themes nicht mit Commerce im Sinn erstellt wurden und wir in diesem Fall ein Theme suchen müssen, das speziell auf diese Lösung zugeschnitten ist. Glücklicherweise war die Drupal-Community hier nicht untätig, und im Netz gibt es Hunderte, wenn nicht Tausende, von verfügbaren Themes, die einsatzbereit sind. Hier sind einige Beispiele dafür.
SShop
Drupal-Version: 8/9
Link zum Herunterladen des Themes: SShop
Ein einfaches und elegantes Theme, das E-Commerce mit einem modernen und responsiven Design unterstützt. Es ist perfekt für verschiedene Online-Shops. Hergestellt mit Bootstrap, bietet es auch einen responsiven Slider und die Möglichkeit, Icons mithilfe von Font Awesome Icons hinzuzufügen.
eStore
Drupal-Version: 8/9
Link zum Herunterladen des Themes: eStore
Ein einfach zu installierendes Drupal Commerce-Theme, das auf den Verkauf verschiedener Warenarten zugeschnitten ist. Es nutzt die Vorteile des modernen Designs und technologische Lösungen wie: Bootstrap oder Font Awesome voll aus. Das Theme ist vollständig responsiv und bietet das gleiche Erlebnis auf Bildschirmgeräten wie Computern und Handys.
Theme-Modifikation
Wir haben bereits ein Drupal-Theme ausgewählt und installiert, aber es gibt immer noch etwas, das wir ändern möchten? Hier gibt es zwei Wege zu gehen:
- Wir modifizieren den Code nach unseren Bedürfnissen. Hier sind wir durch nichts eingeschränkt. Mit Zugriff auf die Dateien können wir buchstäblich alles ändern. Von den Farben bis zur Struktur der Website. Hierfür ist jedoch mindestens ein grundlegendes, und im Falle einer größeren Rekonstruktion – mittel bis umfangreiches technisches Wissen erforderlich. Das Überschreiben und Überarbeiten der vorhandenen Templates auf diese Weise ist wie endloser Spaß, der es uns ermöglicht, die Flügel unserer Vorstellungskraft auszubreiten. Durch die Nutzung einiger Tricks beim Erstellen eines Themes, sind wir in der Lage, die komplexesten Visionen unserer Grafikdesigner umzusetzen.
- Wir verwenden von den Entwicklern bereitgestellte Modifikationen. In diesem Fall sind wir auf das Wohlwollen der Autoren des Themes angewiesen. Bei der Erstellung ihres Themes haben die Entwickler die Möglichkeit, innerhalb der UI eine Konfiguration zu "teilen", die alles umfassen kann: von der Änderung der Farben und einiger Elemente bis zur Auswahl der gesamten Seitenstruktur. Leider haben wir in diesem Fall keine Kontrolle darüber, welche und wie viele Konfigurationsoptionen im Theme, das wir heruntergeladen haben, verfügbar sein werden. Es hängt alles vom Ersteller und seinem Ansatz zur Flexibilität und Änderbarkeit seines Projekts ab.
Benutzerdefinierte Drupal-Themes
Was tun, wenn keine der hier aufgeführten Lösungen unseren oder den Anforderungen des Kunden entspricht? Wir sind in keiner Weise eingeschränkt, also – unter Einhaltung der Drupal-Standards und Richtlinien und mit umfangreicher Kenntnis und technischer Erfahrung – sind wir in der Lage, jedes beliebige Theme zu erstellen, das auf unsere Bedürfnisse zugeschnitten ist. Dies ist zwar die zeitaufwändigste Lösung, gibt uns jedoch die vollständige Kontrolle über die Erstellung jedes – sogar des kleinsten – Elements unserer Website. Die Erstellung bestimmter Teile von Grund auf kann oft sogar einfacher sein, als die Elemente von Themes, die von anderen Entwicklern erstellt wurden, umzubauen.
Wie erstellen wir Drupal-Themes bei Droptica? Das Wichtigste ist hier, auf die Bedürfnisse unseres Kunden zu hören, worauf es ihm ankommt und welche Inspirationen seine Idee am besten widerspiegeln. Nach den ersten Gesprächen sind unsere Grafikdesigner in der Lage, die ersten Entwürfe aller Elemente der Seite zu erstellen und dann – nach einer Reihe von Verbesserungen und Gesprächen mit dem Kunden – das endgültige Design der Seite vorzubereiten. Im nächsten Schritt erstellt das technische Team spezifische Aufgaben und bestimmt den Umfang der Werkzeuge und Technologien, die notwendig sind, um ein qualitativ hochwertiges Endprodukt zu erstellen. In diesem Stadium werden die wichtigsten Entscheidungen getroffen – wie der Einsatz zusätzlicher Bibliotheken oder Werkzeuge, um den Code von höchster Qualität zu erstellen. Danach übernimmt das Team unserer Drupal-Entwickler, das der Aufgabe zugewiesen ist, die Erstellung der Seite und achtet darauf, dass die Kodierungsstandards in diesem CMS eingehalten werden, und das primäre Ziel ist es, den Code von bester Qualität zu schreiben, der später von anderen Teammitgliedern überprüft wird. Dieser Ansatz macht unser Projekt einfach und klar und gleichzeitig – anfällig für mögliche Änderungen und Erweiterungen.
Benutzerdefiniertes Drupal-Theme, das wir für Here.com erstellt haben
Klingt kompliziert? Und was, wenn ich Ihnen sage, dass Sie einige dieser Dinge selbst tun können, sogar mit null Kenntnissen der modernen Programmierung? Droopler ist eine Drupal-Distribution, die es uns ermöglicht, die Lücken in unserem technischen Wissen zu überwinden. Dieses Tool bietet uns viele Seitenelemente zur Konfiguration und gebrauchsfertige Komponenten. Benötigen Sie ein Banner, einen Slider oder vielleicht einen Bereich mit Sponsorenlogos? Nichts leichter als das! Mit ein paar Klicks sind wir in der Lage, eine Website mit einem Theme zu erstellen, das unseren Bedürfnissen entspricht.
