ジェネシスフレームワークとDiviテーマ:長所と短所

公開: 2014-07-30

今日最も人気のあるWordPressテーマソリューションの2つは、StudioPressのGenesisフレームワークとElegantThemeの主力デザインであるDiviです。

どちらのソリューションも、異なることを行うように設計されています。 Genesisは、開発者がカスタムWordPressテーマを簡単に作成できるようにする最小限のWordPressフレームワークです。 Diviはオールインワンソリューションであり、技術的な経験に関係なく、誰でもカスタムデザインを設計できます。

ジェネシスVSディビ

人気があるため、多くのWordPressユーザーはオプションをGenesisまたはDiviのいずれかに絞り込んでいます。 過去数か月にわたって、ジェネシスとディビの両方をレビューしましたが、この記事では、それらの長所と短所がどこにあるかについてお話ししたいと思います。 これは、どのテーマが自分に最適かについて情報に基づいた決定を下すのに役立ちます。

GenesisWordPressフレームワーク

テーマフレームワークは通常、カスタムWordPressテーマを作成するためのテンプレートとして使用されます。 カスタムデザインのフレームワークを変更するだけの人もいますが、フレームワークを親テーマとして使用し、カスタムデザインの子テーマを作成する方が現実的です。 この設定により、子テーマとは関係なくフレームワークを更新できます。 したがって、更新が簡単です。

Genesisサンプルデスクトップの例

数年前に戻ると、フレームワークは主に開発者によって使用されていました。 彼らは非技術的なユーザーのための多くのユーザーフレンドリーな機能を持っていませんでした。 フレームワークに含まれているデフォルトのテーマも基本的なものでした。

創世記は違います。 使いやすいオプションパネルがあるだけでなく、フレームワークに含まれているデフォルトのデザインは見栄えがします。 すっきりとしたミニマルなデザインで、美しいフォントを使用しています。 あなたがする必要があるのは、いくつかの色を変更し、あなたのロゴを追加して、プロ並みのウェブサイトのデザインにすることです。

他の優れたジェネシス機能を見てみましょう。

使いやすいオプションパネル

一般に、WordPressフレームワークは、管理領域で多くのオプションを提供することで知られていません。 Genesisは依然として物事をシンプルに保ちますが、多くの便利なフィールドとオプションがあります。

メインオプションページは、FeedBlitzやFeedburnerなどのサードパーティのRSSフィードサービスのサポートを提供します。 オプションページでもさまざまなレイアウトを選択できます。 使用可能なレイアウトの数は、使用しているGenesisの子テーマによって異なります。 ほとんどの場合、少なくとも左側のサイドバー、右側のサイドバー、またはサイドバーなしのオプションが提供されます。 一部のテーマは、2つのサイドバーもサポートしています。

追加のオプションには、ナビゲーション、ブレッドクラム、コメントとトラックバック、アーカイブ、およびブログテンプレート設定が含まれます。 下部のヘッダーとフッターにもコードを挿入できます。

ジェネシスのテーマ設定

Genesisを使用して複数のWebサイトを作成するプロセスは、インポートおよびエクスポート機能により簡単になります。 フレームワークには、いくつかの便利なカスタムウィジェットも付属しています。

インポートおよびエクスポート機能

WordPressプラグインとの互換性

一般に、WordPressテーマに追加する機能とオプションが多いほど、技術者以外のユーザーがテーマを使用しやすくなります。 残念ながら、WordPressテーマに機能を追加すると、テーマが他のWordPressプラグインと競合する可能性も高くなります。

Genesisなどの最小限のフレームワークの利点の1つは、プラグインの競合のリスクが少ないことです。 Genesisを使用して3年間、Genesisとプラグインの衝突によるエラーは発生していません。

ジェネシスの互換性

セキュリティに重点を置く

ジェネシスセキュリティ

Genesisフレームワークは、オンラインで利用できる最も安全なWordPressソリューションの1つとして、WordPress開発者の間で高く評価されています。

推奨されるWordPressのセキュリティ慣行に確実に従うために、StudioPressはWordPressのリード開発者であるMark Jaquithを雇い、セキュリティレビューを実行してフレームワークを徹底的にテストします。

