Créer facilement un portfolio avec WordPress

Créer facilement un portfolio avec WordPress

Publié par Valentin dans Blog » Design
Modifié le 30 mars 2013 à 12:56.

Ce tutoriel va vous aider à créer un portfolio très facilement grâce au moteur de blog WordPress. Je ne vais pas vous donner la recette secrète pour faire un thème WordPress tout beau tout chaud, mais je vais vous expliquer comment gérer remplacer vos articles par une galerie d’image et donc, votre portfolio.

Dans le cadre d’une mise à jour importante de mon portfolio, je me suis dit, WordPress c’est pas mal, mais il est plutôt destiné à la publication d’article.

Puis je me suis rappelé que l’option « Champs Personnalisés » vous permet d’entrer n’importe quoi, n’importe où dans votre blog.

Vous pouvez également découvrir notre sélection pour modifier photo.
Voici donc le code qui vous permettra en toute simplicité de créer un Photo Blog, il suffit de remplacer le contenu de la div « post » par celui-ci.

<div class="post" id="post-<?php the_ID(); ?>">

<?php $image = get_post_meta($post->ID, 'mini', true); ?>
<?php $url = get_post_meta($post->ID, 'url', true); ?>

<a href="<?php echo $url; ?>" title="<?php the_title(); ?>"><img src="<?php echo $image; ?/>" alt="<?php the_title(); ?>" /></a>

</div>

La fonction « mini » affichera la photo en miniature, il faudra donc prévoir une miniature… et la fonction « url » contiendra l’url de l’image en taille réelle. Vous pouvez utiliser le plugin « FancyZoom » pour ajouter un effet d’agrandissement.

Tout d’abord, lors de la création d’un « PhotoPost » il faut insérer un titre (logique) et cocher sa catégorie (ex: Logos), vous pouvez y insérer des tags et autre goodies. Les images doivent déjà être présent sur votre serveur où vous pouvez l’uploader directement et récupérez le lien de l’image.

Donc a chaque post, il vous suffit de créer/renseigner le champ « mini » et « url » dans les champs personnalisés de wordpress qui se trouve en bas de la page de rédaction.

Et voilà, vous avez une galerie/portfolio sous WordPress.