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
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
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.
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.
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 et ce tutoriel sur Carsonified (en anglais)… je compte en faire une adaptation française prochainement !
Crédits photo : Rob124
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 ?
Bonjour,
voici un exemple de réalisation sur mon site professionnel Neticpro.
Pour la question de réaliser des diaporamas avec WordPress, il existe certainement le plugin qui conviendra à tes besoins.
bonjour
denis ton lien est mort !
je cherche également une solution pour réaliser ce type d’effet
http://themeforest.net/item/sleeko-wordpress-cmsblogportfolio/99305
dont le résultat est apparemment visible ici :
http://www.r2k-architecte.com/projets/
est ce possible avec wp portfolio ?
merci par avance
Lien corrigé !
Mon prénom est Aurélien.
Je n’ai pas de réponses à fournir si ce n’est de t’encourager à tester.
oops pardon
je vais acheter la license du theme
et faire le test en parallèle avec WP portfolio
merci ! et désolé encore Aurélien !
Pas de soucis !
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
Au plaisir !