Tutoriels WordPress de confiance, quand vous en avez le plus besoin.
Guide du débutant pour WordPress
WPB Cup
25 millions+
Sites web utilisant nos plugins
16+
Années d'expérience WordPress
3000+
Tutoriels WordPress par des experts

WPBeginner v4 – Nouveau design, fonctionnalités et prochaines étapes

Il y a un peu plus de 7 mois, j'écrivais à propos de WPBeginner version 3.0. Après beaucoup de travail acharné, de réflexion et d'optimisation, je suis fier de vous présenter WPBeginner 4.0. Nous avons mis en ligne ce nouveau design juste avant BlogWorld, il y a donc environ 2 semaines. Si vous lisez notre site Web par e-mail ou via un autre lecteur de flux, je vous serais très reconnaissant si vous jetiez un coup d'œil au site Web. Faites-nous part de vos réflexions. Il y a eu beaucoup de changements majeurs dans le nouveau design et la structure du site WPBv4.

Pourquoi sommes-nous passés si rapidement à WPBv4 ?

Lorsque j'ai lancé la refonte, certains de mes bons amis m'ont demandé : vous n'avez pas fait une refonte il n'y a pas si longtemps ? Oui, nous l'avons fait il y a environ 7 mois. Avoir deux refontes majeures en un an doit nécessiter une explication. Alors pourquoi sommes-nous passés à WPBv4 ? Eh bien, je pense que la raison principale était une faible conversion. Depuis le lancement de WPBeginner, nous avions une barre « orange » distinctive en haut. Dans la dernière conception, nous l'avions supprimée. Cela a non seulement rendu le site très terne, mais beaucoup de nos utilisateurs se sont plaints de ne pas pouvoir reconnaître le site. La dernière conception était vraiment cool car elle tentait d'imiter le tableau de bord WordPress, mais cela est devenu obsolète très rapidement. J'ai commencé à me manquer l'orange moi-même.

Une autre grosse plainte que nous avons entendue de la part de nombreux utilisateurs était que le contenu était très difficile à trouver. Pour voir les catégories de blog, l'utilisateur devait se trouver dans la section blog du site Web. Rendre le site réactif pour de nombreuses tailles d'écran a nécessité un déplacement du contenu. Cela a entraîné une diminution des conversions (opt-ins, ventes, clients potentiels, etc.). Je savais que nous devions faire quelque chose à ce sujet RAPIDEMENT. Je suis allé au tableau blanc et j'ai commencé à faire une liste de choses à faire. Avec autant de commentaires et de plaintes, j'ai vu que cette liste de tâches devenait incontrôlable. La chose suivante que je sais, c'est que nous avons parlé d'une refonte. Nous voici maintenant avec un nouveau design.

Qu'est-ce qui a changé ?

