Si vous avez un blog WordPress, vous constaterez normalement qu'un bon thème et un ensemble de plugins vous suffiront pour la plupart des fonctions.
Mais que faire si vous voulez que votre blog fasse quelque chose et qu'aucune des solutions existantes ne convient vraiment ?
Eh bien, vous construisez quelque chose de nouveau.
Dans l'article d'aujourd'hui, je vais vous donner un aperçu très rapide et sommaire de la façon dont vous pouvez concevoir et intégrer une toute nouvelle fonction dans votre blog avec le moins de tracas possible.
Jetons un coup d'œil.
Un exemple récent sur Blog Tyrant
Depuis quelques années, j'utilise HelloBar pour diriger les visiteurs vers différentes parties du site.
Récemment, cependant, ils ont modifié le fonctionnement de leur service et il ne correspondait plus vraiment à mes besoins spécifiques.
J'ai donc décidé de construire le mien.
La principale chose que je voulais faire était d'avoir une barre pour les appareils mobiles et une barre pour les appareils de bureau. Chacune aurait un message, un bouton et une URL de destination différents, et je pourrais la changer quand je le voulais sans payer pour les clics.
Celle pour ordinateur :
Et voici celle pour mobile :
Le résultat est que j'ai maintenant un contrôle total sur cette barre en haut de mon site. Je n'ai pas toutes les analyses et fonctionnalités de conception qu'offre HelloBar (c'est toujours un service génial), mais elle fait exactement ce dont j'ai besoin et je continuerai à développer les fonctionnalités au fur et à mesure qu'elles se présenteront.
Comment construire une nouvelle fonction personnalisée sur votre blog
Alors, disons qu'il y a quelque chose sur votre blog que vous ne pouvez pas résoudre avec un plugin.
Que faites-vous ?
Eh bien, voici les étapes que je suis habituellement pour y parvenir rapidement et sans coûter une fortune.
1. Concevoir la fonction
Je vais utiliser l'exemple de la barre que j'ai construite sur Blog Tyrant, mais les prochaines étapes s'appliquent à peu près à tout type de fonctionnalité que vous allez construire.
Cette étape nécessitera que vous ayez un programme comme Photoshop ou Pixelmator et un peu de savoir-faire pour l'utiliser.
Si vous n'en avez pas, cependant, ce n'est pas un gros problème et je vous donnerai une autre option ci-dessous.
i) La première chose à faire est de prendre une capture d'écran de toute la partie du site Web où cette fonctionnalité ou fonction apparaîtra. Sur un Mac, vous le faites en cliquant sur Command Shift 4, puis en sélectionnant la zone de votre écran. Sur un PC, le plus simple est d'ouvrir l'outil Capture et de cliquer sur Nouveau.
ii) Maintenant, vous voulez ouvrir cette capture d'écran dans Photoshop.
iii) Commencez à concevoir votre nouvelle fonctionnalité en pensant à des éléments tels que l'image de marque, la façon dont elle s'affichera, quels effets de survol elle pourrait avoir, etc. Parfois, vous devrez concevoir deux images pour voir à quoi elle ressemble lorsqu'une certaine action se produit.
Ci-dessus se trouve une capture d'écran de mon espace de travail Pixelmator où je teste différentes couleurs pour le bouton. Je vais créer un tas d'images différentes avec des couleurs variées afin de les avoir comme options pour différents effets, etc.
iv) Enregistrez votre conception au format PSD. Il s'agit d'un format Photoshop qui permet à toute personne possédant Photoshop de le lire, de déplacer tous les éléments, de les couper et de les assembler. Ceci est impossible (ou vraiment ennuyeux !) avec une image plate comme un JPEG ou un PNG.
2. Créez une description de poste, choisissez un développeur et testez-la
Cela peut sembler ennuyeux, mais cela ne prend que quelques minutes et une fois que vous avez trouvé quelqu'un que vous aimez, vous pouvez continuer à l'utiliser encore et encore à mesure que votre entreprise se développe.
J'utilise personnellement Crazy XHTML pour la plupart de mes développements WordPress. J'ai une bonne relation avec eux depuis des années et je les recommande volontiers tout le temps.
L'autre option est d'aller sur Freelancer.com et de publier une offre d'emploi indiquant que vous recherchez quelqu'un pour développer une nouvelle fonctionnalité sur votre blog WordPress.
i) Rédigez un « brief » qui communique exactement ce que vous voulez que la fonctionnalité fasse. Voici un exemple de ce que j'écrirais à mon développeur pour l'exemple HelloBar dans cet article :
Salut l'ami.
J'espère avoir une nouvelle fonctionnalité codée dans mon blog d'ici vendredi.
Fichiers PSD de la conception joints et instructions ci-dessous. Veuillez me faire connaître votre coût estimé et toute question.
1. La fonctionnalité est une « barre flottante » qui se place en haut de la page et suit le lecteur lorsqu'il fait défiler.
2. Des exemples peuvent être vus sur www.example.com.
3. J'ai besoin d'une barre distincte pour le bureau et le mobile et de la possibilité de les modifier facilement dans mon tableau de bord WordPress.
4. Effet de survol inclus dans la conception.
5. Veuillez configurer une démo avant la mise en ligne.
Merci d'avance.
Ramsay
Je suis capable de garder mes e-mails assez courts car je connais mon développeur depuis longtemps et il sait généralement ce que j'essaie de dire. Si vous travaillez avec quelqu'un pour la première fois, incluez peut-être plus d'exemples et de captures d'écran juste pour éviter les allers-retours.
ii) Une fois que vous avez rédigé le brief ou créé l'offre d'emploi sur Freelancer, vous devez sélectionner le développeur ou confirmer que son coût est approprié. Donnez-lui le feu vert pour continuer et surveillez sa progression en répondant à toutes ses questions, etc.
iii) Testez la fonctionnalité sur le site de démonstration qu'ils devraient avoir mis en place. Vous voulez vous assurer que cela se produit afin de pouvoir voir les erreurs ou les problèmes avant qu'elle ne soit mise en ligne sur votre blog réel.
3. Installez la fonction
La dernière étape consiste à faire installer la fonctionnalité sur votre blog réel. Cela peut prendre la forme d'un plugin, ou vous devrez peut-être donner à votre codeur l'accès au backend de votre blog via FTP afin qu'il puisse faire un peu de programmation.
C'est un concept assez effrayant pour beaucoup de gens – laisser quelqu'un avoir accès à l'intégralité de votre blog. C'est l'une des raisons pour lesquelles je préfère faire appel à une entreprise de confiance.
Si vous utilisez Freelancer, assurez-vous simplement de choisir un développeur qui a beaucoup, beaucoup d'excellents avis de personnes du monde entier.
Conclusion
Évidemment, ce n’est pas la seule façon de faire, mais j’ai trouvé que c’était la méthode la plus rentable et la plus rapide. Une fois que vous trouvez un développeur avec qui vous travaillez bien, vous pouvez vraiment accélérer les choses et vous constaterez que votre blog devient beaucoup plus efficace à mesure que vous ajoutez des fonctionnalités et des fonctions personnalisées dont il a réellement besoin.
Vous avez des questions ? Laissez un commentaire ci-dessous.
Photo du haut : Sergei Zolkin
[ Sourires ] Ramsay, vous avez le don de simplifier les problèmes complexes.
Faire développer un nouveau plugin à partir de zéro, c’est incroyable !
Oui, je pensais ça aussi. Maintenant, nous en faisons tout le temps. 🙂
Ramsay, ce sont d’excellentes ressources ! Ne pouvez-vous pas aussi créer quelque chose avec CSS (ou avec un gars technique intelligent qui connaît le CSS et WordPress) ? Mon gars technique a créé un modèle de page spécial pour moi (je ne sais pas comment) et Studiopress facilite l’utilisation du code CSS pour modifier presque tout. Je ne sais pas si cela fera quelque chose comme une barre de salut complète, mais vous m’avez inspiré à le découvrir !
Certains de ces gars de Fiverr sont des génies (si vous avez de la chance), mais vous devez faire confiance à quelqu’un pour entrer dans votre blog et ajouter quelque chose… comme autoriser une chirurgie.
Cathy
Oui, vous pouvez. Je ne m’en occupe plus – c’est beaucoup plus rapide pour moi de payer un expert.
C’est une distinction intéressante, Ramsey. Dites-vous que vous pourriez le faire, mais qu’il est plus facile et plus rentable en temps et en argent de laisser d’autres le faire ? Si oui, qu’en faites-vous du temps gagné ?
encore un super article !
Merci Ramsey de partager un article aussi utile. Après une longue période, j’ai lu un article différent sur votre blog. 🙂
J’en ai publié deux cette semaine ! Ha ha.
Excellente idée pour les procrastinateurs – créer un fichier Photoshop et utiliser un freelance vous fera gagner beaucoup de temps passé à vous demander quoi faire pour un plugin (ce qui pour moi prend des siècles).
Jon Jon Jon.
Whoa… jamais je n’aurais pensé à ça. Parfait quand on a une idée et qu’il n’y a pas de plugin ! Merci pour cette idée originale !!
Bienvenue !
Salut,
Vous auriez pu intituler l’article comment publier un emploi sur freelancer plutôt que comment développer une fonction personnalisée.
Ne le prenez pas mal, mais avec le titre, je m’attendais à autre chose.
Merci pour vos commentaires, Prabhat. J’apprécie.
C’est super cool ! Et mon mari connaît Photoshop, donc… voilà !
Merci Ramsay.
Parfait !
Salut Ramsay,
Merci pour l’article.
Je pense au développement d’un plugin WordPress personnalisé et je cherche des développeurs WordPress.
Je me demande, puisque vous êtes dans ce domaine depuis longtemps, si vous connaissez et pourriez recommander des développeurs de plugins WordPress.
Cordialement,
Abhishek
Il y en a un dans l’article. 😉
Je suis allé sur leur site web. Il n’était pas clair s’ils travaillaient sur de nouveaux plugins WordPress ou non. Je vais les contacter. Merci 🙂
Heureusement, je n’ai jamais été dans une situation où un plugin ne satisfaisait pas pleinement mes besoins, que je ne pouvais pas résoudre en installant simplement un autre plugin.. lol.
Cependant, c’est vraiment cool ! Merci pour l’idée Ramsey 🙂
Merci d'avoir commenté.
J’ai remarqué que j’avais dit « Ramsey » – je me sens stupide 🙁
Pardonnez-moi Ramsay !
Salut Ramsay,
Excellent article, comme toujours. J'ai vraiment apprécié cet article car j'ai essayé de développer un plugin pour Engagebit il y a quelques mois, mais je n'ai pas eu de succès. Cet article est tombé à pic.
Je vais recommencer le projet.
Passez une excellente journée !
Merci, mon ami.
Salut Ramsay,
Bon travail, mec.
Lorsque je suis passé à la plateforme Rainmaker à la fin de l'année dernière, j'ai dû dire adieu aux plugins WordPress. Vous seriez étonné des choses que je peux encore faire grâce à une expérience en développement web et à la capacité de Rainmaker d'ajouter des scripts personnalisés à chaque page, cependant. :)
Qu'est-ce que Hello Bar a changé pour vous faire changer ? Je ne les ai pas utilisés depuis un bon moment.
Je vais tweeter ceci sous peu, mon pote. Je vais aussi le partager sur FB (est-ce un mot ?).
-Kevin
Ouais, les gens semblent adorer Rainmaker. Je me demande si je devrais essayer.
Salut Ramsay,
Comptes-moi parmi ceux qui sont d'énormes fans de Rainmaker. (Si vous voulez lire pourquoi j'ai changé pour Rainmaker, j'ai lié mon nom ci-dessus à l'article que j'ai écrit sur Rainmaker l'automne dernier.)
Cela dit, un passage à Rainmaker nécessiterait un changement de design pour Blog Tyrant. À moins qu'ils n'intègrent votre thème (ce qui est possible, je suppose), vous devriez utiliser l'un de leurs thèmes StudioPress et le personnaliser.
Pour ce que ça vaut, j'adore le design de votre site. Je détesterais le voir disparaître. :)
-Kevin
Article très intéressant. Je ne suis pas sûr que vous soyez disposé à partager, mais combien a coûté la création de ce plugin ? Juste pour avoir une idée approximative.
Je pense que c'était 60 $.
Wow, c'est très bien pour votre propre code / plugin personnalisé. Je garderai certainement cela à l'esprit si je rencontre une fonctionnalité que je ne trouve pas à l'avenir.
Article intéressant Ramsay. Comme vous l'avez indiqué ci-dessus, la création de votre propre plugin est assez peu coûteuse, savez-vous si toutes vos fonctions supplémentaires sont développées ou utilisez-vous encore beaucoup de plugins premium ? Je constate souvent que les plugins gratuits ne font tout simplement pas assez et j'ai l'impression que dépenser plus d'argent pour la seule fonction dont j'ai besoin n'en vaut pas la peine. Qu'en pensez-vous ?
Merci et continuez comme ça !
Salut Joep.
Je suis généralement heureux de payer pour un bon plugin. Ils aident à rendre mon entreprise plus efficace et je peux les déduire fiscalement.
Ouais, je pensais exactement la même chose à propos de Hello Bar. Heureusement, j'utilise les thèmes Themify pour la plupart de mes blogs et il était super facile de créer un crochet 'avant l'en-tête' et de le styliser pour qu'il ressemble exactement à une barre Hello.
Ok, il n'a pas d'intelligence particulière, mais il reste en haut de la page lorsque vous faites défiler. Je peux même y insérer une boîte de capture d'e-mails quand je serai prêt.
C'est sur ma liste de choses à faire pour un tutoriel.
Bien sûr, je pourrais payer un développeur, mais où est le plaisir là-dedans.
Ha ha. Je trouve ça super amusant. Cela me laisse plus de temps pour la randonnée !
lol. Waterfall Gully ou de la vraie randonnée. Je n'ai toujours pas fait les Flinders Ranges. Je ferais mieux de mettre ça sur ma liste de choses à faire.
Hey Ramsay, merci pour l'article. Je prévois également d'ajouter une fonction personnalisée pour mon site web. Je pense que ces points m'aideront pour mon site web. Continuez à poster.
Merci, mon ami.
Lynda.com propose d'excellents cours sur la personnalisation d'un thème WordPress et la modification des fonctions. C'est très facile à suivre car il est composé de tutoriels vidéo faciles à comprendre.
Merci pour le tuyau !
Quoi de neuf Ramsay ? Super article ! Comment se convertit votre nouveau pop-up et quel programme utilisez-vous ? J'utilise MailChimp et il convertit environ 10 %. Santé, Chris
Ouais, c'est à peu près ça.
Un très beau tutoriel Ramsay,
Je n'y avais jamais pensé auparavant. À 60 $, je parie que ce sera bien moins cher que le plugin déjà conçu qui fait ce qu'il fait pour vous.
Je réfléchissais à la façon d'obtenir une boîte de fonctionnalités personnalisée pour mon blog, mais je pense que je devrais juste essayer cette méthode.
Bien que je n'aie jamais utilisé freelancer auparavant, je suppose que je peux aussi obtenir le même service via Odesk.
Merci de partager.
Faites-moi savoir comment vous allez. J'espère que cela vous aidera.
C'est bien de connaître cette option... Le prix n'est pas mal et la fonctionnalité semble assez robuste.
Les coûts de développement se révèlent généralement moins que fortuits lorsque les itérations commencent à se multiplier. Même quelque chose comme Elance.
Ouais, je suppose que c'est pourquoi il est bon de trouver quelqu'un que vous connaissez et en qui vous avez confiance pour travailler après un certain temps.
Après avoir lu quelques articles sur votre site Web, j'aime vraiment votre technique de
blogging. Je l'ai mis en signet dans ma liste de sites de signets et je reviendrai
vous voir dans un avenir proche. Veuillez également consulter mon site Web
et dites-moi ce que vous en pensez.