Wow, det var bara lite mer än 7 månader sedan, när jag skrev om WPBeginner version 3.0. Efter mycket hårt arbete, omprövning och optimering är jag stolt över att kunna presentera WPBeginner 4.0. Vi lanserade denna new design precis innan BlogWorld, alltså för ungefär 2 veckor sedan. Om du läser vår hemsida via email eller annan feed reader, så skulle jag uppskatta om du tog en titt på hemsidan. Let us know your thoughts. Det fanns en hel del stora förändringar i WPBv4 nya design och site struktur.
Varför bytte vi till WPBv4 så snabbt?
När jag först lanserade redesignen frågade några av mina goda vänner: gjorde ni inte en redesign för inte så länge sedan? Ja, det gjorde vi för ungefär 7 månader sedan. Att ha två stora redesigns under en årsperiod måste kräva en förklaring. Så varför bytte vi till WPBv4? Jag tror att den främsta anledningen var dålig konvertering. Ända sedan WPBeginner lanserades har vi haft en ”orange” stapel högst upp. I den senaste designen tog vi bort den. Det fick inte ej bara sajten att se väldigt tråkig ut, utan många av våra användare klagade på att de inte kunde känna igen sajten. Den senaste designen var riktigt cool eftersom den försökte efterlikna WordPress dashboard, men det blev snabbt tråkigt. Jag började själv sakna den orangefärgade färgen.
Ett annat stort klagomål som vi hörde från många användare var att innehållet var mycket svårt att hitta. För att se kategorierna i bloggen var användaren tvungen att befinna sig under bloggens section på website. För att webbplatsen skulle vara responsive för många olika vyer krävdes att innehållet flyttades. Detta resulterade i minskad konvertering (tacka ja, försäljning, potentiella kunder etc.). Jag visste att vi var tvungna att göra något åt det SNABBT. Jag gick till whiteboardtavlan och började göra en lista över saker att göra. Med så mycket återkoppling och klagomål såg jag att den där att-göra-listan bara blev utom kontroll. Nästa sak jag vet var att vi hade samtal om en ny design. Nu är vi här med en new design.
Vad i helvete har Changed?
Det var många förändringar (några stora också). Jag ska göra mitt bästa för att lyfta fram var och en av dem och förklara varför vi gjorde dessa ändringar.
- Galleriet stängs ner – Vi lanserade vårt gallery i hopp om att visa upp de bästa WordPress-designerna. Allt content var submittat av användare. Uppgiften visade sig vara mycket svårare än väntat. Över 90% av de webbplatser som skickades in klarade inte kraven. Det kändes nästan som att vi inte gjorde några framsteg. Vi skulle granska webbplatserna dagligen bara för att få reda på ”Ingen kvalitetsinlämning av webbplatser” IGEN. Så jag bestämde mig för att dra ur kontakten.
- Coupons re-branded as Deals – Kommer du ihåg vår coupons section? Tja, det har ett nytt namn nu. Den är hosted under Deals. Det är inte längre en multi-site subdomain. Istället är det en custom post type. Det fanns några anledningar till varför vi gjorde denna förändring. Den största anledningen var bättre strukturering av webbplatsen. Coupons begränsade oss till att bara posta kuponger på webbplatsen. Detta gjorde sektionen News på bloggen ganska trångt. Med ett nytt namn, Deals, kan vi nu publicera allt på ett ställe. Att ha det som en custom post type gör det mycket lättare för oss att integrera det på hela sajten.
- Videos lanserade – Vi har äntligen lanserat WPBeginner Videos för WordPress. Vi tänkte lansera det en månad eller två efter den senaste omdesignen. På grund av all återkoppling/klagomål bestämde vi oss för att hålla tillbaka på lanseringen. För närvarande finns det 17 videoklipp som visar dig grunderna i WordPress. Det finns planer på att lägga till fler video tutorials där som tiden går.
- WPBeginners Blueprint – Efter att ha gjort fallstudien av List25 blev vi bombarderade med email från användare som bad om en bakom kulisserna avWPBeginner. Det är därför vi har lanserat WPBeginner’s Blueprint. Detta ger oss en enda plats där vi kan lista alla tillägg, tools och tjänster som vi använder. Det tillåter oss också att hålla det ganska uppdaterat. Blueprint Videos är på gång för att göra det area mer personligt.
- Guides Initiative – Ofta fick vi email eller tweets från användare som frågade oss var guiden är? Jag gillade alltid att slå mitt head i väggen. Mitt svar var att jag gillade att hela den jäkla website är en guide. Men jag förstår att det är vårt jobb som team att göra vår site lättare att navigera på. Guiderna kommer att ha en steg-för-steg-guide för att använda WordPress. För närvarande är det ganska grundläggande, men vi kommer att lägga till fler objekt där. För de som undrar är det här bara ett area där vi visar handplockade artiklar som vi redan har täckt.
- Webbhotell för WordPress – Tidigare hade vi en lista över rekommenderade WordPress-servers. I den nya versionen vill vi också ha våra användares återkoppling. Vi har add to möjligheten för användare att RATE varje server och lämna reviews. Vänligen ta en titt på vår WordPress Hosting page för att se om din hosting provider är listad där. Om de är det, vänligen överväg att lämna en review. Detta kommer att hjälpa andra att fatta rätt beslut.
- Tjänster – Tidigare var vår page med tjänster aldrig särskilt detaljerad. Vi tillhandahåller ett brett utbud av tjänster som vi ej marknadsför. Hittade aldrig ett behov av det eftersom vi alltid har varit fulla av kunder. Eftersom vi anställer fler människor har vi beslutat att göra våra WordPress-tjänster offentliga. Den page är fortfarande under arbete. Jag vill att vi ska ha en customize landing page för var och en.
- Genesis Framework – WPBeginner drivs nu på Genesis. Den senaste designen var fristående, men nu är vi tillbaka med vårt favoritramverk.
- Livefyre – I den nya designen har vi bytt tillbaka till standard WordPress comments. Vi bytte bort från livefyre. Vi skrev en artikel om det redan”6 skäl till varför vi bytte bort Livefyre”.
- Visuella förändringar – Det finns en hel del visuella förändringar. Fontar, fontstorlek etc.
Vad händer härnäst?
Jag har fortfarande en lång lista med saker att göra. Jag är superglad över att se den riktning vi är på väg mot. Vi kommer snart att börja erbjuda Freebies. Jag vill att vi ska ha en bra sammanställning av böcker. Om du har bokrekommendationer, vänligen kontakta oss. Jag vill att WPBeginner ska tillgodose nischmarknader också. Det finns några mer intressanta saker i arbetet för det 
En new giveaways section är på gång, sedan kommer vi att gå tillbaka till att göra våra vanliga giveaways som vi brukade. Jag vill bara inte tränga ihop new section längre. Mer nyheter kommer om det snart.
Vi arbetar på en ”semi-responsive” av detta theme. I grund och botten kan du anropa det en mobilversion. Det största klagomålet vi fick från våra användare tidigare var att vår mobila ”responsiva” design inte gav dem ett sätt att byta tillbaka till den fullständiga versionen. Så vi försöker ta reda på det bästa sättet att ta itu med denna issue.
Jag ska göra mitt bästa för att hålla er uppdaterade när vi lägger till fler funktioner.
Yours Truly,
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.
Administratör
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.
Administratör
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.
Administratör
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.
Administratör
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.
Administratör
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.
Administratör
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
Administratör
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.
Administratör
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.
Administratör
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.
Administratör
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.
Administratör
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.
Administratör
stef
its better nice ..