「StudioPressから、Genesisがリリースされる前にセキュリティレビューを行うように連絡があり、Genesis1.7について別のレビューを行いました。 彼らは私の提案に非常に敏感でした、そしてその結果はすべてのWordPressセキュリティのベストプラクティスに従うフレームワークです。 StudioPressがGenesisの開発時にセキュリティを優先したことは明らかであり、セキュリティの観点から、Genesis1.7はそのクラスのトップにあります。」 –マーク・ジャキス

マークは、創世記1.3をレビューした後、4年前に上記の引用をしました。 ただし、彼はすべての新しいStudioPressリリースのテストを続けています。

ご承知のとおり、セキュリティは軽視するものではありません。 WordPress Webサイトで毎年10万回以上のハッキングの試みが成功しており、それらの試みの29%は安全でないWordPressテーマが原因です。 Genesisフレームワークを使用する場合は、WordPressテーマが悪用されることを心配する必要がないことを知っておくとよいでしょう。

子供のテーマの膨大な選択

技術者以外のユーザーは、機能やスタイルを変更できないため、WordPressフレームワークを最大限に活用するのは難しいと感じています。 つまり、最終的なデザインは、フレームワークで提供されるデフォルトのデザインと何ら変わりはありません。

オンラインで利用できる100を超える美しいジェネシスの子テーマがあるため、ジェネシスユーザーにとっては大きな問題ではありません。 StudioPressからは合計43の子テーマが提供されており、サードパーティのデザイナーからはさらに多くのテーマが提供されています。

StudioPressテーマリスト

ビジネス、雑誌、ブログ、不動産、写真のデザインなど、あらゆる種類のWebサイトで利用できるGenesisの子テーマがあります。 デザインの基準は非常に高いです。 これらはすべて、Genesisフレームワークと同じ標準を使用して設計されています。

StudioPressのショーケースページをチェックして、動作中の子テーマの例を確認してください。

高速、レスポンシブ、プロフェッショナルなコード化

Genesisフレームワークは、HTML5を使用して設計されており、推奨されるW3Web標準に準拠しています。 したがって、Webサイトの検証に問題はありません。

すべてのテーマファイルはきれいにコード化されており、ファイルの各部分が何のためにあるのかを理解するのに役立つコメントが全体にあります。

ジェネシスサンプルモバイルの例

フレームワークも応答性があります。 これにより、デスクトップ、タブレット、スマートフォンのいずれで表示していても、Webサイトの見栄えが良くなります。 Genesisの子テーマはGenesisを利用しているため、応答性も高くなります。

検索エンジン向けに最適化

Genesisにはいくつかの素晴らしいSEO機能があります。 WebサイトでGenesisをアクティブ化すると、Genesisは各投稿とページの下に記事に関するSEOの詳細を入力するための領域を追加します。 これには、ページのタイトル、説明、およびキーワードが含まれます。

メインのSEO設定ページでは、Google +を統合し、ホームページのSEO設定、ドキュメントヘッド、ロボットメタ、アーカイブ設定を構成できます。

ジェネシスSEO設定

Genesisの最も優れている点は、WordPress SEO byYoastやAllin One SEOPackなどのWordPressSEOプラグインをアクティブにすると、Genesisが独自のSEO機能を完全に削除することです。 投稿とページの下にあるSEO設定ページとSEOボックスが消えます。 これにより、Genesisに組み込まれているSEO機能が、選択したSEOプラグインと衝突することがなくなります。

GenesisSEOの機能

私は通常、GenesisのSEO機能を削除し、代わりにWordPress SEOを使用しましたが、Genesisの組み込みSEO機能はどのWordPressSEOプラグインソリューションよりも優れていると信じている人もいます。

ジェネシスフック

Genesisフレームワークは、数十のフックで構築されています。 これらは、ページの複数の場所にあります。 フックを呼び出すことで、カスタム関数またはプラグインを使用して、必要なものをWebサイトに挿入できます。

StudioPressのWebサイトには、Genesisフックの大規模なリファレンスがあります。 フックがどこにあるかを正確に確認するのに役立つ、フックに利用できる便利なビジュアルガイドもあります。 ビジュアルガイドもプラグインとして利用できます