Il y a eu beaucoup de changements (certains majeurs aussi). Je ferai de mon mieux pour les mettre en évidence et expliquer pourquoi nous avons apporté ces changements.

  • Fermeture de la galerie – Nous avons lancé notre galerie dans l'espoir de présenter les meilleurs designs WordPress. Tout le contenu était soumis par les utilisateurs. La tâche s'est avérée beaucoup plus difficile que prévu. Plus de 90 % des sites soumis n'ont pas été retenus. J'avais presque l'impression de ne pas progresser. Nous passions en revue les sites quotidiennement pour découvrir à nouveau « Aucune soumission de site de qualité ». J'ai donc décidé de tirer la prise.
  • Les coupons renommés en Offres – Vous vous souvenez de notre section coupons ? Eh bien, elle a un nouveau nom maintenant. Elle est hébergée sous Offres. Ce n'est plus un sous-domaine multi-sites. C'est plutôt un type de publication personnalisé. Il y avait plusieurs raisons pour lesquelles nous avons apporté ce changement. La raison principale était une meilleure structuration du site. Les coupons nous limitaient à ne publier que des coupons sur le site. Cela a rendu la section Actualités du blog assez encombrée. Avec un nouveau nom, Offres, nous pouvons maintenant tout publier au même endroit. Le fait que ce soit un type de publication personnalisé nous permet de l'intégrer beaucoup plus facilement sur tout le site.
  • Lancement des vidéos – Nous avons enfin lancé les Vidéos WordPress de WPBeginner. Nous étions censés le lancer un ou deux mois après la dernière refonte. En raison de tous les commentaires/plaintes, nous avons décidé de reporter le lancement. Actuellement, il y a 17 vidéos qui vous montreront les bases de WordPress. Il est prévu d'ajouter d'autres tutoriels vidéo au fil du temps.
  • Le plan de WPBeginner – Après avoir réalisé l'étude de cas de List25, nous avons été submergés d'e-mails d'utilisateurs nous demandant un aperçu des coulisses de WPBeginner. C'est pourquoi nous avons lancé Le plan de WPBeginner. Cela nous donne un endroit unique où nous pouvons lister tous les plugins, outils et services que nous utilisons. Cela nous permet également de le maintenir à jour. Des vidéos du plan sont en cours de préparation pour rendre cette section plus personnelle.
  • Guides Initiative – Souvent, nous recevions des e-mails ou des tweets d'utilisateurs nous demandant où se trouvait le guide ? J'avais toujours envie de me taper la tête contre le mur. Ma réponse était, tout le site web est un guide. Cependant, je comprends qu'il est de notre devoir en tant qu'équipe de rendre notre site plus facile à naviguer. Les guides proposeront un guide étape par étape pour utiliser WordPress. Actuellement, c'est assez basique, mais nous y ajouterons plus d'éléments. Pour ceux qui se demandent, c'est juste un espace où nous présentons des articles triés sur le volet que nous avons déjà couverts.
  • Hébergement WordPress – Par le passé, nous avions une liste d'hébergeurs WordPress recommandés. Dans la nouvelle version, nous souhaitons également avoir les commentaires de nos utilisateurs. Nous avons ajouté la possibilité pour les utilisateurs de NOTER chaque hébergeur et de laisser des avis. Veuillez consulter notre page Hébergement WordPress pour voir si votre fournisseur d'hébergement y figure. S'il y figure, veuillez envisager de laisser un avis. Cela aidera les autres à prendre la bonne décision.
  • Services – Par le passé, notre page de services n'a jamais été très élaborée. Nous proposons une grande variété de services que nous ne commercialisons pas. Nous n'avons jamais ressenti le besoin de le faire car nous avons toujours été débordés de clients. Alors que nous embauchons plus de personnel, nous avons décidé de rendre nos services WordPress publics. Cette page est encore en cours de préparation. Je souhaite que nous ayons une page de destination personnalisée pour chacun.
  • Genesis Framework – WPBeginner est maintenant alimenté par Genesis. La dernière conception était autonome, mais nous sommes de retour avec notre framework préféré.
  • Livefyre – Dans la nouvelle conception, nous sommes revenus aux commentaires par défaut de WordPress. Nous avons abandonné Livefyre. Nous avons déjà écrit un article à ce sujet : « 6 raisons pour lesquelles nous avons abandonné Livefyre ».
  • Changements visuels – Il y a beaucoup de changements visuels. Polices, taille de police, etc.

Et ensuite ?

I still have a long list of things to do. I am super excited to see the direction we are heading in. We will soon start to offer Freebies. I want us to have a good compilation of books. If you have book recommendations, then please contact us. I want WPBeginner to cater to niche markets as well. There are some more interesting stuff in the works for that :)

Une nouvelle section de cadeaux est en préparation, puis nous reprendrons nos cadeaux habituels comme avant. Je ne veux plus surcharger la section des actualités. Plus d'informations à ce sujet bientôt.

Nous travaillons sur une « semi-réactivité » de ce thème. En gros, vous pouvez l'appeler une version mobile. La plus grande plainte que nous avons reçue de nos utilisateurs auparavant était que notre design « réactif » pour mobile ne leur donnait pas la possibilité de revenir à la version complète. Nous essayons donc de trouver la meilleure façon de résoudre ce problème.

Je ferai de mon mieux pour vous tenir informés à mesure que nous ajouterons de nouvelles fonctionnalités.

Cordialement,
Syed Balkhi

Avis : Notre contenu est financé par nos lecteurs. Cela signifie que si vous cliquez sur certains de nos liens, nous pouvons percevoir une commission. Voir comment WPBeginner est financé, pourquoi c'est important et comment vous pouvez nous soutenir. Voici notre processus éditorial.

La boîte à outils WordPress ultime

Accédez GRATUITEMENT à notre boîte à outils - une collection de produits et de ressources liés à WordPress que tout professionnel devrait posséder !

Interactions des lecteurs

