Comment créer un site web de photographie avec WordPress ?

Adaptez la conception de votre site Web à vos propres goûts en utilisant ce système de gestion de contenu et un serveur local pour créer et tester vos idées.

Jusqu’à présent, nous avons examiné différentes façons d’accroître la visibilité de vos images en les mettant en avant auprès d’un public en ligne. Et comme nous l’avons vu, il y a plus d’une façon de le faire, y compris en utilisant un service de création de sites Web, que nous avons examiné la dernière fois. Mais pour ceux qui n’aiment pas l’idée de passer derrière le rideau et de passer du temps à bricoler l’arrière-plan d’un site Web, il existe une alternative : construire votre site de photographie à l’aide d’un système de gestion de contenu (CMS). 

Qu’est-ce qu’un CMS ?

Un CMS est ce qui contient le contenu d’un site web, et est piloté par une base de données. C’est là que sont stockées vos images et les informations pertinentes qui les accompagnent. Le CMS accepte les demandes d’un ordinateur distant et donne des instructions au serveur pour qu’il envoie les données. WordPress ou Drupal sont deux CMS populaires ; tous deux offrent de nombreuses options de personnalisation, de sorte que vous pouvez étendre la portée de votre site plus tard. Bien que Drupal, sur lequel nous nous pencherons le mois prochain, soit le plus sophistiqué des deux systèmes, WordPress est plus largement utilisé et répondra aisément aux besoins de la plupart des utilisateurs. Comme son nom l’indique, WordPress est généralement considéré comme un outil pour les blogueurs, mais des mises à jour constantes ont élargi ses fonctionnalités et il convient parfaitement à la de photographie. 

Comment fonctionne WordPress ?

Un site WordPress par défaut ne fera pas beaucoup plus qu’héberger un blog ; vous ajoutez des fonctionnalités via des thèmes (l’apparence du site) et des plug-ins (ce qu’il peut faire). Avec environ 20 000 thèmes adaptés à la création d’un site de photographie, sur un total de 500 000, vous êtes sûr de finir quelque chose pour répondre à vos besoins, qu’il s’agisse d’afficher un portfolio, de vendre certaines de vos images préférées ou de commercialiser votre entreprise de photographie.

COMMENT CONSTRUIRE UN SITE EN WORDPRESS, ÉTAPE PAR ÉTAPE

Nous utilisons une application appelée MAMP pour développer notre site dans un environnement local, avant de le tester complètement et de le déployer ensuite sur une plate-forme d’hébergement de sites Web.

CONSTRUIRE UN SITE WEB AVEC WORDPRESS

Quelques concepts clés avant de commencer 

1. WordPress hébergé ou auto-hébergé ? 

Il existe deux options pour WordPress – wordpress.com ou wordpress.org. Si vous voulez que pour vous, alors allez sur wordpress.com. Si vous préférez vous occuper vous-même de l’hébergement, téléchargez le noyau de WordPress sur wordpress.org. Vous aurez également besoin d’un nom de domaine pour votre site – visitez www.123-reg.co.uk, ou cherchez en ligne un fournisseur. 

2. Pourquoi développer votre site localement Le développement de votre site sur votre propre ordinateur (dans un environnement local, selon le jargon) vous donne un contrôle total du processus. Vous pouvez construire le site à votre propre rythme, affiner vos compétences en matière de résolution de problèmes en fixant tous les accrocs qui se présentent. 

3. Déployez votre site sur le site hôte Lorsque votre site est prêt, vous pouvez le déployer chez votre hébergeur. (Z-Host et 1&1 sont des options populaires.) Le transfert des fichiers vers le site hôte et la configuration de tous les paramètres peuvent prendre jusqu’à une journée, puis votre site Web de photos est prêt pour sa grande révélation…

Comment faire pour mettre son site en place ?

1-Prévoir votre site et choisir un thème 

Tout d’abord, réfléchissez à la manière dont vous souhaitez organiser les images sur votre site WordPress. Contrairement aux médias sociaux ou aux sites de partage de photos, vous avez le contrôle total de l’emplacement des images, alors commencez par décider du thème que vous voulez – allez sur wordpress.org/themes, cliquez sur Feature Filter et faites une sélection via les trois colonnes de catégories : Mise en page, Caractéristiques et Sujet.

2-Choisissez un environnement de serveur local 

Bien que vous puissiez créer un blog sur wordpress.com (voir page ci-contre), nous allons développer notre site de photos « localement » sur notre propre ordinateur. De cette façon, nous pouvons choisir notre propre adresse de site Web personnalisée et perfectionner le site sans avoir à nous connecter à Internet, avant de le déployer chez un hébergeur. Nous utilisons MAMP pour notre serveur local, qui fonctionne sous macOS ou Windows. (Les utilisateurs de Windows peuvent également utiliser Laravel Homestead).