ジェネシスフック

サポート、チュートリアル、および更新

StudioPressは、Genesisを定期的に更新して、最新バージョンのWordPressで動作し、バグがないことを確認します。 したがって、Webサイトが古くなっていることを心配する必要はありません。

ジェネシスにもたくさんのサポートがあります。 チュートリアルとコードスニペットに加えて、StudioPressにはサポートフォーラムがあり、スタッフが毎日チェックしています。 私はいつも数時間以内に私が尋ねたどんな質問にも答えを持っていました。

StudioPressサポートフォーラム

それはうまくいく

私はジェネシスを3年以上使用しています。 その前は、他のいくつかのWordPressフレームワークを使用していました。 この間ずっとGenesisを使用しているという事実は、Genesisフレームワークをどれだけ大切にしているかを証明しています。

その間、私はいくつかの異なるWordPressテーマを使用しましたが、それらはすべてGenesisの子テーマでした。 Genesisを使用してWebサイトを構成すると、わずか数分で別の子テーマに切り替えることができます。 これ以上の構成はほとんど必要ありません。

それが私が気に入っていることです。 Genesisには、他のほとんどのWordPressテーマの鐘や笛はありませんが、必要なことはすべて実行できます。 そのシンプルさが私がそれを使い続けている理由です。

DiviWordPressテーマ

Diviは2013年の終わりにリリースされ、WordPressコミュニティから多くの賞賛を受けました。 Diviは素晴らしいWordPressテーマであるため、賞賛に値するものでした。

多くのWordPressテーマストアは何年もの間オールインワンのWordPressソリューションを構築しようとしてきましたが、それを正しく理解した開発者はほとんどいませんでした。 その後、Diviがリリースされました。 美しく、実用的で、手頃な価格でした。

エレガントなテーマは、彼らが何か特別なものを開発したことを知っており、テーマにさらに機能を追加するために過去8か月間精力的に取り組んできました。

Diviが特別な理由を詳しく見てみましょう。

Diviの例

ドラッグアンドドロップページビルダー

Divi Builderは、モジュールを目的の領域にドラッグアンドドロップするだけで独自のページをデザインできるビジュアルページビルダーです。 これにより、複雑なページを数分で簡単に作成できます。

新しい行と列を数秒で作成し、モジュールを簡単に移動できます。 現在、合計32のモジュールが利用可能です。 これには、サイドバー、ポートフォリオ、マップ、お問い合わせフォーム、スライダー、ビデオ、画像、価格表などが含まれます。 各モジュールは、データを使用してわずか数秒で構成できます。

ドラッグアンドドロップページビルダー

レイアウトを作成したら、それを保存して他のページで使用できます。 それらは、あなたが所有する別のWebサイトにエクスポートすることもできます。

Diviページビルダーの可能性は無限大です。 できないことはほとんどありません。 モジュールシステムがどのように機能するかを理解すると、独自のページデザインを非常にすばやく作成できるようになります。 間違いなく、それはDiviの最大のセールスポイントの1つです。

WordPressテーマカスタマイザーのサポート

DiviはWordPressテーマカスタマイザーを素晴らしいサポートをしています。 色、フォント、ナビゲーション、ウィジェットなどを変更するために使用できます。

Diviテーマカスタマイザー

DiviはElegantThemesePanelオプションページも使用しています。 そこから、ロゴをアップロードし、広告を統合し、SEO設定を定義できます。 パネルはその時代を見始めていますが、それはあなたのウェブサイトに本質的な変更を加えるのにまだ役に立ちます。

18既製のレイアウト

Diviを使用してレイアウトを作成する方法についてのアイデアに苦労している場合でも、心配する必要はありません。 Diviには、18個の既成のレイアウトがパッケージ化されています。 開始するには、必要なレイアウトを選択し、必要に応じてカスタマイズするだけです。

これらのレイアウトがなければ、多くのユーザーがDiviを最大限に活用するのに苦労したと思います。したがって、エレガントなテーマはそれらを含めることで称賛されるべきです。 レイアウトは、独自のカスタムデザインのスターターレイアウトとして、または単にDiviに慣れるために使用できます。

