Créer un portfolio en ligne avec WordPress : le guide

Pour créer un portfolio en ligne avec WordPress, choisissez un nom de domaine et un hébergement, installez WordPress, puis sélectionnez un thème adapté à vos réalisations. Ajoutez ensuite vos projets, une page de contact et les informations utiles à vos visiteurs, avant de vérifier l’affichage et l’accessibilité du site.

Choisir un domaine et installer WordPress

Le nom de domaine est l’adresse que les visiteurs saisiront pour trouver votre portfolio. L’hébergement est l’espace où les fichiers et la base de données de votre site sont stockés. Choisissez une adresse facile à retenir, liée à votre nom ou à votre activité, puis vérifiez sa disponibilité auprès d’un fournisseur de domaines.

Votre hébergeur doit permettre l’installation de WordPress. Avant de choisir, vérifiez notamment les possibilités de sauvegarde, l’accès à un certificat HTTPS et les modalités de gestion de votre site.

Pour commencer :

1. Enregistrez votre nom de domaine et choisissez un hébergement compatible avec WordPress.
2. Associez le domaine à votre hébergement en suivant les instructions de votre fournisseur.
3. Installez WordPress depuis l’interface de l’hébergeur, qui peut proposer une installation en quelques clics.
4. Connectez-vous au tableau de bord avec le compte administrateur créé pendant l’installation.
5. Vérifiez que votre site s’ouvre avec son nom de domaine et en HTTPS.

Conservez vos identifiants en lieu sûr et choisissez un mot de passe robuste. Vous pourrez ensuite construire le site depuis l’administration WordPress, sans avoir à écrire de code.

Choisir et personnaliser un thème de portfolio

Le thème détermine une grande partie de l’apparence de votre site. Pour un portfolio, recherchez une mise en page qui laisse suffisamment de place à vos images et à vos descriptions, tout en restant lisible sur ordinateur comme sur mobile.

Avant d’installer un thème, examinez sa démonstration et vérifiez :

• l’affichage des galeries et des pages de projet ;
• l’adaptation aux différentes tailles d’écran ;
• les possibilités de personnalisation des couleurs et des polices ;
• la compatibilité avec les outils que vous souhaitez utiliser ;
• la facilité de navigation entre les réalisations et la page de contact.

Oshine est un exemple de thème conçu notamment pour les portfolios. Il propose des démonstrations et des options de personnalisation, et peut être utilisé avec Elementor Page Builder. Vérifiez les fonctionnalités proposées avant de faire votre choix : un thème riche en options n’est pas nécessairement le plus adapté à un portfolio simple.

Pour installer un thème disponible dans le répertoire WordPress, ouvrez Apparence > Thèmes > Ajouter un thème, recherchez-le, puis sélectionnez Installer et Activer. Pour un thème obtenu auprès de son éditeur, utilisez l’option de téléversement et suivez ses instructions.

Selon le thème, les réglages se trouvent dans Apparence > Personnaliser ou dans Apparence > Éditeur. Ajoutez votre logo, définissez vos couleurs et vos polices, puis préparez une navigation claire. Elementor peut aussi servir à modifier certaines mises en page si vous choisissez de l’utiliser.

Ajouter et organiser vos projets

Sélectionnez les réalisations qui représentent le mieux votre travail et le type de projets que vous souhaitez obtenir. Quelques projets bien présentés sont plus faciles à parcourir qu’une longue liste sans contexte.

Pour chaque réalisation, prévoyez :

• un titre explicite ;
• des images pertinentes ;
• une description du projet et de votre contribution ;
• un témoignage client, si vous en disposez et êtes autorisé à le publier.

Un photographe peut, par exemple, consacrer une page ou un article à chaque séance, avec une sélection d’images et une courte présentation. Un designer peut expliquer le besoin auquel répondait une création et montrer les éléments réalisés.

Dans WordPress, vous pouvez créer ces contenus sous forme de pages ou d’articles. Si vous préférez séparer les projets du reste du contenu, une extension comme Portfolio Post Type permet de créer un type de publication dédié. Vérifiez qu’elle convient à votre thème et à vos besoins avant de l’installer.