3-Téléchargez votre environnement 

MAMP est un logiciel gratuit, mais MAMP Pro (que nous utilisons dans cet exemple) est payant (79 $). MAMP vous permet d’avoir les outils essentiels à la création de sites Web en un seul endroit : Apache (le serveur web qui sert les pages du site), MySQL (le logiciel de base de données) et PHP (le langage de script). MAMP est simple à configurer et à utiliser, mais si vous êtes bloqué, de nombreuses vidéos tutorielles utiles sont disponibles en ligne.

4-Configurer votre hôte local 

La première étape du processus consiste à configurer votre hôte local. (La principale différence entre les deux versions de MAMP est que MAMP Pro vous permet de configurer plusieurs hôtes – et donc plusieurs sites de développement – simultanément). Cliquez sur le bouton « + » en bas du panneau de l’hôte pour créer un nouvel hôte. Remplissez les informations qui vous sont demandées, notamment le nom de votre hôte local. Nous utilisons « johnspriggsphoto », pour John Spriggs Photography. 

5-Télécharger et installer WordPress 

Comme nous l’avons mentionné, MAMP est une solution  » tout en un  » et rend les choses simples. Pour télécharger WordPress, cliquez sur le  » +  » en bas de  » Extras  » et sélectionnez WordPress. Lorsque vous y êtes invité, fournissez une adresse e-mail et remplissez les autres fields requis. Revenez à l’onglet Général, cliquez sur la flèche et vous avez maintenant une installation locale de WordPress fonctionnelle sur votre ordinateur, utilisant le thème par défaut.

6-Installer maintenant le thème WordPress de votre choix 

Pour commencer à personnaliser votre site, allez dans le tableau de bord et connectez-vous en utilisant votre nom d’administrateur et votre mot de passe. À l’étape 1, nous avons identifié un thème qui nous plaisait, et nous pouvons maintenant l’installer. Suivez les instructions du tableau de bord, puis ajoutez tous les plug-ins suggérés qui seront pertinents pour votre site. Nous avons choisi ‘Hitchcock’ – un thème gratuit qui offre des galeries en mosaïque et une intégration facile des médias sociaux.

7-Changer l’image d’en-tête par défaut de votre site 

Commençons par le début, personnalisons la page d’accueil. Cliquez sur Personnaliser votre site, naviguez jusqu’à Image d’en-tête et cliquez sur Choisir une image, puis téléchargez une photo qui, selon vous, résume le mieux votre site. Vous n’êtes pas obligé de n’avoir qu’une seule image : si vous préférez utiliser une sélection de photos marquantes, vous pouvez télécharger plusieurs files et passer de l’un à l’autre sur la page d’accueil en sélectionnant Randomize Uploaded Headers.

8-Commencez à créer vos galeries d’images 

Nous allons organiser nos images en trois galeries qui peuvent être formées à partir d’articles individuels : Street », « Travel » et « Fashion ». Les sites WordPress sont construits à partir de  » blocs « , et les blocs peuvent servir de conteneurs pour les galeries. Allez dans Créer un article, donnez-lui un titre, sélectionnez Galerie dans le type de bloc, et commencez à ajouter des images. Lorsque vous avez terminé, allez sur la page d’accueil et rafraîchissez-la, et les images s’afficheront.

9-Choisissez les images d’en-tête de la galerie 

Après avoir créé un article et une galerie d’images appelée « Voyage », il est temps de choisir l’image qui sera affichée sur la tuile de la page d’accueil de la galerie. Naviguez dans la barre latérale droite, cliquez sur Avancé et choisissez une image d’en-tête parmi les images que vous venez de télécharger. Nous pouvons maintenant répéter les étapes précédentes pour créer les deux autres galeries. Une fois que c’est fait, allez sur la page d’accueil, rafraîchissez-la et voyez comment les choses se présentent.

10-Ajouter des menus et des boutons de médias sociaux 

Ensuite, nous allons personnaliser le menu de la page d’accueil. Cliquez sur Tableau de bord, allez dans Apparence/Menus et créez un menu appelé « Top Menu ». Sous Emplacements du thème, attribuez-lui le statut de menu principal et commencez à y ajouter des articles, des pages, des galeries ou des liens. Ensuite, configure les boutons de médias sociaux de la page d’accueil en ajoutant un nouveau menu, en lui attribuant le statut de menu social et en ajoutant les URL pertinentes. 

Notre construction de base est terminée – profitez-en !