18既製のレイアウト

レスポンシブ

Genesisと同様に、Diviはタブレットやスマートフォンで見栄えがします。 誰かがモバイルデバイスでWebサイトにアクセスすると、デザインのルックアンドフィールが自動的に変更されます。 すべてのモジュールはモバイルフレンドリーであるため、ページを作成してもWebサイトは見栄えがします。

Diviレスポンシブデザイン

ポストフォーマットのサポート

投稿フォーマットは、2011年の初めにWordPress3.1で導入されました。 私の意見では、引用、画像、ビデオなど、あらゆる種類のブログ投稿を追加できるため、近年WordPressに追加された最高の機能の1つです。

残念ながら、最近のすべてのデフォルトのWordPressテーマが投稿形式をサポートしているにもかかわらず、テーマに投稿形式のサポートを追加しているテーマ開発者はほとんどいません。 専用のブログWordPressテーマのみが投稿フォーマットをサポートする傾向があります。

そのため、Diviにポストフォーマットのサポートを含めることでエレガントなテーマを称賛する必要があります。 これは、Diviを使用してあらゆるタイプのブログを開発できることを意味します。 個人ブログ、ポートフォリオブログ、企業ブログのいずれの場合でも。

DiviPostフォーマットのサポート

サポート、チュートリアル、および更新

エレガントなテーマは、リリースされて以来、Diviの多くの重要なアップグレードをリリースしています。 これは、テーマが彼らの将来の戦略の大きな部分であることを示しています。 また、Diviが今後数年間でますます大きくなることを示しています。

対照的に、Genesisを使用してから3年間、導入された新機能は1つか2つだけです。 Genesisは最小限のWordPressフレームワークであるため、明らかにこれは仕様によるものですが、2つのテーマの違いを示しています。

Diviテーマのドキュメント

エレガントなテーマは、Diviの使用に関する大量のドキュメントを公開しています。 各チュートリアルには、スクリーンショットとビデオウォークスルーが含まれています。 また、ElegantThemesサポートフォーラムから質問への回答を得ることができます。

ディビができること…まあ、かなりすべて

Diviはオールインワンのテーマソリューションです。 これにより、技術的な知識や経験に関係なく、誰でも美しく、複雑で、プロフェッショナルな外観のWebサイトデザインを作成できます。 そしてそれはあなたが数分でこれらすべてを行うことを可能にします。

Genesisフレームワークが大好きなので、現在ブログで使用しています。 ジェネシスの子テーマをアクティブにして、作業を開始する方法が大好きだと前に述べました。 それは事実ですが、ブログの動作を変更する必要がある場合は、カスタム関数を使用するか、別の子テーマをアクティブ化する必要があります。

Diviを使用すると、実用的なドラッグアンドドロップページビルダーを使用して、数分で独自のレイアウトを作成できます。 ブログのレイアウトから雑誌のレイアウトに簡単に変更できます。 次に、ビジネスレイアウトに切り替えます。 それは私に他のテーマができない多くのオプションを提供します。

Diviの仕組みに慣れるのに1時間もかからないはずです。 一度やると、Diviで何ができるかに驚くでしょう。

GenesisとDiviを使用することの短所

WordPressのテーマが完璧であると主張することはできません。 GenesisとDiviはどちらも多くの分野で優れていますが、いくつかの点で制限があります。 皮肉なことに、彼らの長所は彼らの短所でもあります。

Genesisの最大の強みの1つは、機能への最小限のアプローチです。 これが、開発者に非常に人気がある理由の1つです。

たとえば、オプションパネルでは、注目の画像サイズを変更したり、デフォルトのレイアウトを選択したり、ヘッダーとフッターにコードを挿入したりできます。 ただし、フォントを変更したり、要素の色を変更したり、特定の領域の幅を変更したりする場合は、テーマのスタイルシートを変更する必要があります。

理想的には、Genesisの将来のバージョンでは、WordPressテーマカスタマイザーを介してこれを行うことができます。 テーマカスタマイザでは、現在、メニューの挿入、ウィジェットの追加、Webサイトのレイアウトの変更などを行うことができます。 ただし、スタイリングオプションは非常に限られています。 たとえば、私は現在GenesisChildテーマMinimumProを使用しています。 カスタマイザーには背景色を変更するオプションがありますが、色を変更してもデザインは何も変わりません。

