Image Image Image Image Image Image Image Image Image Image

Patrick Roux | October 20, 2014

Scroll to top

Top

18 Comments

Créer un VDM like avec wordpress, c’est possible!

Créer un VDM like avec wordpress, c’est possible!
Contents
  1. Résultat

Il est possible de créer des VDM-Like sur des plateformes communes. Mais Vendeesign propose de sont coté un thème wordpress complet avec plugins intégrés pour réaliser son propre VDM-Like bien à soit. Je me suis permis quelques ajustements que je vais détailler ici, pour réaliser mon mien…

Prérequis :

>>> Télécharger wordpress
>>> Télécharger VDMLike avec ses plugins

A l’attaque

Une fois installé, la première chose qui frappe c’est la simplicité du graphisme. Normal, l’objectif est l’efficacité pas la complexité. A noter que cela laisse libre court à l’imagination, il y a de la place pour qui n’a pas peur de se jeter dans les CSS !

Sinon l’autre point c’est le formulaire de soumission : Il est tout blanc le sagouin! C’est normal, VDMLike est widget ready, et le formulaire est aussi un widget. Pour l’y mettre il faut aller là dedans :

widget formulaire Créer un VDM like avec wordpress, cest possible!

Après ça, il faut le personnaliser le formulaire. Pour ma part j’ai du aller un peu plus loin pour rajouter un limiteur de texte au textarea. En effet il est possible de limiter le nombre de caractères, mais cela se traduit juste par une message d’erreur à la soumission, et charge à l’internaute de compter ses caractères. Pour cela j’ai utilisé TextLimit, vu dans un billet précédent.

La création se fait dans TDO Miniforms > Form Creator, la customisation (ajout de classes pour le design, plugin jquery…) se fait dans TDO Miniforms > Personnalisation de formulaire.

Bon, ça c’est fait, on a activé tous les plugins, mais regardons les de plus près. Le détail est disponible sur le site de Vendeesign, mais il y a en a un que je remettrais en question : GD Star Rating. Il est bien, hein, mais pas adapté à mon sens à un VDM Like. c’est pourquoi je l’ai remplacé par VoteIt Up.

Il ne reste plus qu’à se faire plaisir sur le design, puis à compléter notre VDMLike par quelques plugins.

Compléments

Premier complément : Sidebar login.

Avantages : Ajax, connexion simple, on revient à la page initiale, paramétrage des fonctionnalités disponibles (mdp perdu, enregistrement…)
Inconvénients :  Je n’en vois pas à priori

Second complément : Register Plus.

Avantage : customisation de la page d’enregistrement, pour plus de souplesse, customisation de la page profil, des infos demandées à l’internaute…
Inconvénients : Customisation graphique limitée

Le reste

Il y a d’autres compléments que je ne listerai pas ici, car ce sont presque des standards (SEO, version mobile, ping, cache…)

Résultat

Voici le résultat, dernier né de kicoe.net : http://www.benquoi.fr

logo Créer un VDM like avec wordpress, cest possible!

