So erstellen Sie eine Foto-Website in Drupal, Teil 1

Das Erstellen einer Foto-Website von Grund auf mithilfe eines Content-Management-Systems (CMS) ist der nächste Schritt, um die Dienste einer dedizierten Website-Builder-Plattform wie SmugMug, Squarespace oder Wix in Anspruch zu nehmen.

Auf einem CMS erstellte Websites sind komplexer als Websites, die aus „statischen“ Textseiten bestehen, und für die Anzeige von Fotos unerlässlich.

Bilder werden in einer Datenbank gespeichert und den Benutzern der Website nach Bedarf „bereitgestellt“. Das Host-CMS der Website akzeptiert Anforderungen von einem Remotecomputer und weist den Server an, die Daten zu senden.

Zuvor haben wir uns mit der Entwicklung einer Foto-Website mit dem WordPress-CMS befasst - ideal für technisch versierte Leute, denen es nichts ausmacht, unter die Haube von Websites zu geraten, obwohl das Schreiben von Computercode keine Voraussetzung ist.

Aber für alle, die die Dinge auf die nächste Stufe bringen wollen, ist das Drupal CMS ein vernünftiger Schritt. Obwohl 37% des Webs mit WordPress (Quelle: wordpress.com) erstellt wurden, liegt der Anteil von Drupal im niedrigen einstelligen Bereich.

Dies macht in Drupal erstellte Websites für Hacker weniger attraktiv, für die es sich mehr lohnt, auf die beliebtesten Plattformen abzuzielen.

Hinzu kommt, dass Drupal für seine Sicherheit bekannt ist - von entscheidender Bedeutung für alle, die ihre Foto-Website für den Verkauf von Bildern oder Drucken nutzen möchten.

Drupal ist ein Allzweck-CMS, was bedeutet, dass es in hohem Maße anpassbar ist. Sobald der Drupal-Core installiert wurde, wird diese Anpassung durch Hinzufügen von Modulen (Funktionen, die Funktionen bieten) und Themen (wie die Site aussieht) bereitgestellt.

Wenn Sie WordPress mit Lego vergleichen würden, wäre Drupal Meccano. Dieses Open-Source-CMS kann Ihnen dabei helfen, ein Portfolio anzuzeigen, Bilder zu verkaufen und Ihr kreatives Geschäft zu vermarkten.

Was Sie benötigen, um eine Foto-Website in Drupal zu erstellen

  • Computer
  • Internet Zugang
  • Bilder zum Hochladen bereit
  • Entwicklungsanwendung (z. B. MAMP PRO oder Laravel Homestead)
  • Zeit: 1 Woche (Build)

Die drei Phasen der Entwicklung einer Drupal-Site

1. Richten Sie zunächst Ihren Domainnamen ein

Im Gegensatz zu wordpress.com bietet Drupal keine Hosting-Option an. Sie müssen diese Vorkehrungen daher selbst treffen.

Bevor Sie beginnen, müssen Sie auch einen Domainnamen für Ihre Website erwerben - besuchen Sie Domain.com, Bluehost oder www.123-reg.co.uk oder suchen Sie online nach einem Lieferanten.

Geben Sie Ihren gewünschten Site-Namen ein und Sie erhalten eine Liste der verfügbaren Erweiterungen (.com, .co.uk usw.) und Registrierungsgebühren.

2. Entwickeln Sie Ihre Drupal-Site auf Ihrem eigenen Computer

Sie könnten Drupal auf einer Webhosting-Site installieren und dort erstellen, aber die Entwicklung Ihrer Site auf einem lokalen Host (Ihrem eigenen Computer) erleichtert die Arbeit erheblich. Sie können die Site in Ihrem eigenen Tempo erstellen, auftretende Fehler beheben und das Erscheinungsbild im Laufe der Zeit verfeinern.

3. Stellen Sie die fertige Site bei Ihrem Hosting-Anbieter bereit