Genesisの将来のバージョンでは、背景色、フォントの色、フォントの種類、フォントのサイズなどを選択するオプションが必要です。

ジェネシステーマカスタマイザー

HTMLとCSSの使用経験がある場合、これは問題にはなりませんが、技術者以外のユーザーは、Genesisをデフォルトのレイアウトから変更するのが難しいことに気付くでしょう。

Webサイトの構造に小さな変更を加えることも、より困難になる可能性があります。 Twenty FourteenなどのデフォルトのWordPressテーマの1つを使用すると、テーマテンプレートの1つを変更するだけで、テンプレートを非常に簡単に変更できます。 ただし、Genesisで同じ変更を行うには、通常、テーマのfunctions.phpテンプレートにカスタム関数を追加する必要があります。

Webサイトに基本的な変更を加えるために、カスタム関数を追加しなければならないのはイライラするかもしれません。 他のWordPressテーマでは、オプションパネルから数秒でWebサイトのロゴをアップロードできます。 ジェネシスではWordPressカスタムヘッダーを使用してこれを行うことができますが、ロゴのアップロードほどうまく機能しません。 通常、ロゴが適切に配置されるように、スタイルシートまたはfunctions.phpを変更する必要があります。

ありがたいことに、Genesisは、Webサイトに変更を加える方法に関する多くのチュートリアルを提供しています。 最も一般的なカスタマイズは、コードスニペットページにリストされています。 StudioPressは、サポートフォーラムのクエリに常に迅速に応答するため、ドキュメント領域にコードスニペットが公開されていない場合は、そこに質問を投稿してください。

ジェネシスコードスニペット

Diviの複雑な性質は、同様の機能を提供するプラグインと衝突する可能性が高いことを意味します。 これは、すべての高度なWordPressテーマで発生する問題です。 彼らの名誉のために、Elegant Themesは、人気のあるプラグインがDiviでうまく機能することを保証するために最大限の努力をしています。

Diviを使用すると、Webサイトを大幅に制御できます。 これにより、Webサイトの外観と雰囲気を非常に簡単にカスタマイズできます。 ただし、Diviを当初の意図とは異なる方法で変更したい場合は、難しい場合があります。 一部の人にとっては、これはつまらないように聞こえるかもしれませんが、本当にユニークなものを作成したい開発者を苛立たせることになると確信しています。

開発者向けのドキュメントも不足している場合があります。 Diviのドキュメントは非常に広範囲ですが、初心者を対象としています。 チュートリアルでは、Diviの使用方法に焦点を当てています。 Genesisとは異なり、Diviのカスタムソリューションを作成する開発者は多くありません。 したがって、Diviを独自の方法でカスタマイズすることは困難です。

ディビセクション

ほとんどのWordPressユーザーにとって、これらの制限は問題ではありません。 創世記はフレームワークです。 ディビはそうではありません。 そのため、非常に多くの開発者がGenesisを使用してカスタムテーマを設計しています。 Diviは、見栄えの良いWebサイトを迅速かつ効果的に作成するために開発されました。 間違いなく、彼らはそれを行うことに成功しました。 私は多くのウェブサイトデザイナーと話をしましたが、テーマは非常に用途が広いため、クライアント向けのウェブサイトを構築するためにほぼ独占的にDiviを使用しています。 したがって、Diviの動作方法を変更する必要はほとんどありません。

現在のバージョンのDiviに現在欠けているものの1つは、カスタム投稿タイプを使用したページビルダーのサポートです。 現時点では、ページビルダーを使用してWordPressページでスタイリッシュなページを作成することしかできません。 ブログ投稿やその他のカスタム投稿タイプでは使用できません。 うまくいけば、これはエレガントなテーマが将来取り組むことになるでしょう。

どちらが安いですか?

StudioPressとElegantThemesは、製品に異なる価格設定スキームを使用しています。

