わずか7ヶ月ほど前、WPBeginner version 3.0について書いたときのことです。多くの努力、再考、最適化を経て、WPBeginner 4.0を発表できることを誇りに思います。この新しいデザインは、BlogWorldの直前に公開しました。約2週間前です。メールやその他のフィードリーダーで当社のウェブサイトを読んでいる方は、ウェブサイトをご覧いただけると大変ありがたいです。ご意見をお聞かせください。WPBv4の新デザインとサイト構造には、多くの大きな変更がありました。
なぜWPBv4にこれほど早く切り替えたのか？
デザインの再構築を最初に開始したとき、私の親しい友人たちは次のように尋ねました。最近、デザインの再構築をしたばかりではありませんか？はい、約7か月前に行いました。1年間に2回の大きなデザイン再構築は説明が必要でしょう。では、なぜWPBv4に切り替えたのでしょうか？主な理由はコンバージョン率が悪かったからだと思います。WPBeginnerが立ち上げられて以来、トップに特徴的な「オレンジ色」のバーがありました。前回のデザインでは、それをなくしました。これにより、サイトが非常に退屈になっただけでなく、多くのユーザーがサイトを認識できないと不満を述べました。前回のデザインはWordPressダッシュボードをエミュレートしようとしていたので非常にクールでしたが、それはすぐに飽きてしまいました。私もオレンジ色が恋しくなり始めました。
多くのユーザーから寄せられたもう一つの大きな不満は、コンテンツが見つけにくいということでした。ブログのカテゴリを表示するには、ユーザーはウェブサイトのブログセクションにいる必要がありました。さまざまな画面サイズに対応するためにサイトをレスポンシブにするには、コンテンツの移動が必要でした。これにより、コンバージョン（オプトイン、販売、潜在顧客など）が減少しました。私は、これを迅速に行う必要があると知っていました。ホワイトボードに行き、やるべきことのリストを作成し始めました。多くのフィードバックや苦情があったため、そのToDoリストは手に負えなくなっていました。次に、再設計の話をしていることに気づきました。そして今、私たちは新しいデザインを持っています。
一体何が変わったのか？
多くの変更（いくつかの大きな変更も）がありました。それらを一つずつ強調し、なぜその変更を行ったのかを説明するために最善を尽くします。
- ギャラリー閉鎖 – WordPressのデザインのベストを紹介したいという希望を込めてギャラリーを立ち上げました。すべてのコンテンツはユーザーから提出されたものでした。このタスクは予想以上に大変なことが判明しました。提出されたサイトの90%以上が基準を満たしませんでした。そこで進歩がないように感じていました。毎日サイトをモデレートしては、「質の高いサイトの提出がない」という結果になるばかりでした。そこで、私は中止を決定しました。
- クーポンが「ディール」にリブランドされました – 当社のクーポンセクションを覚えていますか？さて、それは今新しい名前になりました。ディールの下でホストされています。もはやマルチサイトサブドメインではありません。代わりにカスタム投稿タイプです。この変更を行った理由はいくつかあります。最大の理由は、サイトをより良く構造化することでした。クーポンは、サイトにクーポンのみを投稿することに限定されていました。これにより、ブログのニュースセクションはかなり混雑していました。新しい名前「ディール」で、すべてを1か所に投稿できるようになりました。カスタム投稿タイプにすることで、サイト全体に統合することがはるかに容易になります。
- 動画を公開しました – ついにWPBeginner WordPress動画を公開しました。前回の再設計の1〜2ヶ月後に公開する予定でした。すべてのフィードバック/苦情のため、公開を保留することにしました。現在、WordPressの基本を示す17本の動画があります。今後さらに多くの動画チュートリアルを追加する予定です。
- WPBeginner’s Blueprint – List25 のケーススタディを行った後、WPBeginner の舞台裏についてユーザーから多くのメールを受け取りました。そのため、WPBeginner’s Blueprint を立ち上げました。これにより、私たちが使用するすべてのプラグイン、ツール、サービスをリストする単一の場所ができます。また、それをかなり最新の状態に保つこともできます。よりパーソナルにするために、Blueprint ビデオも制作中です。
- ガイドイニシアチブ – ユーザーから「ガイドはどこですか？」というメールやツイートをよく受け取っていました。いつも頭を壁に打ち付けたい気分でした。私の答えは、「ウェブサイト全体がガイドです」というようなものでした。しかし、サイトをナビゲートしやすくすることは、チームとしての私たちの仕事であると理解しています。ガイドには、WordPressの使用方法に関するステップバイステップガイドがあります。現在はかなり基本的ですが、さらに項目を追加していく予定です。疑問に思っている方のために、これは私たちがすでにカバーした厳選された記事を紹介するエリアにすぎません。
- WordPress Hosting – 過去には、推奨 WordPress ホストのリストがありました。新しいリリースでは、ユーザーのフィードバックも求めています。各ホストを評価し、レビューを残す機能を追加しました。お使いのホスティングプロバイダーがリストに載っているかどうかを確認するために、WordPress Hosting ページをご覧ください。もし載っている場合は、レビューを残すことをご検討ください。これは、他の人が正しい決定を下すのに役立ちます。
- Services – 過去、私たちのサービスページはあまり充実していませんでした。私たちはマーケティングしていない幅広いサービスを提供しています。常にクライアントでいっぱいだったので、必要性を感じたことはありませんでした。より多くの人を雇用するにつれて、WordPress サービスを公開することにしました。そのページはまだ制作中です。それぞれにカスタムランディングページを用意したいと考えています。
- Genesis Framework – WPBeginnerは現在Genesisで稼働しています。前回のデザインはスタンドアロンでしたが、お気に入りのフレームワークに戻ってきました。
- Livefyre – 新しいデザインでは、デフォルトの WordPress コメントに戻しました。Livefyre から切り替えました。すでにそれについての記事を書いています。「Livefyre から切り替えた 6 つの理由」です。
- 視覚的な変更 – 多くの視覚的な変更があります。フォント、フォントサイズなど。
次は何ですか？
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 
新しいプレゼント企画セクションが作業中であり、その後、以前のように通常のプレゼント企画に戻ります。ニュースセクションをこれ以上混雑させたくありません。それに関するさらなるニュースは近日公開予定です。
このテーマの「セミレスポンシブ化」に取り組んでいます。基本的にはモバイル版と呼べるものです。以前、ユーザーから最も多く寄せられた不満は、モバイルの「レスポンシブ」デザインではフルバージョンに戻す方法がなかったことでした。そのため、この問題にどう対処するのが最善か検討中です。
より多くの機能を追加する際には、できる限り最新情報をお届けするように努めます。
敬具、
サイード・バルキ
イジー・ヴァネック
Wayback Machineでこのウェブサイトが設立以来どのように進化してきたかを確認しましたが、興味深い回顧録です。2012年以降も継続的に革新を続け、主にユーザーに焦点を当てていることは明らかです。クリーンなデザインが気に入っており、正直なところ、多くの点で私にインスピレーションを与えてくれました。ウェブサイトのデザインは以前とは異なりますが、年ごとの開発を振り返るのは魅力的です。
T Miller
こんにちは、あなたのサイトのデザインは気に入りました。ディールセクションで変更について言及されていますが、その見た目を作成するためのコードのヒントは提供されていません。サイト名から、チュートリアルフォローアップの説明を期待していましたが、カスタム投稿タイプであることにも言及されています。初心者なので、クーポンディールで同じ見た目にするために適用されたスタイルを理解するのに時間がかかります。この件に関するあなたの解説記事を見逃した可能性はありますか？ありがとうございます。
編集スタッフ
興味深い提案です。この記事の目的は、ユーザーに何が変更されたかを示すことであり、必ずしもどのように変更したかを示すことではありませんでした。より大きな視点で見ると、変更した内容は初心者ユーザーには説明が非常に難しいことがよくあります。はい、初心者のレベルは複数あると主張できます。HTML、CSS、そして少しPHPを理解できるレベルかもしれません。そして、画像をアップロードする方法さえ知らない人もいます。
管理者
Sarah
新しいデザインは大幅な改善だと思います。前回のアイデアは良さそうに聞こえましたが、実際にはうまくいきませんでした。
ガウタム・ドダマニ
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
素晴らしいニュース！
iBru
素晴らしいですが、もう一つ質問があります。
メール購読を複数のカテゴリに分割するために、どのプラグインを使用していますか？ありがとうございます。
編集スタッフ
それはプラグインではありません。MailChimpとAweberの両方にリストセグメンテーションのオプションがあります。
管理者
Ankur
このデザインはとても気に入っていますが、以前のデザインは非常にユニークでした。現在のデザインは典型的なブログ/雑誌タイプのレイアウトですが、以前のデザインはかなりユニークでした。サイトの一部を見るだけでサイトを認識できました。
Genesisは素晴らしい追加機能です。私も自分で使用しており、本当に感心しています。
編集スタッフ
アンクルさん、ありがとうございます。全く同感です。前回のデザインは確かに非常にユニークでした。そのせいで、人々はアイテムを見つけるのに苦労していたのだと思います。混乱していたからです。伝統的なレイアウトに戻す方が理にかなっていました。
管理者
Dave Clements
ブログ記事がフロントページに戻ってきたのを見るのは間違いなく良いことです。なぜそれらを削除したのか全く理解できませんでしたが、実験しているのを見て嬉しいです。そこから学ばない限り、どんなベンチャーも無駄ではありません。私の意見ではv3よりも大幅に改善されました。
編集スタッフ
デイブさん、お越しいただきありがとうございます。ブログ記事はv3でもホームページにありました。しかし、サムネイルがないと、何も目立たなくなっていました。
管理者
Aman
ヘルシー・サイード様、
すべて順調です。しかし、古いテーマ（WP Beginner V3）を私に譲っていただけませんか！
本当に欲しいんです。あなたの古いテーマも pretty good でした！
編集スタッフ
申し訳ありません。そのテーマを譲ることはできません。
管理者
ピエト
リリース前にバージョン3が大きな間違いだと自分で気づかなかったのは不思議です。
バージョン4では逆方向に行ってしまったと思います。非常に退屈で、狭すぎます。
実用的な例です。私はあなたのサイトの最下部に一人でコメントを書いていますが、ホームページへのリンクを探していました：見つかりませんでした。
トップに戻るリンクですか？ Genesisにはデフォルトで付属していませんか？ それでもうまくいきません！
これはどちらも良くないので、バージョン5をすでに楽しみにしています。
編集スタッフ
ピートさん、実はバージョン3はとてもクールだと思っていました。しばらくすると飽きてきましたが。バージョン4は間違いなくユーザビリティを向上させており、私たちの数字がそれを証明しています。さらなるフィードバックを待つ必要があります。良い基盤ができたと思うので、これからさらに調整と最適化を進めていきます。
一番上に戻るリンク、人々は本当にそれを使っているのでしょうか？ヒートマップテストができると思います。はい、Genesisにはデフォルトで付属しています。テーマからは削除しました。
バージョン5はすぐにはリリースされません。現在の目標は、このデザインを微調整し最適化することです。これまでのところ、数字は非常に有望です。さらに提案があれば、遠慮なく私に送ってください。ユーザーの声を聞くのは常に嬉しいです。
管理者
エリック・スイカー
サイードさん、こんにちは。
iPadでの新しいデザインは素晴らしく、メガネなしでも読めるようになりました。それは良いことです。
ビデオセクションは有望に見え、設計図は素晴らしいです。そこから多くのことを学びました。
ありがとう…
編集スタッフ
Thanks for the feedback Eric
管理者
ニコラス・タート
サイードさん、素晴らしい仕事だと思います。オレンジのバーは素晴らしいです。グラデーションがどこから来ているのか気づくまで、1分間見つめていました。また、ホームページの「最近」「人気」「編集部」リンクとパンくずリストエリアが一致している点も気に入っています。一つだけ、ディールページはサブドメインではなく、こちらで見つけました：https://www.wpbeginner.com/deals/。素晴らしい仕事です。大きな改善だと思います。
編集スタッフ
ニック、ありがとう。はい、サブドメインは削除しました。MSインストールからカスタム投稿タイプに移動して、サイトとの統合を改善しました。
管理者
ニコラス・タート
ああ、「返信」ボタンも気に入りました。投稿では、「ディール」がサブドメインにリンクしています。
編集スタッフ
ああ、しまった。そのエラーを修正しました。よく見つけましたね。
レーニン・ノンシエジ
上記に加えて、リスト項目が場違いのように見えます。一貫したフォーマットがあれば、全体的な見た目が向上します。私はサイトを大きな画面で見ていますが、少し狭く感じます。デスクトップは最小幅1000pxでお願いします。それ以外はレスポンシブにしてください。他のすべての詳細については、良い仕事を続けてください。
編集スタッフ
フィードバックありがとうございます、Leninさん。はい、リストのフォーマットは間違いなく改善する必要があります。フィードバックに大変感謝しています。
管理者
マイク
個人的にはv3の方が好きでした… よりモダンで、よりレスポンシブ（たとえそうでなくても…覚えていませんが、これはレスポンシブではないようです）、とにかく全体的により良かったです。
I’m sure I’ll get over it though
Derek Jensen
マイク、あなたの意見に賛成です。レスポンシブデザインのためではなく、それが何か新しいもので、今では他のサイトと変わらなくなったからです。確かにオレンジのバーは戻ってきましたが、多くのサイトでオレンジはすぐに新しい青になりつつあります。
要点はv3は異なっており、サイトを「よりコンバージョンするように」調整すべきだったということです。この劇的なデザインは、私の記憶が正しければv2よりも悪いです。
編集スタッフ
デレク、フィードバックありがとうございます。他の人のことはわかりませんが、過去2週間で（新しいデザインの後、今月は1つの製品で60件の売上がありました）。先月の合計は40件でした。売上は増加しました。オプトインが増加しました。ユーザーあたりのページビューも増加しました。よくデザインされたランディングページが重要です。レスポンシブにすると、ほとんどの場合カスタムスタイリングを諦めなければならないようです。誤解しないでください。必要であれば、レスポンシブデザインには賛成です。しかし、私たちのオーディエンスにとって、それは必要ないと思います。GAによると、モバイルでサイトを読んでいる人はごくわずかです（2％未満）。v3は確かにユニークでしたが、輝くものすべてが金とは限りません。これは進行中の作業であり、前述したように、モバイル版はうまくいけばすぐに準備が整うでしょう。
管理者
Derek Jensen
私のポイントは、レスポンシブでなくなることへの移行に焦点を当てたものではありませんでした。私のポイントは、この会話のためにv3を調整することを考えることでした。v3.1.0か何かです。コンバージョンはそれほど良くありませんでしたが、このGenesis Frameworkに切り替えるのではなく、物事をいじっていればできたと思います。それは確かに個人的な好みであり、私は人々が異なるデザインを追求するのを見るのが好きで、それを機能させる方法を学ぶことはあなたをトップに押し上げ、道をリードするでしょう。幸運を祈ります！
編集スタッフ
デレク、それが機能しなかった主な理由の一つは、直感的ではなかったからです。ユーザーは何をどう使えばいいのか全く分かっていませんでした。それは、他のどのウェブサイトでも見たことのない、全く異なるものでした。なぜあのデザインを微調整しなかったのか？微調整は試みました。WordPressとは違い、v3.0.1や3.0.2といったアナウンスはありません…数え切れないほどの微調整を行いました。しかし、何も機能しませんでした。もしUI/UXの優れた担当者がいれば、機能したかもしれません（多分）。
Rich
素晴らしいアップデートです。各箇条書きの後に少しスペースを入れると、それらがくっつかなくなります（上記参照）。また、段落テキストの行間をもう少し狭めても良いかもしれません。デザインも20〜40pxほど幅を広げた方が良いと思います。960pxは現代の基準では狭いです。
編集スタッフ
箇条書きの間隔に関する良いアドバイスです。それを呼び出します。はい、しばらくは960を使用します。将来的にはもっと広くなるかもしれません。
管理者
マイク
v5をリリースする際には、1140グリッドを提案してもよろしいでしょうか？私たちは、まもなく登場する多くのものにそれを使用し始めており、作業するのが素晴らしいです。
キース・デイビス
サイードさん、こんにちは。
新しいデザイン、とても気に入りました。
Genesisで作られたものは、ほとんど何でも好きです。
どうして返信してくれないのですか？
ネイティブコメントからLivefyreに移行しようと考えていましたが、あなたの記事がそれを打ち砕きました。
TwitterやFacebookで簡単にサインインできるコメント機能は、実は気に入っています。
総じて…大きな改善です。
編集スタッフ
Keithさん、まもなくモバイルブラウザ専用のレスポンシブスタイリングを提供します。しかし、それはそれだけです。
管理者
stef
より良くなりましたね..