Comment créer un site Web photo dans Drupal, partie 1

Publié le 17 mars 2021 par Mycamer

Créer un site Web de photographie à partir de zéro, l’utilisation d’un système de gestion de contenu (CMS) est la prochaine étape pour faire appel aux services d’une plate-forme de création de sites Web dédiée comme SmugMug, Squarespace ou Wix.

Les sites Web construits sur un CMS sont plus sophistiqués que ceux constitués de pages de texte «statiques» et sont essentiels pour l’affichage de photos.

Les images sont stockées dans une base de données et «servies» aux utilisateurs du site selon les besoins; le CMS hôte du site Web accepte les demandes provenant d’un ordinateur distant et ordonne au serveur d’envoyer les données.

Auparavant, nous avons envisagé de développer un site Web photo à l’aide du CMS WordPress – idéal pour les gens familiers de la technologie qui ne craignent pas de passer sous le capot des sites Web, bien que pouvoir écrire du code informatique ne soit pas une condition préalable.

Mais pour tous ceux qui veulent faire passer les choses au niveau supérieur, le CMS Drupal est une étape sensée. Bien que 37% du Web soit construit à l’aide de WordPress (source: wordpress.com), la part de Drupal est à un seul chiffre.

(Crédit d’image: Future)

Cela rend les sites construits avec Drupal moins attrayants pour les pirates, pour qui il vaut mieux cibler les plates-formes les plus populaires.

Ajoutez à cela le fait que Drupal est réputé pour sa sécurité – vital pour quiconque cherche à utiliser son site Web de photographie pour vendre des images ou des tirages.

Drupal est un CMS à usage général, ce qui signifie qu’il est hautement personnalisable. Une fois le Drupal ‘Core’ installé, l’ajout de modules (fonctionnalités qui offrent des fonctionnalités) et de thèmes (à quoi ressemble le site) offre cette personnalisation.

Si vous compariez WordPress à Lego, Drupal serait Meccano. Ce CMS open source peut vous aider à tout faire: afficher un portefeuille, vendre des images et commercialiser votre entreprise créative.

Certains thèmes WordPress que vous pouvez parcourir sur wordpress.org (Crédit d’image: Future)

Ce dont vous aurez besoin pour créer un site Web photo dans Drupal

  • L’ordinateur
  • accès Internet
  • Images prêtes à être téléchargées
  • Application de développement (MAMP PRO ou Laravel Homestead, par exemple)
  • Durée: 1 semaine (build)

Les trois étapes du développement d’un site Drupal

Vous aurez besoin d’un nom de domaine – nous vous recommandons Bluehost (Crédit d’image: Future)

1. Commencez par configurer votre nom de domaine

Contrairement à wordpress.com, Drupal n’offre pas d’option d’hébergement, vous devrez donc prendre ces dispositions vous-même.

Avant de commencer, vous devrez également acquérir un nom de domaine pour votre site – visitez Domain.com, Bluehost ou www.123-reg.co.uk, ou recherchez en ligne un fournisseur.

Entrez le nom de votre site et vous obtiendrez une liste des extensions disponibles (.com, .co.uk, etc.) et les frais d’inscription.

2. Développez votre site Drupal sur votre propre ordinateur

Vous pouvez installer Drupal sur un site d’hébergement Web et le créer là-bas, mais le développement de votre site sur un hôte local (votre propre ordinateur) rend les choses beaucoup plus faciles. Vous pouvez créer le site à votre propre rythme, en résolvant les éventuels problèmes et en affiner l’apparence et la convivialité au fur et à mesure.

3. Déployez le site fini chez votre hébergeur

Lorsque votre site est prêt, vous pouvez le déployer sur votre fournisseur d’hébergement. Le transfert des fichiers vers le site hôte et la configuration de tous les paramètres peuvent prendre jusqu’à un jour, mais votre site Web photo est prêt pour sa grande révélation.

Créez un site Web photo Drupal en 10 étapes

Créez et testez un site Web de photographie basé sur une galerie comme celui-ci, en utilisant le CMS Drupal dans un environnement local (Crédit d’image: Future)

Commencez par sélectionner votre version d’installation de Drupal et configurez une zone de développement local sur votre propre ordinateur – puis jetez un premier coup d’œil à Drupal en action…

01 Commencez à rechercher des thèmes Drupal

(Crédit d’image: Future)

Drupal est un CMS sophistiqué sur lequel vous pourriez perdre beaucoup de temps, mais cela ne laisserait pas beaucoup de place à la photographie. Une fois que vous avez téléchargé du contenu de base sur le CMS, vous pouvez installer un thème pour lui donner une apparence professionnelle – plutôt que d’avoir à faire tout le gros du travail vous-même.

Jouez – jetez un œil aux thèmes disponibles sur le site Drupal.

02 Découvrez le thème Showcase Lite

(Crédit d’image: Future)

Les termes de recherche utiles pour les thèmes pertinents pour la photographie incluent «Photographie», «Galerie» et «Portfolio», bien que vous puissiez également effectuer une recherche par nouveauté ou popularité.

Un thème qui fonctionnera bien pour un site Web de photographie, cependant, est Showcase Lite. Il a un design épuré et épuré et est «  réactif  » – cela signifie qu’il est optimisé pour une utilisation sur les appareils mobiles. Comme la plupart des gens naviguent sur Internet sur un smartphone ou une tablette de nos jours, c’est un incontournable.

03 Vérifiez la compatibilité de votre système pour Drupal

(Crédit d’image: Future)

