Come costruire un sito web di foto in Drupal, parte 1

Creare un sito web di fotografia da zero utilizzando un sistema di gestione dei contenuti (CMS) è il passo successivo rispetto all'arruolamento dei servizi di una piattaforma di creazione di siti web dedicata come SmugMug, Squarespace o Wix.

I siti web costruiti su un CMS sono più sofisticati di quelli costituiti da pagine di testo "statiche" e sono essenziali per la visualizzazione di foto.

Le immagini vengono memorizzate in un database e "fornite" agli utenti del sito come richiesto; il CMS host del sito web accetta richieste da un computer remoto e ordina al server di inviare i dati.

In precedenza, abbiamo esaminato lo sviluppo di un sito Web di foto utilizzando il CMS di WordPress, ideale per persone con familiarità con la tecnologia a cui non importa l'idea di entrare sotto il cofano dei siti Web, anche se essere in grado di scrivere codice per computer non è un prerequisito.

Ma per chiunque voglia portare le cose al livello successivo, Drupal CMS è un passo sensato. Sebbene il 37% del Web sia stato creato utilizzando WordPress (fonte: wordpress.com), la quota di Drupal è nelle cifre singole basse.

Ciò rende i siti costruiti in Drupal meno attraenti per gli hacker, per i quali vale la pena prendere di mira le piattaforme più popolari.

A ciò si aggiunge il fatto che Drupal è rinomato per la sua sicurezza, fondamentale per chiunque desideri utilizzare il proprio sito Web di fotografia per vendere immagini o stampe.

Drupal è un CMS generico, il che significa che è altamente personalizzabile. Una volta installato Drupal "Core", l'aggiunta di moduli (caratteristiche che offrono funzionalità) e temi (come appare il sito) forniscono questa personalizzazione.

Se dovessi paragonare WordPress a Lego, Drupal sarebbe Meccano. Questo CMS open source può aiutarti a fare tutto: visualizzare un portfolio, vendere immagini e commercializzare la tua attività creativa.

Di cosa hai bisogno per creare un sito web di foto in Drupal

  • Computer
  • accesso ad Internet
  • Immagini pronte per il caricamento
  • Applicazione di sviluppo (MAMP PRO o Laravel Homestead, ad esempio)
  • Tempo: 1 settimana (build)

Le tre fasi di sviluppo di un sito Drupal

1. Inizia impostando il tuo nome di dominio

A differenza di wordpress.com, Drupal non offre un'opzione di hosting, quindi dovrai prendere tu stesso questi accordi.

Prima di iniziare, dovrai anche acquisire un nome di dominio per il tuo sito: visita Domain.com, Bluehost o www.123-reg.co.uk oppure cerca un fornitore online.

Inserisci il nome del sito desiderato e otterrai un elenco di estensioni disponibili (.com, .co.uk, ecc.) E le tariffe di registrazione.

2. Sviluppa il tuo sito Drupal sul tuo computer

Potresti installare Drupal su un sito di web hosting e costruirlo lì, ma sviluppare il tuo sito su un host locale (il tuo computer) rende le cose molto più semplici. Puoi costruire il sito secondo i tuoi ritmi, risolvendo eventuali ostacoli che si presentano e perfezionando l'aspetto grafico mentre procedi.

3. Distribuisci il sito finito al tuo provider di hosting

Quando il tuo sito è pronto, puoi distribuirlo al tuo provider di hosting. Il trasferimento dei file sul sito host e la configurazione di tutte le impostazioni potrebbero richiedere fino a un giorno, ma poi il tuo sito web di foto è pronto per la sua grande rivelazione.

Crea un sito Web di foto Drupal in 10 passaggi

Inizia selezionando la versione di installazione di Drupal e configurando un'area di sviluppo locale sul tuo computer, quindi dai il primo sguardo a Drupal in azione …

01 Inizia a ricercare temi Drupal

Drupal è un CMS sofisticato su cui potresti sprecare molto tempo, ma questo non lascerebbe molto spazio alla fotografia. Una volta caricati alcuni contenuti di base nel CMS, puoi installare un tema per conferirgli un aspetto e un aspetto professionali, anziché dover fare tutto il lavoro pesante da solo.

Dai un'occhiata ai temi disponibili sul sito web di Drupal.

02 Dai un'occhiata al tema Showcase Lite

I termini di ricerca utili per i temi che sono rilevanti per la fotografia includono "Fotografia", "Galleria" e "Portfolio", anche se puoi anche cercare per novità o popolarità.

Un tema che funzionerà bene per un sito Web di fotografia, tuttavia, è Showcase Lite. Ha un design pulito e ordinato ed è "reattivo", il che significa che è ottimizzato per l'uso su dispositivi mobili. Poiché la maggior parte delle persone al giorno d'oggi naviga in Internet su uno smartphone o un tablet, questo è un must.

03 Verifica la compatibilità del tuo sistema per Drupal