Wenn Ihre Site fertig ist, können Sie sie bei Ihrem Hosting-Anbieter bereitstellen. Das Übertragen der Dateien auf die Host-Site und das Konfigurieren aller Einstellungen kann bis zu einem Tag dauern, aber dann ist Ihre Foto-Website bereit für die große Enthüllung.

Erstellen Sie in 10 Schritten eine Drupal-Foto-Website

Wählen Sie zunächst Ihre Drupal-Installationsversion aus und richten Sie einen lokalen Entwicklungsbereich auf Ihrem eigenen Computer ein. Schauen Sie sich dann Drupal zum ersten Mal in Aktion an.

01 Beginnen Sie mit der Erforschung von Drupal-Themen

Drupal ist ein hoch entwickeltes CMS, auf dem Sie viel Zeit sparen könnten, aber dies würde nicht viel Raum für Fotografie lassen. Sobald Sie einige grundlegende Inhalte auf das CMS hochgeladen haben, können Sie ein Thema installieren, um ihm ein professionelles Erscheinungsbild zu verleihen, anstatt sich selbst anstrengen zu müssen.

Probieren Sie es aus - werfen Sie einen Blick auf die verfügbaren Themen auf der Drupal-Website.

02 Schauen Sie sich das Showcase Lite-Thema an

Nützliche Suchbegriffe für Themen, die für die Fotografie relevant sind, sind "Fotografie", "Galerie" und "Portfolio". Sie können jedoch auch nach Neuheit oder Beliebtheit suchen.

Ein Thema, das für eine Foto-Website gut geeignet ist, ist Showcase Lite. Es hat ein klares, übersichtliches Design und reagiert schnell. Dies bedeutet, dass es für die Verwendung auf Mobilgeräten optimiert ist. Da die meisten Menschen heutzutage im Internet auf einem Smartphone oder Tablet surfen, ist dies ein Muss.

03 Überprüfen Sie die Kompatibilität Ihres Systems mit Drupal

Wie bei jeder Software wird der Code von Drupal regelmäßig aktualisiert. Version 9 wurde im Juli 2022-2023 veröffentlicht. Viele Themen und Module - einschließlich Showcase Lite - wurden jedoch noch nicht auf Version 9 portiert, sodass wir Version 8 verwenden werden.

Besuchen Sie zunächst die Drupal-Site und überprüfen Sie, ob Ihr Computer die Systemanforderungen für die Installation erfüllt. Da diese Version bis November 2022-2023 unterstützt wird, bleibt genügend Zeit, um Ihre Drupal 8-Site auf Drupal 9 zu aktualisieren.

04 Richten Sie einen lokalen Host auf Ihrem Computer ein

Zuvor haben wir beim Erstellen unserer Foto-Website in WordPress die kostenpflichtige MAMP Pro-Software verwendet. Dieses Mal werden wir jedoch Acquia Dev Desktop verwenden.

Dies ist eine von den Gründern von Drupal entwickelte Plattform, mit der Sie Drupal-Sites auf Ihrem eigenen Computer installieren, erstellen und testen können. Optional können Sie sie auf der Cloud-Plattform von Acquia hosten.

Acquia Dev Desktop kann auf Computern unter Windows oder MacOS verwendet werden und kann hier kostenlos heruntergeladen werden.

05 Konfigurieren Sie die lokale Hostumgebung

Führen Sie das Acquia Dev Desktop-Installationsprogramm aus und geben Sie die erforderlichen Informationen ein. Starten Sie die Software und wählen Sie Start From Scratch.

Verwenden Sie die vorgeschlagene Standardeinstellung zum Auffinden der Codebasisdateien auf Ihrem System, geben Sie den Namen Ihrer Site ein - wir verwenden für dieses Lernprogramm drawpaulphoto.com - und akzeptieren Sie die Standardansagen für die Version von PHP (die Skriptsprache, in der Drupal ausgeführt wird) und der Datenbankname.

06 Installieren Sie die Drupal-Demo-Site