Comme tout logiciel, le code de Drupal est mis à jour régulièrement; la version 9 est sortie en juillet 2020. Mais de nombreux thèmes et modules – y compris Showcase Lite – n’ont pas encore été portés vers la version 9, nous utiliserons donc la version 8.

Première, visitez le site Drupal et vérifiez que votre ordinateur répondra à la configuration système requise pour l’installation. Comme cette version sera prise en charge jusqu’en novembre 2021, vous disposerez de suffisamment de temps pour mettre à niveau votre site Drupal 8 vers Drupal 9.

04 Configurer un hôte local sur votre ordinateur

(Crédit d’image: Future)

Auparavant, lors de la création de notre site Web photo dans WordPress, nous utilisions le logiciel MAMP Pro payant. Cette fois, cependant, nous allons utiliser Acquia Dev Desktop.

Il s’agit d’une plate-forme développée par les fondateurs de Drupal qui vous permet d’installer, de créer et de tester des sites Drupal sur votre propre ordinateur, avec la possibilité facultative de les héberger sur la plate-forme cloud d’Acquia.

Acquia Dev Desktop peut être utilisé sur les ordinateurs exécutant Windows ou macOS et est téléchargeable gratuitement ici.

05 Configurer l’environnement hôte local

(Crédit d’image: Future)

Exécutez le programme d’installation d’Acquia Dev Desktop et entrez les informations requises. Démarrez le logiciel et sélectionnez Démarrer à partir de zéro.

Utilisez la valeur par défaut suggérée pour localiser les fichiers de base de code sur votre système, entrez le nom de votre site – nous utilisons drewpaulphoto.com pour ce didacticiel – et acceptez les invites par défaut pour la version de PHP (le langage de script qui exécute Drupal) et le nom de la base de données.

06 Installez le site de démonstration Drupal

(Crédit d’image: Future)

Cliquez sur Site local en haut de la fenêtre, puis sélectionnez «v8.9.1» sur la page de distribution Drupal. Définissez la langue sur l’anglais. Sur la page suivante, sélectionnez Démo: Umami Food Magazine. Cela nous donnera une introduction utile au fonctionnement de Drupal 8.

Entrez les détails demandés sur la page Configurer le site, y compris un ID administrateur et un mot de passe. Cliquez sur Enregistrer et continuer et la page d’accueil d’Umami s’ouvre.

07 Visite guidée du site Umami

(Crédit d’image: Future)

Structuré comme un magazine en ligne, le site de démonstration Umami Food Magazine présente ce que Drupal 8 peut faire hors de la boîte; les outils utilisés pour le construire seront également des ingrédients clés dans le développement d’un site Web de photographie.

Vous pouvez profiter d’une procédure pas à pas intégrée pour vous familiariser avec ceux-ci. Dans l’angle supérieur droit de la page d’accueil, cliquez sur Visite guidée, à côté du symbole de point d’interrogation.

08 Découvrez la structure du site du thème

(Crédit d’image: Future)

Drupal 8 était un pas en avant par rapport aux versions précédentes et a introduit de nouvelles fonctionnalités, notamment la bibliothèque multimédia (utile pour les photographes) et le générateur de mise en page.

Ceux-ci sont intégrés à la base de code, plutôt que de devoir être installés. Une autre fonctionnalité pratique est de pouvoir passer la souris sur des blocs de contenu tout en étant connecté en tant qu’administrateur, puis de cliquer dessus pour accéder à leurs paramètres de configuration – très élégant.

09 Explorez les types de contenu utilisés par Drupal

(Crédit d’image: Future)

Faisons un pas derrière le rideau administratif maintenant. En haut de l’écran se trouve une barre blanche à onglets «Contenu», «Structure…». (Si vous ne le voyez pas, cliquez sur Gérer à côté de l’icône du hamburger en haut à gauche.)

Cliquez sur Contenu et vous verrez qu’il existe trois types de contenu de base sur le site Umami: Article, Page de base et Recette. Cliquez successivement sur un exemple de chacun pour vous familiariser avec les différents éléments qu’ils contiennent.

10 Lisez et regardez les tutoriels en ligne

(Crédit d’image: Future)

Certaines des fonctionnalités d’Umami vont au-delà de ce dont nous avons besoin pour créer un site Web de photographie, mais c’est une démonstration encore utile du potentiel de Drupal pour être personnalisé; l’ajout de fonctionnalités supplémentaires telles que les blogs et le commerce électronique sera assez simple.

Pour une plongée plus approfondie dans Drupal, lisez le Guide de l’utilisateur Drupal. Il s’agit d’une ressource complète qui propose également des didacticiels vidéo.

Ceci conclut le didacticiel 1 sur 3 – dans la partie 2, nous commençons la construction du site et ajoutons les galeries d’images.

Monde de l’appareil photo numérique est le magazine de photographie préféré au monde. Chaque numéro contient les dernières nouvelles, des critiques, des tutoriels, des conseils d’achat d’experts, des astuces et des images inspirantes. De plus, chaque numéro est accompagné d’une sélection de cadeaux bonus intéressants pour les photographes de tous niveaux.Voir l’offre

Lire la suite:

Meilleurs sites d’hébergement de sites Web pour les photographes: mettez votre portfolio en ligne
Meilleures options de stockage cloud gratuites pour les photographes: plateformes et applis
Meilleurs cours de photographie en ligne – des guides débutants aux masterclasses
Meilleurs constructeurs de sites Web pour les photographes
Meilleurs gestionnaires de mots de passe
Meilleur ordinateur portable étudiant
Meilleur logiciel de retouche photo

— to www.digitalcameraworld.com