Come ogni software, il codice di Drupal viene aggiornato regolarmente; la versione 9 è stata rilasciata nel luglio 2022-2023. Ma molti temi e moduli, incluso Showcase Lite, non sono stati ancora portati alla versione 9, quindi utilizzeremo la versione 8.

Per prima cosa, visita il sito Drupal e verifica che il tuo computer soddisfi i requisiti di sistema per l'installazione. Poiché questa versione sarà supportata fino a novembre 2022-2023, ci sarà tutto il tempo per aggiornare il tuo sito Drupal 8 a Drupal 9.

04 Configura un host locale sul tuo computer

In precedenza, durante la creazione del nostro sito Web di foto in WordPress, abbiamo utilizzato il software MAMP Pro a pagamento. Questa volta, però, utilizzeremo Acquia Dev Desktop.

Questa è una piattaforma sviluppata dai fondatori di Drupal che ti consente di installare, costruire e testare i siti Drupal sul tuo computer, con la possibilità opzionale di ospitarli sulla piattaforma cloud di Acquia.

Acquia Dev Desktop può essere utilizzato su computer con Windows o macOS ed è scaricabile gratuitamente qui.

05 Configurare l'ambiente host locale

Esegui il programma di installazione di Acquia Dev Desktop e inserisci le informazioni richieste. Avvia il software e seleziona Avvia da zero.

Usa l'impostazione predefinita suggerita per individuare i file codebase sul tuo sistema, inserisci il nome del tuo sito - stiamo usando drewpaulphoto.com per questo tutorial - e accetta i prompt predefiniti per la versione di PHP (il linguaggio di scripting che esegue Drupal) e il nome del database.

06 Installa il sito demo Drupal

Fai clic su Sito locale nella parte superiore della finestra, quindi seleziona "v8.9.1" nella pagina di distribuzione di Drupal. Imposta la lingua come inglese. Nella pagina successiva, seleziona Demo: Umami Food Magazine. Questo ci darà un'utile introduzione al funzionamento di Drupal 8.

Immettere i dettagli richiesti nella pagina Configura sito, inclusi un ID amministratore e una password. Fai clic su Salva e continua e si apre la pagina di benvenuto di Umami.

07 Fai il tour del sito Umami

Strutturato come una rivista online, il sito dimostrativo di Umami Food Magazine mostra ciò che Drupal 8 può fare fuori dagli schemi; gli strumenti utilizzati per costruirlo saranno anche gli ingredienti chiave nello sviluppo di un sito web di fotografia.

Utilmente, puoi sfruttare una procedura dettagliata incorporata per familiarizzare con questi. In alto a destra nella home page, fai clic su Tour, accanto al simbolo del punto interrogativo.

08 Controlla la struttura del sito del tema

Drupal 8 è stato un bel passo avanti rispetto alle versioni precedenti e ha introdotto nuove funzionalità tra cui Media Library (utile per i fotografi) e Layout Builder.

Questi sono incorporati nella base di codice, invece di dover essere installati. Un'altra utile funzionalità è la possibilità di passare il mouse sui blocchi di contenuto mentre si è connessi come amministratore, quindi fare clic su di essi per accedere alle impostazioni di configurazione: molto elegante.

09 Esplora i tipi di contenuto utilizzati da Drupal

Facciamo ora un passo dietro il sipario dell'amministratore. Nella parte superiore dello schermo è presente una barra bianca a schede "Contenuto", "Struttura …". (Se non riesci a vederlo, fai clic su Gestisci accanto all'icona dell'hamburger in alto a sinistra.)

Fai clic su Contenuti e vedrai che ci sono tre tipi fondamentali di contenuti sul sito Umami: Articolo, Pagina di base e Ricetta. Fare clic su un esempio di ciascuno a turno per familiarizzare con i diversi elementi che contengono.

10 Leggi e guarda i tutorial in linea

Alcune delle funzionalità di Umami vanno oltre ciò di cui abbiamo bisogno per creare un sito web di fotografia, ma è una dimostrazione ancora utile del potenziale di Drupal per essere personalizzato; l'aggiunta di funzionalità extra come blog ed e-commerce sarà piuttosto semplice.

Per un'immersione più approfondita in Drupal, leggi la Guida per l'utente di Drupal. Questa è una risorsa completa che offre anche tutorial video.

Questo conclude il tutorial 1 di 3: nella parte 2, iniziamo la creazione del sito e aggiungiamo le gallerie di immagini.

è la rivista di fotografia preferita al mondo. Ogni numero è ricco delle ultime notizie, recensioni, tutorial, consigli di acquisto di esperti, suggerimenti e immagini stimolanti. Inoltre, ogni numero viene fornito con una selezione di regali bonus di interesse per i fotografi di tutte le abilità

I migliori siti di hosting di siti Web per fotografi: porta il tuo portfolio online
Il miglior archivio cloud per le foto: piattaforme e app
I migliori corsi di fotografia online: dalle guide per principianti alle masterclass
I migliori costruttori di siti web per fotografi
I migliori gestori di password
Il miglior laptop per studenti
Miglior software di fotoritocco

Articoli interessanti...