Magazine Gadgets

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

Publié le 19 mars 2021 par Mycamer

Dans la partie 1 de cette série, nous avons montré comment démarrer création d’un site Web de photographie à partir de zéro en utilisant le système de gestion de contenu (CMS) Drupal.

Cette approche est une alternative à l’utilisation des services d’une plateforme de création de site Web dédiée comme SmugMug, Squarespace ou Wix (voir partie 2 de cette série), ou à l’utilisation du CMS WordPress (voir partie 3).

Drupal est un CMS open-source polyvalent, avec une grande communauté de développeurs contributeurs. Il est populaire auprès des gouvernements, des entreprises à but non lucratif et des établissements d’enseignement.

La sécurité est l’un de ses USP – vitale pour quiconque cherche à utiliser son site Web de photographie pour vendre des images ou des impressions – et son manque relatif de pénétration par rapport à l’omniprésent WordPress rend Drupal moins vulnérable aux pirates, qui ont tendance à cibler des plates-formes plus grandes.

Une fois le code ‘Core’ de Drupal installé, il est hautement personnalisable via l’ajout de modules (fonctionnalités qui offrent des fonctionnalités) et de thèmes (à quoi ressemble le site).

La dernière fois, nous avons montré comment installer le site de démonstration ‘Umami’ de Drupal dans un environnement local (sur un ordinateur).

Commençons maintenant à créer notre site en direct, avant de le développer et de le tester avant de le télécharger sur une plate-forme d’hébergement Web (un processus appelé «déploiement»).

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

Image de l'hôte bleu du site Web DCam 233 build

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éer un site Web photo DCM233 drupal image 1_a

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)

À l’aide d’une application appelée Acquia Dev Desktop, nous allons développer notre site localement, avant le test et le déploiement ultérieur sur une plateforme d’hébergement de site Web …

01 Entrez les paramètres de configuration du site

Créer un site Web photo DCM234 drupal pt 2 étape 1a image

(Crédit d’image: Future)

Cliquez sur le lien du site local et sélectionnez Standard sur l’écran d’installation de Drupal. Entrez les détails demandés sur la page Configurer le site, y compris un nom pour le site Web (nous utilisons «Drew Paul Photography»), un nom de compte administrateur et un mot de passe.

Cliquez sur Enregistrer et continuer, et voilà – la page d’accueil de votre site s’affiche et vous êtes opérationnel.

02 Exécuter un rapport sur l’état du site

Créer un site Web photo DCM234 drupal pt 2 étape 2a image

(Crédit d’image: Future)

La première chose à faire est de cliquer sur Rapports dans la barre d’administration du site en haut de la page, puis de cliquer sur Rapport d’état. Même si vous avez installé la v8.9.1 dans Acquia Dev Desktop, une version plus récente du noyau de Drupal sera disponible.

Rechercher sur drupal.org pour savoir comment le mettre à jour. Une fois terminé, effacez toutes les autres erreurs et avertissements dans le rapport d’état, en recherchant de l’aide en ligne si nécessaire.

03 Familiarisez-vous avec le thème par défaut

Créer un site Web photo DCM234 drupal pt 2 étape 3a image

(Crédit d’image: Future)

Drupal utilise des thèmes pour déterminer à quoi ressemblera un site. Le thème par défaut de notre site est Bartik; bien qu’il puisse paraître rudimentaire, il est personnalisable et réactif – cela signifie que l’affichage s’adaptera à tout appareil qu’un visiteur du site utilise pour la navigation.

Étant donné que la navigation Web se déroule largement sur les plates-formes mobiles de nos jours, il s’agit d’une fonctionnalité essentielle. Pour explorer l’interface Bartik, cliquez sur Retour au site.

Créer un site Web photo DCM234 drupal pt 2 étape 4a image

(Crédit d’image: Future)

Revenons maintenant derrière le rideau administratif et regardons autour de nous. (Le thème passe à Seven pour plus de facilité d’utilisation.)

Cliquez sur l’un des onglets de la barre blanche en haut de l’écran. (Si vous ne voyez pas la barre, cliquez sur Gérer, à côté de l’icône « hamburger » en haut à gauche.)

Sur toutes les pages auxquelles vous accédez ici, vous trouverez de brèves descriptions utiles pour que vous puissiez facilement trouver ce que vous recherchez.

