Créer un portfolio avec WordPress

Concevoir un portfolio avec WordPress est une question récurrente sur le Web. Comment présenter ses créations artistiques, numériques ou non, via une plateforme comme WordPress et ce, sans se prendre la tête ?

Pré-requis

La réponse à cette question tient dans l’utilisation d’un plugin intitulé WordPress Portfolio Plugin. Téléchargez-le puis installez-le à partir du lien suivant :

WordPress Portfolio Plugin

Extension pour créer un portfolio avec WordPress.

Taille : 59,6 KiB  •  Date : 8 juin 2010 •  Hits : 5 121

Une fois installé, remarquez l’apparition d’un nouveau module WP Portfolio dans l’administration WordPress.

Il nous faut donc, dans un premier temps, ajouter des sites Web au portfolio, puis, dans un second temps, personnaliser la façon dont ce dernier sera visible de tous.

Une troisième sera dédié à la configuration de diverses options de WP Portfolio.

Étape n°1 – Constitution des éléments du portfolio

Capture d'écran - Création d'une entrée dans WP Portfolio
WP Portfolio est idéal pour mettre en avant vos sites Web

Étape n°2 – Création de la page Portfolio

Abordons la partie design de votre portfolio.

Il nous faut tout d’abord créer une page que nous intitulerons Portfolio, bien que ce nom soit libre. Dans le corps de texte, insérez le shortcode suivant :

[wp-portfolio]

N’oubliez pas de cliquer sur Publier.

Ce plugin est facilement personnalisable via l’option Layout Settings. Les 2 premiers champs de texte permettent de modifier le code HTML, autrement dit, celui qui est généré par le shortcode que nous venons d’insérer.

Les autres champs concernent les styles CSS, qui vont déterminer le design global de la page.

Capture d'écran - Paramétrage des styles CSS de WP Portfolio
HTML et CSS sont facilement modifiable pour créer le meilleur portfolio

Personnellement, je n’ai pas eu besoin de modifier ces options car elles sont plutôt bien réglées par défaut. Faites donc un test avant de plonger dans le code !

Notez qu’il existe d’autres shortcodes, plus restrictifs que vous pouvez utiliser conformément à l’onglet Documentation.

Étape n°3 – Paramétrage du plugin

Rendez-vous dans Portfolio Settings pour configurer des options essentielles.

Notamment, il est important d’obtenir 2 clés auprès du service gratuit Shrink the Web. Cela permet au plugin d’afficher des miniatures tout en les mettant en cache.

Il suffit donc de s’inscrire puis de saisir les clés STW Access Key ID puis STW Secret Key dans les champs appropriés.

Capture d'écran - Options avancées du plugin WP Portfolio
Shrink the Web est un service facultatif mais gratuit donc profitez-en !

Ainsi, pas besoin de créer vous mêmes les captures d’écran. Maintenant, tout dépend de la taille de votre portfolio et du temps dont vous disposez.

Parmi les autres options intéressantes, on retiendra :

  • Show Credit Link : décochez la case pour masquer le lien retour vers le site de l’auteur ;
  • Thumbnail Size : indiquez la taille des miniatures ;

En suivant pas à pas ce podcast, vous aurez compris qu’il est relativement aisé de gérer un portfolio en ligne avec WordPress. Les développeurs préféreront quand à eux utiliser les custom posts de WordPress 3.0 !

Crédits photo : Rob124

13 commentaires

  1. JluK

    Bonjour,
    Votre article est intéressant, mais comme toujours avec les portfolios, il manque un aspect essentiel, des exemples de réalisations, quels sont les possibilités et les limites de cette fonction ?
    Personnellement, comme quand j’étais sous Dotclear, je finis par recourir à la solution JAlbum. Certes, le diaporama n’est plus inclus dans la page du post, mais cette solution est incroyablement plus puissante et paramétrable. Il y a toute une collection d’exemples sur mon blog, http://blog.jluk.fr
    J’aimerais disposer de tels outils sous WordPress, ou à défauts, pouvoir inclure ces diaporamas de façon limpide dans mes posts, seulement, je n’ai pas encore trouvé de solution. En connaissez-vous ?

  2. carole

    J’ai découvert ce site, il y a une semaine et voilà , ma page Portfolio est sur mon blog même si j’ai eu un peu de mal avec ShrinkTheWeb.
    Merci beaucoup

  3. Amandine

    Salut Aurélien!

    Ton tutorial est génial, mais j’ai un soucis avec l’inscription sur Shrink the Web :S
    Impossible de m’inscrire, il me dit « Your primary website should not be a full path (enter base domain ONLY) ». Je ne comprends pas où il veut en venir, surtout que je n’ai que cette adresse « http://localhost:8888/wordpress/ » pour mon portfolio. Je l’ai crée à partir de l’installation de worpress sur un serveur local sur mon Mac. Oui, je suis une novice en wordpress, serveurs et porfolios
    Si tu as une idée de ce que je peux faire…?

    Merci d’avance!

Laisser un commentaire

Thèmes & Plugins
Premium By WP Channel

WP Alacarte propose des produits et services de qualité
made in France pour la plateforme WordPress.

Tout est prêt pour créer votre site à la carte !

  • Thèmes et extensions premium
  • Facilité d’utilisation garantie
  • Temps de chargement optimisé
  • Personnalisation avancée
Découvrir

Rejoignez la communauté WordPress !

Faites partie de l’aventure en devenant membre d’une association WordPress. Conférences, ateliers, BarCamp, WordCamp… Venez
partager votre passion pour WordPress !

Aurélien DENIS,
président des associations WordPress Francophone et WPMX