Genesisフレームワークは59.95ドルで利用できます。 これには、カスタマイズ可能なプロ並みのサンプルデザインが含まれます。 デザイナー以外の人にとっては、StudioPressテーマを購入する方が理にかなっています。 これは、Genesisフレームワークと一緒に99.95ドルで購入できます。

StudioPressのデザイン自体の価格は44.95ドルです。 StudioPressは割引コードを提供していませんが、既存の顧客のテーマに25%の割引を自動的に適用します。 したがって、Genesisフレームワークを購入すると、テーマの実際の価格は33.71ドルになります。

つまり、最初にGenesisを購入した場合、Genesisと子テーマの実際のコストは93.66ドルです。 ただし、最初に両方を一緒に購入した場合、StudioPressは99.95ドルを請求します。

StudioPressは、43の既存のStudioPressGenesis子テーマすべてを含むProPlusプラン$ 399.95を提供します。 顧客向けのWebサイトを頻繁に作成している開発者の場合は、1,000ドル以上節約できる可能性があるため、プロプラスプランを検討することをお勧めします。

プロプラスプランは、StudioPressの25%のリピーター割引の対象となります。 したがって、すでにGenesisを購入している場合は、すべてのテーマを$ 299.96で購入できます。 したがって、最初にGenesisを購入することで、プロプラスプランで$ 40.04を節約できます。

すべてのStudioPress製品は、1回限りの購入料金でご利用いただけます。 アイテムを購入すると、無制限のサポートと更新を永久に受けることができます。 彼らのライセンスでは、無制限の数のWebサイトでテーマを使用できます。 これらのウェブサイトがあなた自身のものであるかどうか、またはあなたがクライアントのためにそれらをデザインしているかどうか。 基本的に、それらのライセンスはすべて開発者ライセンスです。

StudioPress ProPlusパッケージ

DiviはElegantThemesメンバーシップの一部として含まれています。 彼らのメンバーシップには現在87のWordPressテーマが含まれています。 彼らの古いWordPressテーマのいくつかは彼らの時代に見え始めています、しかし昨年かそこらでリリースされたすべてのデザインは素晴らしかったです。 彼らは現在、Extraというタイトルの美しい雑誌のデザインに取り組んでいます。

3つのメンバーシッププランが利用可能です。 彼らのエントリーレベルの個人ライセンスは年間69ドルで販売されており、すべてのWordPressテーマ、サポート、およびテーマの更新へのアクセスを提供します。 その名前にもかかわらず、個人ライセンスには開発者ライセンスのすべての利点があります。 無制限の数のWebサイトで使用でき、それらのテーマを使用してクライアント用のWebサイトを構築することもできます。

さらに20ドルで、年間89ドルで開発者ライセンスにアップグレードできます。 このライセンスでは、すべてのWordPressテーマに加えて、4つのWordPressプラグインとすべての元のレイヤー化されたPhotoshopファイルにアクセスできます。 フォトショップファイルを使用すると、デザインを簡単にカスタマイズできます。

彼らの生涯ライセンスは彼らの開発者ライセンスと同じ機能を提供しますが、それは249ドルの1回限りの料金として利用可能です。 エレガントテーマのメンバーシップを2回以上更新している場合は、ライフタイムライセンスが理にかなっています。

エレガントなテーマを使用するといつでもライセンスをアップグレードできるため、どのライセンスを選択するかわからなくても心配する必要はありません。

エレガントなテーマプラン

概要

あなたはおそらく、私がさまざまな理由でジェネシスとディビを愛していることに気づいたでしょう。 開発者の場合、本当にユニークなものを作成する必要がある場合は、Genesisが最も実用的な選択肢です。 ただし、Diviは、見栄えの良いWebサイトを定期的にすばやく作成するためのより実用的なソリューションであることがわかります。

Webサイトのデザインの経験がない場合は、Diviが最適なソリューションであり、多くの興味深いレイアウトを自由に作成できますが、Genesisデザインの外観が気に入った場合は、遠慮なく購入してください。 がっかりしませんよ。

GenesisとDiviの長所と短所をこのように見て楽しんでいただけたと思います。 これらの人気のあるWordPressテーマソリューションについてどう思いますか? 下のコメント欄でお知らせください。

読んでくれてありがとう

ケビン