Comments

  1. Super personnalisation du thème originel !!! Pour ma part j’en ai fait un aussi mais je suis pas arrivé à ton résultat.

    Ca fonctionne bien en terme de trafic ?

    Encore bravo !

  2. Merci de ton commentaire!
    Non malheureusement le traffic n’est pas encore au rendez-vous, mais je ne désespère pas :) Ton site aussi n’est pas mal d’ailleurs!

  3. issaconan

    slt,
    merci pour le tuto c super et ca ma vraiment aidé, mais pouvez vous m’aider ?
    je cherche a savoir comment réaliser un formulaire d’ajout de citation comme sur votre site de la même façon.
    merci

    • Bonjour,

      Merci également de ton commentaire. Le formulaire d’ajout de citation, comme indiqué dans le billet, est TDO mini form. Ce plugin se gère comme uin widget et son affichage est automatiquement géré par le template.

      Après il faut effectivement le personnaliser dans le menu « Personnalisation de formulaire ». En effet, la création génère un code qu’il faut ensuite bidouiller un peu pour arriver à ce qu’on veut. Par exemple pour ajouter TextLimit j’ai rajouté, sachant que le textarea possédait les attributs name= »content-text-ta » id= »content-text-ta », le code suivant :

      <script type="text/javascript">
      $(document).ready(function()
      {
      ;(function($){$.fn.clearTextLimit=function(){return this.each(function(){this.onkeydown=this.onkeyup=null;});};$.fn.textLimit=function(limit,callback){if(typeof callback!=='function')var callback=function(){};return this.each(function(){this.limit=limit;this.callback=callback;this.onkeydown=this.onkeyup=function(){this.value=this.value.substr(0,this.limit);this.reached=this.limit-this.value.length;this.reached=(this.reached==0)?true:false;return this.callback(this.value.length,this.limit,this.reached);}});};})(jQuery);
             $("#content-text-ta").textLimit(300,function( length, limit, reached  ){
      			var nb = limit - length;
      			if ( length == 0 )
      				$("#desc").text("Tapez votre texte");
      			if ( reached ){
      				$("#desc").text("Vous avez utilisé vos "+length+" caractères.");
      			}
      			if ( !reached && length > 0 )
      				$("#desc").text("Il reste "+nb+" caractères");
          });
      });
      </script>

      Le reste, c’est du bidouillage Html / Css / Javascript

      • issaconan

        Slt,
        merci beaucoup kicoe pour ton aide, j’avoue que je suis un peut perdus car je suis pas trop wordpress.

        ce que moi je cherche c’est comment faire pour :
        – ajouter un champ de texte « pseudo » pour les invités, et que le pseudo remplace l’auteur defenis par defaut par l’administrateur.
        – option de notification par mail une fois l’article publié.

        je demande trop peut être, sorry l’ami, et pour ton theme il est super ! pas moyen d’avoir 1 ;)

        merci +++

        • Mais de rien, ça me fait plaisir :)

          Ce dont tu parles concerne le paramétrage du plugin TDO Mini Forms. Il faut que tu te crées un nouveau formulaire et que tu lui ajoute les champs suivants :
          – « Who am I » pour identifier l’auteur
          – « Content »pour titre+texte

          En fait, l’idée est ici de faire enregistrer des articles/billets par des utilisateurs externes/internes. En effet, les interventions sur le site (VDM, Benquoi ou autre) sont en fait des billets de blog.

  4. newbie

    Bonjour

    Je découvre ton site kicoe mais aussi benquoi.fr

    En fait, ma requete va etre etrange mais je me lance :

    As tu un tuto qui explique comment faire pour avoir un site comme benquoi.fr ?

    Parce que j’ai essayé, et j ai un blocage, le formulaire ne fonctionne pas qd on n’est pas connecté (ca marche qd je suis connecté sous le profil administrateur)

    J ai installé WordPress 3.3.1 puis suivi le tuto du blog Vendeesign mais la le formulaire n’apparait plus.

    Mes questions :
    – Y a t il possibilité de faire cela sous wordpress 3.3.1 ?

    Peux tu m aider ?

    Merci d avance.

    • mickael

      bonjour,

      j’ai exactement le meme probleme et impossible de le resoudre. Avez-vous reussi a le resoudre ?

      merci

  5. nicolas

    Bonjour, quel est le script ou le widget que vous utilisez pour les likes en premieres pages sur chaques posts?

    j’en ai trouve quelques uns mais impossible de les mettre a cette endroit.

    merci

    • Bonjour,
      J’ai utilisé le plugin « share and follow ».
      Amusez-vous bien!

  6. nicolas

    bonjour,

    Sous quel version de wordpress avez-vous utilisé le template ?

    merci

    • Bonjour,
      A l’époque c’était WordPress 3.1.1.

  7. Mon Site De Vie De Merde

  8. étant vraiment un newbie, quel type d’hébergement est nécéssaire/me recommanderiez vous pour la création d’un VDM like.(dans un premier temps bien-sûr)

  9. Guillaume

    Bonjour,

    Je viens de lancer un nouveau en prenant achetant le theme wordpress de vendesign. J’ai pu facilement installé le thème (http://www.voyagepasbanal.com/) par contre pour la configuration de TDO Mini forms ça se complique.
    En effet lorsque je vais dans form creator pour mettre mes widgets dans mon formulaire, le drag and drop ne fonctionne pas.

    Quelqu’un aurait une solution ?

    Merci de votre aide

    • Patrick

      Hello,

      A ta place je commencerais par vérifier avoir bien suivi la procédure d’installation, car de mémoire il y a des subtilités.

  10. Bonjour,
    Je suis en train d’installer le VDM Like sur mon site http://www.c-libs.fr, j’ai un petit souci avec le plugin de vote… il ne s’affiche pas, étant très peu calé sous WordPress je ne vois pas trop comment l’assigner… Il est activé et tout.

    Si quelqu’un a une petite idée ;)

Submit a Comment