Depuis le tableau de bord, utilisez Pages > Ajouter une page ou Articles > Ajouter un article, puis insérez vos textes et vos images. Si vous utilisez un type de publication dédié au portfolio, son menu apparaît dans l’administration après l’installation et l’activation de l’extension.

Prévoyez également une page qui présente votre activité et une page de contact. Pour permettre aux visiteurs de vous écrire depuis le site, vous pouvez créer un formulaire de contact personnalisé. Testez son envoi et la réception des messages avant la mise en ligne.

Améliorer l’accessibilité et l’affichage des images

Un portfolio doit pouvoir être consulté facilement, y compris par les personnes qui utilisent un clavier ou un lecteur d’écran. L’accessibilité commence par des choix simples dans le thème et dans le contenu.

Assurez-vous que les textes contrastent suffisamment avec leur arrière-plan et que leur taille reste confortable à lire. Vérifiez aussi que les liens et les boutons sont visibles et que vous pouvez parcourir le menu au clavier.

Pour les images qui apportent une information, renseignez un texte alternatif décrivant leur contenu dans la médiathèque ou dans les réglages du bloc image. Ce texte aide les personnes qui ne voient pas l’image à comprendre son rôle. Ajoutez une légende lorsque celle-ci apporte un contexte utile à tous les visiteurs.

L’extension WP Accessibility propose des outils pour corriger certains problèmes d’accessibilité, mais son installation ne remplace pas une vérification du thème et des contenus. Pour approfondir ces points, consultez notre guide pour rendre un site WordPress accessible.

Si vous utilisez une extension de galerie, testez son fonctionnement sur mobile et au clavier. Vérifiez notamment que les images peuvent être ouvertes et refermées sans souris et que la navigation reste compréhensible.

Optimiser le portfolio pour les moteurs de recherche

Pour faciliter la compréhension de votre site par les moteurs de recherche et par vos visiteurs, donnez à chaque page un titre précis. Dans les descriptions de projets, expliquez votre activité et le contexte de la réalisation avec des termes naturels, sans multiplier artificiellement les mots-clés.

Soignez aussi les éléments suivants :

• Les titres et descriptions SEO : rédigez-les pour décrire le contenu de chaque page lorsqu’une extension ou votre thème permet de les modifier.
• Les images : adaptez leurs dimensions à leur affichage et évitez les fichiers inutilement lourds.
• Les liens internes : reliez les projets à votre page de présentation et à votre page de contact.
• La lisibilité : utilisez des sous-titres et des paragraphes courts pour structurer les informations.

Ouvrez plusieurs pages sur mobile et sur ordinateur pour vérifier le temps de chargement et l’affichage. Un portfolio riche en images peut demander une attention particulière à la taille des fichiers et aux galeries utilisées.

Vérifier, publier et entretenir le site

Avant de partager votre portfolio, parcourez-le comme le ferait un visiteur. Vérifiez les menus, les liens, les images, les descriptions et le formulaire de contact. Relisez également vos coordonnées et retirez les contenus de démonstration que vous ne souhaitez pas conserver.

Une fois le site prêt, partagez son adresse sur vos réseaux sociaux ou ajoutez-la à votre signature d’e-mail. Pensez ensuite à actualiser vos réalisations : un portfolio doit continuer à refléter votre travail et les services que vous proposez.

L’entretien concerne aussi WordPress, le thème et les extensions. Prévoyez des sauvegardes et des mises à jour régulières, après vérification de votre site. Vous pouvez consulter les offres de maintenance WordPress pour comprendre les possibilités d’accompagnement.

Si une page de projet ne s’affiche plus correctement, le guide consacré à l’erreur de chargement d’une page de portfolio présente des pistes de diagnostic.

Questions fréquentes

Article rédigé avec l’aide d’une IA à partir des sources citées et de notre pratique de la maintenance WordPress. Notre méthode éditoriale.