Wow, c’était il y a un peu plus de 7 mois, quand j’ai écrit sur la version 3.0 de WPBeginner. Après beaucoup de travail, de reconsidération et d’optimisation, je suis fier de présenter WPBeginner 4.0. Nous avons mis en direct ce nouveau design juste avant BlogWorld, donc il y a environ 2 semaines. Si vous lisez notre site par e-mail ou via un autre lecteur de flux, j’apprécierais beaucoup que vous y jetiez un coup d’œil. Faites-nous part de vos impressions. Il y a eu beaucoup de modifications majeures dans le nouveau design et la structure du site de WPBv4.
Pourquoi sommes-nous passés à WPBv4 si rapidement ?
Quand j’ai lancé la refonte, certains de mes bons amis m’ont demandé : n’avez-vous 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 demande une explication. Alors pourquoi sommes-nous passés à WPBv4 ? Eh bien je pense que la raison principale était une mauvaise conversion. Depuis le lancement de WPBeginner, nous avions une barre « orange » en haut. Dans le dernier design, nous nous en sommes débarrassés. Cela a uniquement rendu le site très terne, mais beaucoup de nos utilisateurs/utilisatrices se sont plaints qu’ils ne pouvaient pas reconnaître le site. Le dernier design était vraiment cool parce qu’il tentait d’imiter le Tableau de bord WordPress, mais il a vite vieilli. J’ai moi-même commencé à regretter l’orange.
De nombreux utilisateurs/utilisatrices se sont également plaints du fait 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. Le fait que le site soit responsive pour de nombreuses tailles d’écran exigeait de déplacer le contenu. Il en résultait une diminution des conversions (accords, ventes, clients potentiels, etc.). Je savais que nous devions faire quelque chose RAPIDEMENT. J’ai pris le tableau blanc et j’ai commencé à dresser une liste des choses à faire. Avec tant de retours et de plaintes, j’ai vu que cette liste de choses à faire devenait incontrôlable. L’instant d’après, nous étions en train de discuter d’une refonte. Nous voici maintenant avec un nouveau design.
Qu’est-ce qui a bien pu être modifié ?
Il y a eu beaucoup de modifications (dont certaines majeures). Je vais faire de mon mieux pour mettre en évidence chacune d’entre elles et expliquer pourquoi nous avons procédé à ces modifications.
- Fermeture de la galerie – Nous avons lancé notre galerie dans l’espoir de présenter les meilleurs designs WordPress. Tout le contenu a été envoyé par les utilisateurs/utilisatrices. La tâche s’est avérée beaucoup plus difficile que prévu. Plus de 90 % des sites envoyés n’ont pas été retenus. J’avais presque l’impression que nous ne faisions aucun progrès. Nous devions modérer les sites chaque jour pour trouver une fois de plus « Aucune entrée de site de qualité ». J’ai donc décidé de mettre fin à ce projet.
- Lescodes promo changent de marque et deviennent les bons plans – Vous souvenez-vous de notre section sur les codes promo ? Eh bien, elle porte un nouveau nom. Elle est hébergée sous Deals. Il ne s’agit plus d’un sous-domaine multisite. Il s’agit plutôt d’un type de publication personnalisé. Il y a plusieurs raisons pour lesquelles nous avons fait cette modification. La raison la plus importante était de mieux structurer le site. Le Code promo nous limitait à publier uniquement des coupons sur le site. La section Actualités du blog était donc très encombrée. Avec un nouveau nom, Deals, nous pouvons maintenant tout publier au même endroit. Le fait qu’il s’agisse d’un type de publication personnalisé nous permet de l’intégrer plus facilement à l’ensemble du site.
- Lancement des vidéos – Nous avons finalement lancé les vidéos WordPress de WPBeginner. Nous étions supposés le lancer un mois ou deux après la dernière refonte. En raison de tous les retours et plaintes, nous avons décidé de retarder le lancement. Actuellement, il y a 17 vidéos qui vous afficheront les bases de WordPress. Nous avons l’offre d’ajouter d’autres tutoriels vidéo au fur et à mesure que le temps passe.
- WPBeginner’s Blueprint – Après avoir fait l’étude de cas de List25, nous avons été bombardés d’e-mails d’utilisateurs/utilisatrices demandant à voir les coulisses de WPBeginner. C’est pourquoi nous avons lancé le Blueprint de WPBeginner. Cela nous donne un endroit unique où nous pouvons lister toutes les extensions, les outils et les services que nous utilisons. Cela nous permet également de le garder assez à jour. Des vidéos sur le Blueprint sont en cours d’élaboration pour rendre cette zone plus personnelle.
- Initiative Guides – Nous recevions souvent des e-mails ou des tweets d’utilisateurs/utilisatrices nous demandant où est le guide ? J’ai toujours eu envie de me frapper la tête contre le mur. Ma réponse était du genre : tout le site est un guide. Cependant, je comprends que c’est notre travail en tant qu’équipe de rendre notre site plus facile à naviguer. Les guides comporteront une étape par étape de l’utilisation de WordPress. Pour l’instant, c’est assez basique, mais nous ajouterons plus d’articles. Pour ceux qui se posent la question, il s’agit simplement d’une zone où nous affichons des articles triés sur le volet que nous avons déjà couverts.
- Hébergement WordPress – Dans le passé, nous avions une liste d’hébergeurs WordPress recommandés. Dans la nouvelle version, nous souhaitons également connaître le retour de nos utilisateurs/utilisatrices. Nous avons ajouté la possibilité pour les utilisateurs/utilisatrices d’évaluer chaque hébergeur et de laisser des Avis. Veuillez jeter un coup d’œil à notre page sur l’hébergement WordPress pour voir si votre fournisseur d’hébergement y figure. Si c’est le cas, veuillez laisser un Avis. Cela aidera les autres à prendre la bonne décision.
- Services – Dans le passé, notre page de services n’a jamais été très élaborée. Nous fournissons une grande variété de services que nous ne commercialisons pas. Nous n’en avons jamais trouvé la nécessité, car nous avons toujours été très occupés par nos clients. Au fur et à mesure que nous embauchons du personnel, nous avons décidé de rendre nos services WordPress publics. Cette page est encore en cours d’élaboration. Je veux que nous ayons une page d’atterrissage personnalisée pour chacun.
- Genesis Framework – WPBeginner est maintenant propulsé sur Genesis. Le dernier design était un stand-alone, mais nous sommes de retour avec notre framework préféré.
- Livefyre – Dans le nouveau design, 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« .
- Modifications vis uelles – Il y a beaucoup de modifications visuelles. Polices, taille des polices, etc.
Quelles sont les prochaines étapes ?
J’ai encore une longue liste de choses à faire. Je suis super excitée de voir la direction que nous prenons. Nous allons bientôt commencer à proposer des Freebies. Je veux que nous ayons une bonne compilation de livres. Veuillez nous contacter si vous avez des recommandations de livres. Je veux que WPBeginner s’adresse aussi à des marchés de niche. Il y a d’autres choses intéressantes en préparation pour cela 
Une nouvelle section « giveaways » est en cours d’élaboration, puis nous reviendrons à des giveaways réguliers comme nous en avions l’habitude. Je ne veux plus encombrer la section des nouvelles. Plus de nouvelles bientôt disponibles.
Nous travaillons sur une « semi-responssive » de ce thème. En gros, vous pouvez l’appeler une version mobile. La plus grande plainte de nos utilisateurs/utilisatrices était que notre design mobile « responsive » ne leur permettait pas 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 au fur et à mesure de l’ajout de nouvelles fonctionnalités.
Je vous prie d’agréer, Madame, Monsieur, l’expression de mes salutations distinguées,
Syed Balkhi
T Miller
Hi, I like the look of your site. You mention the change in your deals section but don’t give any code tips on creating that look. Based on the name of your site, I was expecting a tut follow-up explanation, though you do mention that it’s a custom post type. Since, I am a beginner, it would take me a minute to figure out the style applied to get the same look on your coupon deal. Any chance, I just missed your instructional post on this? Thanks.
Editorial Staff
Interesting suggestion. The purpose of the article was to show users what changed not necessarily show users how we changed it. On a larger picture, often the things we change are fairly hard to explain for beginner users. Yes, you can argue there are multiple level of beginners. You might be on a level where you can understand HTML, CSS, and a little bit of PHP. Then there are those who don’t know how to upload an image.
Administrateur
Sarah
I think the new design is a vast improvement. The idea of the last once sounded good but in reality it just didn’t work.
Gautam Doddamani
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
Mairaj Pirzada
Great News!
iBru
Great, but one more question,
I wonder which plugin do you use to divide the email subscriptions into multiple categories. Thanks.
Editorial Staff
That’s not a plugin. Both MailChimp and Aweber has options for list segmentation.
Administrateur
Ankur
Although I do like this design very much but previous one was very unique. The current design is typical blog/magazine type layout whereas previous one was quite unique. I could recognize the site just by looking a portion of it.
Genesis is great addition, I use it myself and really admire it.
Editorial Staff
Thank you Ankur, Yes I can’t agree with you more. The last design was definitely very unique. I think for that vary reason, people had a hard time finding items. Because they were confused. Going back to a traditional layout made more sense.
Administrateur
Dave Clements
It’s definitely good to see the blog posts back on the front page. I couldn’t understand for the life of me why you took them away, but glad to see you experimenting. No venture is a waste unless you don’t learn from it. Big improvement over v3 in my opinion.
Editorial Staff
Thanks for dropping by Dave. The blog posts were on the homepage in v3 as well. But with no thumbnails, nothing was making them stand out.
Administrateur
Aman
Helly Syed,
Everything is great; but can you give away the old theme (WP Beginner V3) to me!
I really want that. Your old theme was also pretty good!
Editorial Staff
Sorry. Can’t really give that theme away.
Administrateur
Piet
Strange that you didn’t realise yourself before launch that version 3 was a BIG mistake.
I think with version 4 you have taken it the other way, it is super boring and way too narrow.
A practical example: I am here lonesome in the bottom of your site writing this comment and I was looking for a link to the home page: no joy
A back to top link then? Doesn’t Genesis come with that by default? No joy either!
Already looking forward to version 5 as this is no good either.
Editorial Staff
Piet, I actually thought that version 3 was really cool. It started to grow old on me after a while. Version 4 definitely improves usability, and our numbers prove that. Will have to wait and see for more feedback. I think we have a good base here, now we are going to work on tweaking and optimizing it further.
Back to the Top link, do people really use that? I guess we can do a heatmap test for that. Yes, Genesis comes with it by default. We took it out of our theme.
Version 5 won’t be here anytime soon. Our goal now is to tweak and optimize this design. The numbers so far have been really promising. If you have more suggestions, please feel free to send it to me. Always love hearing from our users.
Administrateur
Eric Suiker
Hi Syed,
The new design is looking great on the iPad and I can even read it without glasses. So that’s good.
The video section looks promissing and the blueprint is great. Learned a lot from it.
Thanks…
Editorial Staff
Thanks for the feedback Eric
Administrateur
Nicholas Tart
Hey Syed, I think you’ve done a fantastic job. The orange bar is tremendous. I stared at it for a minute before I realized where the gradient was coming from. I also like how the breadcrumbs area is consistent with the Recent, Popular, Editorial links on the homepage. One thing, I found the deals page here: https://www.wpbeginner.com/deals/ instead of on a subdomain. Very nice job. I think it’s a big improvement.
Editorial Staff
Thanks Nick. Yes, got rid of the subdomain. Moved it from a MS install to a custom post type for better integration with the site.
Administrateur
Nicholas Tart
Ooh, I like the « Reply » button too. In the post, « Deals » links to a subdomain.
Editorial Staff
Ah darn it. Fixed that error. Good catch.
Lenin Nongsiej
To add to the above, the list items seems out of place. Consistent formatting would improve the overall looks. I am viewing the site on big screens so to me it does feel a little narrow. 1000px min width for desktops please. For the rest make it responsive. I like the details on everything else keep up the good work.
Editorial Staff
Thanks for the feedback Lenin. Yes definitely has to make the list formatting better. I really appreciate the feedback.
Administrateur
Mike
I personally liked v3 myself… It looked more modern, more responsive (even if it wasn’t…can’t remember, but I see this one isn’t responsive), just all-around nicer.
I’m sure I’ll get over it though
Derek Jensen
I’m with you, Mike. Not for the responsive design, but because it was something different and now seems like any other site out there. Sure the orange bar is back, but orange is quickly becoming the new blue with many sites.
Point is that v3 was different and they should have tweaked the site for it to « convert better ». This drastic design looks worse than v2 if I remember correctly.
Editorial Staff
Derek, thanks for the feedback. I cannot speak for others, but in the past two weeks (I made 60 sales of one product this month after the new design). Last month’s total was 40. Sales have increased. Opt-in has increased. Pageviews per user has increased as well. Having well-designed landing pages are key. With responsive it seems that you have to give up the custom styling in most cases. Don’t get me wrong. I’m all for responsive design when it is necessary. With our audience, I don’t think it is. Very few actually read the site using mobile (less than 2% according to GA). v3 was surely unique however not everything that shine is gold. This is a work in progress, and like I said the mobile version will be ready hopefully soon.
Administrateur
Derek Jensen
My point wasn’t focused on the move to not be responsive. My point was to think about tweaking v3 so it would be for the sake of this conversation v3.1.0 or something. Even though it didn’t convert as well I think I could have if things were played around with rather than switching to this Genesis Framework. It’s certainly a personal preference as I like to see people strive for different design and learning how to make it work will make you come out on top and lead the way. Wish you the best!
Editorial Staff
Derek, one of the main reasons why it wasn’t working was because it wasn’t intuitive. Users really had no clue how to use that design. It was drastically different, nothing like they have seen on any other website. As to why we didn’t tweak that one? We tried tweaking it. Unlike WordPress, we don’t announce v3.0.1 or 3.0.2 … There were numerous tweaks that we made. But nothing seemed to work. Now maybe if we had better UI/UX guys, it might have worked out (maybe).
Rich
Nice update. You could use some spacing after each bullet – otherwise they run together (see above), and maybe a tad bit less line spacing for paragraph text. I also think the design could be 20-40px wider – 960 is narrow by modern standards.
Editorial Staff
Good advice regarding the bullet spacing. Will put a call for that. Yeah, we will stick with 960 for a while. Maybe in the future it will get wider.
Administrateur
Mike
Might I suggest the 1140 grid when you do v5? We’ve started using it on a lot of stuff that’s coming up for us soon and it’s great to work with.
Keith Davis
Hi Syed
I love the new design.
Love anything built on Genesis, well almost anything.
Howe come you aren’t responsive?
I was thinking about moving from native comments to Livefyre, but your article kicked that one in to touch.
I actually like your simple sign in with twitter or facebook comments.
All in all… a big improvement.
Editorial Staff
Keith, we will have a responsive styling for only mobile browsers very soon. But that’s about it.
Administrateur
stef
its better nice ..