WPBeginnerバージョン3.0について書いたのは、ちょうど7ヶ月ちょっと前のことでした。多くの努力、再考、最適化を経て、WPBeginner 4.0を発表できることを誇りに思います。この新しいデザインは、BlogWorldの直前、つまりおよそ2週間前に公開しました。もしあなたがメールや他の読者を通して私たちのサイトを読んでいるのであれば、ぜひこのサイトを見ていただけると幸いです。あなたのフィードバックをお聞かせください。WPBv4の新しいデザインとサイト構造には、多くの大きな変更がありました。
なぜこんなに早くWPBv4に切り替えたのでしょうか?
最初にリデザインを発表したとき、何人かの親友が尋ねてきた。と聞かれた。1年の間に2回も大きなリニューアルをしたことについて、説明が必要でしょう。ではなぜWPBv4に切り替えたのか?主な理由はコンバージョンが悪かったからだと思います。WPBeginnerを立ち上げて以来、私たちは上部に特徴的な「オレンジ色」のバーを置いていました。最後のデザインでは、それを取り除きました。そのため、サイトの見た目が非常に悪くなっただけでなく、多くのユーザーから「このサイトがわからない」という苦情が寄せられました。前回のデザインは、WordPressのダッシュボードを模倣しようとしていたので、とてもクールでしたが、それは本当にすぐに古くなりました。私自身、オレンジ色が恋しくなりました。
多くのユーザーから寄せられたもうひとつの大きな不満は、コンテンツがとても探しにくいということでした。ブログのカテゴリーを見るには、ユーザーはサイトのブログセクションの下にいなければなりませんでした。多くの画面サイズに対応したレスポンシブ・サイトにするためには、コンテンツの移動が必要でした。その結果、コンバージョン(オプトイン、売上、潜在顧客など)が減少しました。私は、急いで何とかしなければならないと思いました。私はホワイトボードに向かい、やるべきことのリストを作り始めました。多くのフィードバックや苦情があったため、ToDoリストはコントロール不能になった。気がつくと、デザイン変更の話になっていた。今、私たちは新しいデザインでここにいる。
何が変わったのか?
たくさんの変更があった(大きな変更もあった)。そのひとつひとつに焦点を当て、なぜそのような変更を行ったのかを説明することに全力を尽くすつもりだ。
- ギャラリーの閉鎖– 最高のWordPressデザインを紹介することを目的として、ギャラリーを開設しました。コンテンツはすべてユーザー送信でした。この作業は予想以上に大変でした。送信されたサイトの90%以上が選考に残らなかったのです。私たちは何も進歩していないのではないかと思うほどでした。私たちは毎日サイトに目を通し、「質の高いサイトが投稿されていない」ことを再確認しました。そこで、私はこのサイトを廃止することにした。
- クーポンを「お買い得情報」に改名– クーポン・セクションを覚えていますか?新しい名前になりました。ホスティングサービスはDealsの下にあります。もはやマルチサイトのサブドメインではありません。代わりにカスタム投稿タイプになりました。この変更を行った理由はいくつかあります。最大の理由は、サイトの構造をより良くすることでした。クーポンは、投稿日:サイト上にクーポンのみを投稿するよう制限していました。そのため、ブログのニュースセクションがかなり混雑していました。Dealsという新しい名前になったことで、すべてを1つのカテゴリーに投稿できるようになりました。カスタム投稿タイプにしたことで、サイト全体への統合がより簡単になりました。
- 動画の公開– WPBeginnerWordPress Videosをついに公開しました。前回のリデザインの1~2ヶ月後に開始する予定でした。しかし、フィードバックやクレームがすべて寄せられたため、公開を延期することにしました。現在、WordPressの基本を紹介する17の動画があります。時間が経つにつれて、より多くの動画チュートリアルを追加する予定です。
- WPBeginner’s Blueprint–List25のケーススタディを行った後、ユーザーからWPBeginnerの舞台裏を知りたいというメールが殺到しました。そこで、WPBeginner’s Blueprintを立ち上げました。これにより、私たちが使用しているすべてのプラグイン、ツール、サービスを一覧できる個別場所ができました。また、かなり最新の状態に保つことができます。ブループリント動画は、このエリアをよりパーソナルなものにするために制作中です。
- ガイド・イニシアチブ– ユーザーからメールやツイートで「ガイドはどこですか?私はいつも壁に頭をぶつけたくなりました。私の答えは、「サイト全体がガイドです」というようなものでした。しかし、サイトをよりナビゲーションしやすくすることが私たちチームの仕事であることは理解しています。ガイドには、WordPressの使い方をステップ・バイ・ステップで説明する予定です。現在はかなり基本的なものですが、これから項目を増やしていく予定です。気になる方のために、このエリアではすでに取り上げた記事を厳選して紹介しています。
- WordPressホスティングサービス– これまでは、おすすめのWordPressホスティングサービスを紹介していました。新しいリリースでは、ユーザーからのフィードバックも求めています。ユーザーが各ホスティングサービスを評価し、レビューを残す機能を追加しました。WordPressホスティングページをご覧いただき、お使いのホスティングサービスが掲載されているかどうかご確認ください。もしあれば、レビューを残すことを検討してください。これは、他の人が正しい決定をするのに役立ちます。
- サービス– 過去に、私たちのサービスページは決して精巧ではありませんでした。我々は、我々は販売していないサービスの多種多様を提供しています。というのも、私たちは常にお客様でいっぱいだったからです。より多くの人を雇うようになったので、WordPressのサービスを公開することにしました。そのページはまだ制作中です。それぞれのカスタムランディングページを持ちたいのです。
- Genesis Framework– WPBeginnerはGenesisを採用しました。前回のデザインはスタンドアローンでしたが、お気に入りのフレームワークで戻ってきました。
- Livefyre– 新しいデザインでは、初期設定のWordPressコメントに戻しました。livefyreから切り替えました。それについてはすでに「Livefyreから切り替えた6つの理由」という投稿をしました。
- 視覚的な変更– 視覚的な変更がたくさんあります。フォント、フォントサイズなど。
次は何?
まだやることがたくさんある。これからの方向性を見るのがとても楽しみです。もうすぐフリーペーパーを提供し始めます。私たちは良い本のコンピレーションを持ちたいと思っています。おすすめの本があれば、ぜひご連絡ください。WPBeginnerをニッチ市場にも対応させたいと思っています。そのために、もっと面白いものを準備中です
新しいプレゼントのセクションも準備中で、その後は以前のように定期的なプレゼントに戻る予定です。ただ、これ以上ニュースのセクションを混雑させたくないんだ。近日中にまたお知らせします。
私たちはこのテーマの「半レスポンシブ化」に取り組んでいます。基本的にはモバイル版と呼ぶことができます。以前、私たちがユーザーから受けた最大の不満は、私たちのモバイル「レスポンシブ」デザインでは、フルバージョンに切り替える方法がないということでした。そこで私たちは、この問題に取り組む最善の方法を見つけ出そうとしています。
より多くの機能が追加された際には、皆さんに更新をお届けできるよう最善を尽くします。
敬具
Syed Balkhi
Syed Balkhi says
Hey WPBeginner readers,
Did you know you can win exciting prizes by commenting on WPBeginner?
Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
You can get more details about the contest from here.
Start sharing your thoughts below to stand a chance to win!
T Miller says
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 says
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.
管理者
Sarah says
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 says
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 says
Great News!
iBru says
Great, but one more question,
I wonder which plugin do you use to divide the email subscriptions into multiple categories. Thanks.
Editorial Staff says
That’s not a plugin. Both MailChimp and Aweber has options for list segmentation.
管理者
Ankur says
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 says
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.
管理者
Dave Clements says
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 says
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.
管理者
Aman says
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 says
Sorry. Can’t really give that theme away.
管理者
Piet says
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 says
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.
管理者
Eric Suiker says
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 says
Thanks for the feedback Eric
管理者
Nicholas Tart says
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 says
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.
管理者
Nicholas Tart says
Ooh, I like the “Reply” button too. In the post, “Deals” links to a subdomain.
Editorial Staff says
Ah darn it. Fixed that error. Good catch.
Lenin Nongsiej says
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 says
Thanks for the feedback Lenin. Yes definitely has to make the list formatting better. I really appreciate the feedback.
管理者
Mike says
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 says
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 says
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.
管理者
Derek Jensen says
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 says
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 says
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 says
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.
管理者
Mike says
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 says
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 says
Keith, we will have a responsive styling for only mobile browsers very soon. But that’s about it.
管理者
stef says
its better nice ..