35 CommentsLeave a Reply

  1. J'ai consulté la Wayback Machine pour voir comment ce site a évolué depuis sa création, et c'est une rétrospective intéressante. Il est clair que depuis 2012, vous n'avez cessé d'innover et de vous concentrer principalement sur les utilisateurs. J'adore votre design épuré et honnêtement, vous m'avez inspiré de bien des façons. Même si le site a maintenant un design différent d'avant, il est fascinant de revenir sur son développement année après année.

  2. Bonjour, j'aime l'apparence de votre site. Vous mentionnez le changement dans votre section d'offres mais ne donnez aucun conseil de code pour créer ce look. Compte tenu du nom de votre site, je m'attendais à un tutoriel explicatif, bien que vous mentionniez qu'il s'agit d'un type de publication personnalisé. Étant débutant, il me faudrait un moment pour comprendre le style appliqué pour obtenir le même look sur votre offre de coupon. Y a-t-il une chance que j'aie manqué votre article instructif à ce sujet ? Merci.

    • Suggestion intéressante. Le but de l'article était de montrer aux utilisateurs ce qui a changé, pas nécessairement de leur montrer comment nous l'avons changé. Dans une perspective plus large, les choses que nous changeons sont souvent assez difficiles à expliquer pour les utilisateurs débutants. Oui, on peut argumenter qu'il existe plusieurs niveaux de débutants. Vous pourriez être à un niveau où vous comprenez le HTML, le CSS et un peu de PHP. Puis il y a ceux qui ne savent pas comment télécharger une image.

      Admin

  3. Je pense que le nouveau design est une nette amélioration. L'idée du dernier semblait bonne mais en réalité, cela n'a pas fonctionné.

  4. i love the new design more…genesis is certainly the best framework compared to thesis and others and it handles seo very well…although i also liked the previous one…easy peesy…navigating to pages and stuff..this design is more like a businessey type of approach..i do like it but it can be made better :)

  5. Super, mais une question de plus,
    Je me demande quel plugin vous utilisez pour diviser les abonnements par e-mail en plusieurs catégories. Merci.

  6. Bien que j'aime beaucoup ce design, le précédent était très unique. Le design actuel est typique d'une mise en page de blog/magazine, tandis que le précédent était assez unique. Je pouvais reconnaître le site rien qu'en regardant une partie de celui-ci.
    Genesis est un excellent ajout, je l'utilise moi-même et je l'admire vraiment.

    • Merci Ankur, oui je suis tout à fait d'accord avec vous. Le dernier design était vraiment très unique. Je pense que pour cette raison même, les gens avaient du mal à trouver les articles. Parce qu'ils étaient confus. Revenir à une disposition traditionnelle avait plus de sens.

      Admin

  7. C'est vraiment bien de voir les articles de blog de retour sur la page d'accueil. Je ne comprenais pas pourquoi vous les aviez enlevés, mais je suis content de voir que vous expérimentez. Aucune entreprise n'est une perte à moins que vous n'en tiriez des leçons. Une grande amélioration par rapport à la v3 à mon avis.

  8. Helly Syed,
    Tout est super ; mais pouvez-vous me donner l'ancien thème (WP Beginner V3) !
    Je le veux vraiment. Votre ancien thème était aussi très bien !

  9. Étrange que vous n'ayez pas réalisé vous-même avant le lancement que la version 3 était une GROSSE erreur.

    Je pense qu'avec la version 4, vous êtes allé dans l'autre sens, c'est super ennuyeux et beaucoup trop étroit.

    Un exemple pratique : je suis ici, seul, en bas de votre site, en train d'écrire ce commentaire et je cherchais un lien vers la page d'accueil : pas de chance.

    Un lien pour remonter en haut alors ? Genesis ne vient-il pas avec ça par défaut ? Pas de chance non plus !

    J'attends déjà avec impatience la version 5 car celle-ci n'est pas bonne non plus.

    • Piet, j'ai vraiment trouvé que la version 3 était super. Elle a commencé à me lasser après un moment. La version 4 améliore vraiment l'utilisabilité, et nos chiffres le prouvent. Il faudra attendre pour avoir plus de retours. Je pense que nous avons une bonne base ici, maintenant nous allons travailler à l'affiner et à l'optimiser davantage.

      Lien « Retour en haut », est-ce que les gens l'utilisent vraiment ? Je suppose que nous pouvons faire un test de carte thermique pour ça. Oui, Genesis l'inclut par défaut. Nous l'avons retiré de notre thème.

      La version 5 ne sera pas là de sitôt. Notre objectif est maintenant d'affiner et d'optimiser ce design. Les chiffres jusqu'à présent sont vraiment prometteurs. Si vous avez d'autres suggestions, n'hésitez pas à me les envoyer. J'adore toujours avoir des nouvelles de nos utilisateurs.

      Admin

  10. Salut Syed,

    Le nouveau design est superbe sur l'iPad et je peux même le lire sans lunettes. C'est donc une bonne chose.
    La section vidéo semble prometteuse et le plan est génial. J'en ai beaucoup appris.

    Merci…

  11. Salut Syed, je pense que tu as fait un travail fantastique. La barre orange est formidable. Je l'ai regardée une minute avant de comprendre d'où venait le dégradé. J'aime aussi la façon dont la zone des fil d'Ariane est cohérente avec les liens « Récent », « Populaire », « Éditorial » sur la page d'accueil. Une chose, j'ai trouvé la page des offres ici : https://014.leahstevensyj.workers.dev/deals/ au lieu d'un sous-domaine. Très beau travail. Je pense que c'est une grande amélioration.

    • Merci Nick. Oui, j'ai supprimé le sous-domaine. Je l'ai déplacé d'une installation MS vers un type de publication personnalisé pour une meilleure intégration avec le site.

      Admin

    • Pour ajouter à ce qui précède, les éléments de liste semblent déplacés. Une mise en forme cohérente améliorerait l'aspect général. Je consulte le site sur de grands écrans, donc cela me semble un peu étroit. 1000px de largeur minimum pour les ordinateurs de bureau, s'il vous plaît. Pour le reste, rendez-le réactif. J'aime les détails sur tout le reste, continuez votre bon travail.

  12. Personnellement, j'ai préféré la v3... Elle avait l'air plus moderne, plus réactive (même si elle ne l'était pas... je ne me souviens plus, mais je vois que celle-ci ne l'est pas), tout simplement plus agréable.

    I’m sure I’ll get over it though :-)

    • Je suis d'accord avec toi, Mike. Pas pour le design réactif, mais parce que c'était quelque chose de différent et maintenant cela ressemble à n'importe quel autre site. Bien sûr, la barre orange est de retour, mais l'orange devient rapidement le nouveau bleu pour de nombreux sites.

      L'important est que la v3 était différente et qu'ils auraient dû ajuster le site pour qu'il "convertisse mieux". Ce design radical est pire que la v2 si je me souviens bien.

      • Derek, merci pour vos commentaires. Je ne peux pas parler pour les autres, mais au cours des deux dernières semaines (j'ai fait 60 ventes d'un produit ce mois-ci après le nouveau design). Le total du mois dernier était de 40. Les ventes ont augmenté. Les inscriptions ont augmenté. Le nombre de pages vues par utilisateur a également augmenté. Avoir des pages de destination bien conçues est essentiel. Avec le design réactif, il semble que vous deviez renoncer au style personnalisé dans la plupart des cas. Ne vous méprenez pas. Je suis tout à fait pour le design réactif quand c'est nécessaire. Avec notre public, je ne pense pas que ce soit le cas. Très peu lisent le site sur mobile (moins de 2 % selon GA). La v3 était certainement unique, mais tout ce qui brille n'est pas de l'or. C'est un travail en cours, et comme je l'ai dit, la version mobile sera prête, espérons-le, bientôt.

        Admin

        • Mon propos ne portait pas sur le fait de ne pas être réactif. Mon propos était de penser à ajuster la v3 pour qu'elle devienne, pour les besoins de cette conversation, la v3.1.0 ou quelque chose comme ça. Même si elle n'a pas été aussi bien convertie, je pense que j'aurais pu y arriver si les choses avaient été ajustées plutôt que de passer à ce Genesis Framework. C'est certainement une préférence personnelle car j'aime voir les gens s'efforcer d'avoir un design différent et apprendre à le faire fonctionner vous fera sortir du lot et ouvrir la voie. Je vous souhaite le meilleur !

        • Derek, l'une des principales raisons pour lesquelles cela ne fonctionnait pas était que ce n'était pas intuitif. Les utilisateurs n'avaient aucune idée de comment utiliser ce design. C'était radicalement différent, rien de ce qu'ils avaient vu sur aucun autre site web. Quant à savoir pourquoi nous n'avons pas ajusté celui-là ? Nous avons essayé de l'ajuster. Contrairement à WordPress, nous n'annonçons pas de v3.0.1 ou 3.0.2... Nous avons apporté de nombreux ajustements. Mais rien ne semblait fonctionner. Maintenant, peut-être que si nous avions eu de meilleurs experts en UI/UX, cela aurait pu fonctionner (peut-être).

  13. Belle mise à jour. Vous pourriez ajouter un peu d'espace après chaque puce – sinon elles se mélangent (voir ci-dessus), et peut-être un peu moins d'interligne pour le texte des paragraphes. Je pense aussi que le design pourrait être 20-40px plus large – 960px est étroit selon les normes modernes.

      • Puis-je suggérer la grille 1140px lorsque vous ferez la v5 ? Nous avons commencé à l'utiliser sur beaucoup de choses qui arrivent bientôt pour nous et c'est génial de travailler avec.

  14. Salut Syed
    J'adore le nouveau design.
    J'adore tout ce qui est construit sur Genesis, enfin presque tout.
    Comment se fait-il que vous ne soyez pas réactif ?

    Je pensais passer des commentaires natifs à Livefyre, mais votre article a mis fin à cette idée.
    J'aime bien votre connexion simple avec Twitter ou Facebook.

    Dans l'ensemble... une grande amélioration.

Laisser une réponse

Merci d'avoir choisi de laisser un commentaire. N'oubliez pas que tous les commentaires sont modérés conformément à notre politique de commentaires, et votre adresse e-mail ne sera PAS publiée. Veuillez NE PAS utiliser de mots-clés dans le champ du nom. Ayons une conversation personnelle et significative.