05 Jetez un œil au panneau Contenu

Créer un site Web photo DCM234 drupal pt 2 étape 5a image

(Crédit d’image: Future)

Cliquez maintenant sur Contenu pour afficher une liste de contenu publié sur le site. (L’affichage de la liste est utile pour les sites qui ont plusieurs utilisateurs publiant du contenu; l’affichage des éléments peut être filtré en fonction des besoins.)

Pour voir quels types de contenu sont prêts à l’emploi, cliquez sur Structure dans la barre supérieure, puis sur Types de contenu. Ici, vous les trouverez tous répertoriés – Page de base, article et image – avec de brèves descriptions.

06 Élargissez les fonctionnalités avec un nouveau module

Créer un site Web photo DCM234 drupal pt 2 étape 6a image

(Crédit d’image: Future)

Pour notre site de photographie, nous allons afficher nos images en utilisant un module appelé Media Gallery. Les modules ajoutent des fonctionnalités supplémentaires aux sites Drupal; ils doivent être téléchargés et installés.

Localiser la galerie multimédia ici – en bas de page, dans la case verte avec ‘8.x-1.0’ en haut, passez la souris sur ‘tar.gz’ et copiez l’adresse du lien.

Créer un site Web photo DCM234 drupal pt 2 étape 7b image

(Crédit d’image: Future)

De retour dans la zone d’administration de votre site, cliquez sur Prolonger puis sur le bouton bleu Installer un nouveau module.

Dans la première case, «Installer à partir d’une URL», collez le lien que vous avez copié depuis la page Drupal, puis cliquez sur Installer. Les fichiers de Media Gallery seront extraits dans votre répertoire Drupal.

Cliquez maintenant sur Contenu et vous verrez qu’un onglet Galerie multimédia a été ajouté aux quatre onglets de contenu en haut de la page.

08 Changez le thème du site en Showcase Lite

Créer un site Web photo DCM234 drupal pt 2 étape 8a image

(Crédit d’image: Future)

Dans la première de cette série sur Drupal, nous avons identifié Showcase Lite comme un thème potentiel pour un site Web de photographie. Il a un design épuré et épuré et est également réactif. Téléchargeons et installons-le maintenant.

Accédez à la page de téléchargement de Showcase Lite et copiez le lien tar.gz. De retour sur votre site, cliquez sur Structure et installez un nouveau thème. Une fois terminé, cliquez sur Installer et définir par défaut.

09 Téléchargez des images et créez vos galeries

Créer un site Web photo DCM234 drupal pt 2 étape 9a image

(Crédit d’image: Future)

Maintenant, ajoutons quelques galeries et commençons à remplir le site avec des images. Sélectionnez l’onglet Galerie multimédia dans Contenu, puis Ajouter une galerie multimédia. Saisissez toutes les informations requises (titre, description, etc.). Sous Images de la galerie, cliquez sur Image puis sur Ajouter des fichiers.

Les images s’afficheront dans l’ordre de téléchargement, mais vous pouvez modifier cela en cliquant sur Afficher les poids des éléments multimédias. Répétez ce processus pour le nombre de galeries que vous souhaitez ajouter à votre site.

Créer un site Web photo DCM234 drupal pt 2 étape 10a image

(Crédit d’image: Future)

Pour que les visiteurs du site puissent trouver les galeries, cliquez sur Structure. Ensuite, dans la liste ci-dessous, Navigation principale et enfin Menu Edition. Entrez un titre pour le lien de menu, puis tapez «/ media_gallery / 1» dans le champ Lien.

Faites de même pour les autres galeries, en remplaçant «/ 1» par «/ 2», «/ 3», etc. Entrez une description pour la galerie, cliquez sur Enregistrer en bas de la page et vous pouvez accéder à vos galeries à partir de la navigation.

Ceci conclut le didacticiel 2 sur 3 – dans la partie 3, nous concluons la construction du site et peaufinons son aspect et sa convivialité.

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


Retour à La Une de Logo Paperblog

A propos de l’auteur


Mycamer Voir son profil
Voir son blog

l'auteur n'a pas encore renseigné son compte l'auteur n'a pas encore renseigné son compte

Magazines