Klicken Sie oben im Fenster auf "Lokale Site" und wählen Sie auf der Drupal-Verteilungsseite "v8.9.1" aus. Stellen Sie die Sprache auf Englisch ein. Wählen Sie auf der nächsten Seite Demo: Umami Food Magazine. Dies gibt uns eine nützliche Einführung in die Funktionsweise von Drupal 8.

Geben Sie die angeforderten Details auf der Seite Site konfigurieren ein, einschließlich einer Administrator-ID und eines Kennworts. Klicken Sie auf Speichern und fortfahren, und die Umami-Begrüßungsseite wird geöffnet.

07 Machen Sie die Umami Site Tour

Die als Online-Magazin strukturierte Demonstrationsseite des Umami Food Magazine zeigt, was Drupal 8 sofort leisten kann. Die Werkzeuge, mit denen dies erstellt wird, werden auch wichtige Bestandteile bei der Entwicklung einer Foto-Website sein.

Hilfreicherweise können Sie eine integrierte exemplarische Vorgehensweise nutzen, um sich mit diesen vertraut zu machen. Klicken Sie oben rechts auf der Startseite neben dem Fragezeichen auf Tour.

08 Überprüfen Sie die Site-Struktur des Themas

Drupal 8 war ein ziemlicher Fortschritt gegenüber früheren Versionen und führte neue Funktionen ein, darunter Media Library (nützlich für Fotografen) und Layout Builder.

Diese sind in die Codebasis integriert und müssen nicht installiert werden. Eine weitere praktische Funktion besteht darin, dass Sie mit der Maus über Inhaltsblöcke fahren können, während Sie als Administrator angemeldet sind, und dann einfach darauf klicken, um auf die Konfigurationseinstellungen zuzugreifen - sehr elegant.

09 Informieren Sie sich über die von Drupal verwendeten Inhaltstypen

Machen wir jetzt einen Schritt hinter den Vorhang des Administrators. Am oberen Bildschirmrand befindet sich eine weiße Leiste mit den Registerkarten "Inhalt", "Struktur …". (Wenn Sie es nicht sehen können, klicken Sie oben links neben dem Hamburger-Symbol auf Verwalten.)

Klicken Sie auf "Inhalt" und Sie werden sehen, dass es auf der Umami-Website drei grundlegende Arten von Inhalten gibt: Artikel, Basisseite und Rezept. Klicken Sie nacheinander auf ein Beispiel, um sich mit den verschiedenen darin enthaltenen Elementen vertraut zu machen.

10 Lesen und sehen Sie sich die Online-Tutorials an

Einige der Funktionen von Umami gehen über das hinaus, was wir zum Erstellen einer Foto-Website benötigen, aber es ist immer noch eine nützliche Demonstration des Anpassungspotenzials von Drupal. Das Hinzufügen zusätzlicher Funktionen wie Blogs und E-Commerce ist ziemlich einfach.

Lesen Sie das Drupal-Benutzerhandbuch, um einen tieferen Einblick in Drupal zu erhalten. Dies ist eine umfassende Ressource, die auch Video-Tutorials bietet.

Damit ist Tutorial 1 von 3 abgeschlossen. In Teil 2 starten wir den Site-Build und fügen die Bildergalerien hinzu.

ist das weltweit beliebteste Fotomagazin. Jede Ausgabe enthält die neuesten Nachrichten, Rezensionen, Tutorials, Kaufempfehlungen von Experten, Tipps und inspirierende Bilder. Außerdem enthält jede Ausgabe eine Auswahl an Bonusgeschenken, die für Fotografen aller Fähigkeiten von Interesse sind. View Deal

Beste Website-Hosting-Sites für Fotografen: Holen Sie sich Ihr Portfolio online
Bester Cloud-Speicher für Fotos: Plattformen und Apps
Beste Online-Fotokurse - vom Anfängerführer bis zum Meisterkurs
Beste Website-Builder für Fotografen
Beste Passwort-Manager
Bester Studenten-Laptop
Beste Fotobearbeitungssoftware

Interessante Beiträge...