Créer facilement un portfolio avec WordPress

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 une 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. 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.

Allez plus loins

28 réponses

  1. Re, bon bas merci mais je n’y arrive toujours pas.
    Je ne comprend rien du tout mdr, J’ai le wordpress par default.

    Je fais bien tout les fichier mais rien y fais :(

  2. Je n’y arrive toujours pas alal le code,

    Essaye de faire un new thème avec les fichier avec une images test pour voire comment tu organise tout sa, je trouverais sa vraiment gentil de ta part.
    Car je ne voie pas ce que je dois garder ou effacer.

    Cordialement.

  3. En fait… il faut créer un article une fois le script installé… Dans cet article tu y mettera un titre, en bas de page tu a un bloc « Champs personnalisé » tu dans l’id : mini – et dans l’autre tu met l’url ;)

    Comme je les dit dans l’article… Ce n’est pas compliqué ;)

  4. Oui sa je sais bien mais je te parle de mis en page et du code.
    Je veux faire pareil mais moi quand je clic sur mes image sa m’en voie dans l’article lui même et sa je comprend pas.

  5. Ah bah la mise en page, c’est une autre histoire :P
    Il faut que tu trouve un thème qui plaît :) puis tu y insère le code de cet article. Pour l’url tu a bien créer un champ personnalisés url ? avec l’url de l’image ?

  6. Hello, oui j’ai bien tout crée, le champ personnalisés avec l’url de l’image.
    Mais quand le fais la page index.php avec ton code et que je regard ce que sa donne bas quand je clic sur l’image et tout le design du thème par défaut arrive et sa me fais un truc vraiment space.

  7. Bonsoir,

    Je suis allé sur nitrax.fr et je le trouve nikel ton portfolio. c’est un wordpress? tu as créé le théme toi même? Comment? peut tu me donner plus d’info? voir même tes fichiers si tu me permet de les modifier à ma sauce.

    Cordialement.

  8. Bonjour,

    j’ai inséré ton code dans mon template page.php, j’ai ensuite édité un de mes article, mis « mini » dans key et une url vers une image (venant d’un autre site) dans value, j’ai tout mis à jour mais sur mon blog, rien ne s’affiche erf!

    J’ai loupé quoi ?

    Merci

    1. Pour les vidéos, c’est très simple. Au lieu du code image en html, il faut le remplacer par le code de la vidéo. Tu insère le code suivant a la place de l’url de la vidéo.
      "< ? php echo $image; ?>

      Il te suffit alors de créer un article en mettant le lien de la vidéo pour qu’elle s’affiche comme une image. Simplement

    1. Commentaire mis à jour, le code n’est pas passé lors de sa publication.
      En faite, c’est le même fonctionnement qu’avec une image. sauf qu’il faut remplacer le code html de l’image par celle de la vidéo flash.

  9. De même, comment faire pour utiliser seulement des post qui sont dans une catégorie qui ne servirait qu’à faire cela ?

    je cherche sans succès !

    merci

  10. Hello,

    Joris j’ai un exemple à cette adresse, mais il coûte 75$.

    Pour ma part je cherche à avoir une première page (home) du style blog (traditionnel) texte avec images qui seraient liées à des images dans des galleries du style voir le lien ci-dessus. :?

    Auriez-vous une idée? merci. :)

  11. Je veux mettre en place une categorie portfolio, j’ai aussi du mal comme j’ai pu lire en diagonale ci dessus, est il possible d’avoir ce post en video? si on me tient pas par la main en informatique, je capte pas lol! pourtant j’ai cree 2 blogs, je sais pas trop comment je m’en suis sortie :). C’est apres en voulant perfectionner que les vraies prises de tete commencent en fait.

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *