トグルメニュー

Beaver Themer で構築できる 4 つの高度な Wordpress Web サイト

公開: 2018-01-26

ビーバービルダー製品が 25% オフ!セールは終了です...もっと詳しく!

Advanced WordPress Websites with Beaver Themer
  • ビーバーのテーマ

Beaver Themer で構築できる 4 つの高度な Wordpress Web サイト

Facebook グループに時間を費やしたことがあれば、おそらく Hashim Warren という名前をご存知でしょう。 Hashim は長年の Beaver Builder ユーザーでありエバンジェリストでもあり、私たちは彼がコンテンツの作成に協力してくれることに興奮しています。 Beaver Themer 1.1 が間もなくリリースされる予定なので、Themer に関するブログ シリーズを作成します。楽しんでいただければ幸いです。テーマの作品をコメント欄でぜひ共有してください。

あなたは個人で WordPress を使用しているビジネスオーナーですか?次に、この記事では、Beaver Themer を使用して、わずか 1 年前にはカスタム開発が必要だった高度なサイトを構築する方法を説明します。

それとも、コーディングの方法を知っている WordPress フリーランサーですか?次に、この記事では、Beaver Themer を使用してプロセスを高速化する方法を説明します。

しかし、これらの基本事項に入る前に、同じページを見てみましょう: Beaver Themer は、テーマ テンプレートを簡単に構築できるようにする Beaver Builder のプラグインです。

テーマテンプレートとは何ですか? WordPress コーデックスには次のような記載があります。

「WordPress では、強力なテーマ システムを通じて、1 つのテーマの下で好きなだけテンプレートを定義できます。これらの各テンプレート ファイルは、特定の状況で使用できるように構成できます。」

そのため、オリジナルの Beaver Builder ページ ビルダーは、WordPress で美しいページを作成する機能を解放しました。本日、Beaver Themer はさらに一歩進んで、柔軟なテーマ テンプレートを構築できるようになりました。

それでも混乱する場合は、あなたは一人ではありません。

昨年 Beaver Themer がリリースされたとき、それを見た人の半数が、これは「ゲームチェンジャーだ!」と言いました。残りの半数は、これは強力そうに見えるが、その機能をどのように活用すればよいのかはよくわからないということに同意しました。

それは理解できます。 WordPress はブログ ツールとして始まり、その後本格的な CMS に成長しました。ただし、ほとんどの WordPress サイトは依然としてブログか単純なパンフレット サイトです。

コードを作成しない人は、WordPress を使用して、以下で説明する高度なタイプのサイトを作成することができません。そのため、コードの作成方法を学ばなくても機能を拡張できると約束した Beaver Themer のようなツールが登場したとき、開発者以外の人はそれを理解するのが困難でした。

Beaver Themer を使用して構築できるサイトの種類の例を示すことで、Beaver Themer の強力な機能を理解するのに役立つことを願っています。

まずは最大のカテゴリである電子商取引から始めましょう。

1. 電子商取引サイト用のビーバーテーマ

レイアウトとデザインは、e コマース サイトを成功させるために重要な部分です。購入者は、T シャツ ストアのレイアウトが電子書籍サイトとは大きく異なることを期待しています。

それが、新しい電子商取引プロジェクトの立ち上げを非常に困難にしている理由です。たとえば、ストアに必要な正確なレイアウトを見つけるには、何百もの Woocommerce 互換テーマを検索する必要があります。

そして、あなたの店が複数の種類の製品を販売している場合は、運が悪いです。パーソナル トレーナーが書籍とコンサルティング サービスを同じサイトで販売したい場合、ある製品タイプを別の製品タイプ用に構築されたデザインに組み込む必要があります。

または、ビーバーテーマを使用することもできます。

Beaver Themer のフィールド接続機能を使用すると、画像や説明などのフィールドを WooCommerce から取得し、製品の完全なカスタム レイアウトを作成できます。または、事前に構築されたモジュールと事前に構築されたテンプレートを使用することもできます。

Beaver Themer はそれをさらに進化させており、条件設定を使用して無制限のテンプレートを作成し、特定の製品アーカイブまたは特定の製品に基づいて表示することができます。イベント チケット ページには画像なしで長い説明を表示できますが、スニーカー セクションには大きな画像と星による評価を表示できます。

ストアがアパレルのみを販売している場合でも、赤いシャツのアーカイブには赤い背景を使用し、緑のシャツのアーカイブには緑の背景を使用するカテゴリまたはタグのテンプレートを作成できます。

テーマ パーツは、電子商取引ストアで使用できるもう 1 つの強力な Beaver テーマ機能です。単一の製品または特定の種類の製品のアーカイブに表示されるカスタム プロモーションを作成できます。したがって、サイトの複数の部分に表示されるブラック フライデー プロモーションを作成できます。さまざまなページを編集することなく、必要に応じていつでも更新または削除できます。

最後に、Beaver Themer の表示設定では、訪問者がログインしているか、単にサイトを閲覧しているかに基づいて、ユーザーにコンテンツを表示できます。ログインしている訪問者にはクーポン コードが表示され、ログアウトしている訪問者には特別セールに登録するための招待状が表示されます。

ログイン状態とログアウト状態よりもさらに詳細に把握できます。過去の購入者はサイト上で「購入者」として自動的に登録されます。そのため、アップセル、クロスセル、無料ギフトなど、彼ら専用の第 3 レベルのプロモーションを作成できます。

可能性は無限大です!

これを機能させるためにいくつかのプラグインをコーディングしたりインストールしたりする方法を知る必要はありません。 Beaver Themer を使用すると、製品タイプに基づいてカスタマイズされ、ユーザーのステータスに基づいてパーソナライズされたエクスペリエンスを e コマース サイトに作成できます。

2. 会員サイト向けビーバーテーマ

先週、家族の集まりのために簡単な会員制サイトを作成しました。私は Beaver Builder ページ ビルダーと Beaver Themer のみを使用しました。

私は非常に強力な Woocommerce Memberships のようなメンバーシップ サイト ツールが大好きです。しかし、このプロジェクトには多すぎました。強力なメンバーシップ プラグインを採用すれば、Web サイトの更新方法を知っているのは私だけになるでしょう。

代わりに、Beaver Themer のレイアウト設定を使用して、管理者専用のコンテンツ、ログアウトしたユーザー向けのコンテンツ、およびログインしているすべてのユーザー向けのコンテンツを作成しました。

Beaver Themer を使用すると、ページ (モジュールまたは行)、ページの領域 (ヘッダー、フッター、その他の部分)、またはページ全体またはアーカイブ内のコンテンツを制限できます。ユーザーがログインしているかどうか、または管理者であるかどうかによって、1 つのページの見た目が大きく異なります。

ログインしたユーザー向けに、プロフィールや購入情報へのリンクを提供するサブヘッダー メニューを作成することを想像してください。または、コース内のプライベート ページのフッターが完全に失われます。

ビーバー・テーマならそれができます。

ほとんどの本格的なメンバーシップおよび LMS プラグインの問題は、テーマ テンプレートがないか、サイトの外観と雰囲気に合わない柔軟性に欠けたテーマ テンプレートを使用していることです。

シンプルな WordPress メンバーシップ サイトを構築したい場合は、強力なテーマ テンプレート機能に加えて、使いやすいコンテンツ制限機能を備えた Beaver Builder のようなツールを検討する価値があります。

3. リソースディレクトリのビーバーテーマ

Product Hunt の賛成票が 100 万件に達したとき、サイト上で最も賛成票が多かった製品のリストを公開しました。驚いたことに、一番上の「product」はリソース ディレクトリです。さらに驚くべきことは、そのリストには他にも多くのディレクトリが存在することです。リソース ディレクトリは新しいものではありません – IMDB は 27 年前から存在しています。 –しかし、近年人気が高まっています。

ブログと比較して、リソース ディレクトリはサイト所有者にとって更新が簡単で、読者にとっても利用しやすいです。私は、Really Good Emails などの高品質なリソース ディレクトリを座って読み続けるか、Emojipedia など頻繁にアクセスすることで知られています。

リソース ディレクトリは、毎週のブログ更新スケジュールに縛られることなく、自分の権威を確立し、自分の意見を広めるための優れた方法です。ブログに加えて、またはブログの代わりに、より多くの企業や個人がこれらを作成する必要があります。

Beaver Themer はそれを簡単にします。

Beaver Themer の post モジュールを使用すると、ディレクトリのアーカイブ ページを作成できます。個々の項目をリスト、グリッドなどとして表示します。個々のアイテムへの簡単なリンクを表示したり、アイキャッチ画像などの情報を取得したりすることもできます。

さまざまなカスタム投稿タイプに応じて、Beaver Themer を利用した別のテンプレートを作成することを検討してください。画像を主体とした投稿タイプに画像と帰属リンクを表示させ、記事に大量のテキストを正しく表示することができます。

あなたも私と同じなら、継続的なブログを構築する時間がないと感じて、未使用のドメインやアイデアを放置していることでしょう。週末に Beaver Themer を使用してリソース ディレクトリを作成して、かゆみを和らげることを検討してください。ブログのように終わりのないコミットメントを要求することはありません。

4. リードジェネレーションのためのビーバーのテーマ

WordPress の新しいリード獲得ツールが毎週リリースされるような感じです。マーケターとして、私は常に優位性を探しながら、多くの製品を購入しようと試みていました。 Beaver Themer を使用すると、リード獲得ツールの最も重要な機能である、構築が簡単で再利用可能なデザインと状況に応じた配置を再現できます。

その方法は次のとおりです。

テーマ パーツとレイアウト設定を使用して、投稿の下部やサイトの上部のリボンなど、ページ上の任意の場所に CTA を表示します。

この機能は、コンテンツとインラインかつコンテキストに沿って読者に「コンテンツのアップグレード」を提供するのに最適です。関連するコンテンツのアップグレードはポップアップほど迷惑ではありませんが、同様に効果的です。

Beaver Themer は、ランディング ページ プラグインを置き換えることもできます。ランディング ページのカスタム投稿タイプを作成し、Beaver Themer を使用して 1 つのテンプレートを無制限のページに適用します。組み込みのランディング ページの例は、作業を始めるのに役立ちます。 Beaver Themer は、ランディング ページのヘッダーとフッターを非表示にしたりカスタマイズしたりできるため、ユーザーは気を散らすことなく目的のアクションを実行することに集中できます。

Beaver Builder だけを使用して、コールド トラフィックを有料顧客に移動する見込み顧客獲得 Web サイトを作成できます。また、高価なリード生成プラグインを別途導入する必要もありませんでした。

5. ボーナス: メンバー向けのリソース ディレクトリを備えたリード生成電子商取引サイト向けの Beaver Themer

Beaver Themer の真の価値は、サイトのニーズが変化するにつれて明らかになります。

ユーザーの電子メールと引き換えに無料オファーを提供するシンプルな見込み客獲得サイトから始めることを想像してください。その後、WooCommerce または別の電子商取引プラグインを使用して、「トリップ ワイヤー」コンテンツに対して少額の料金を請求し始めます。

コンテンツのカタログを作成したら、メンバー限定の「コンテンツ ライブラリ」であるリソース ディレクトリへのアクセスの販売を開始します。

このようなサイトはマーケティング サイトの聖杯です。ある調査では、コピーブロガーの登録率が 400% 増加したことが示されています。ただし、このサイトの作成にはこれまで複数のプラグインとカスタム コーディングが必要でした。

Beaver Themer は、少しの想像力で上記のすべてを実現できます。

本物のビーバーテーマの例をいくつか紹介します

以下は、あなたにインスピレーションを与える美しい Beaver Themer サイトの例です。

  • Alex Vasquez によるLearning Liftoff は、ポッドの力を利用して動的な学習体験を実現します。
  • Mickey P Power のSoul in the Algarveと Ed Ellingham のCloudcareWP はどちらも WooCommerce と Pods を統合し、効果的な e コマース ソリューションを実現します。
  • David Denis によるOxford Cityでは、高度な Beaver Themer スキルを紹介しており、メンバーシップ サイト、ディレクトリ、イベント カレンダーが特徴で、すべて Pods と MemberPress を利用しています。

ゼロから始める必要はありません

ウェブサイトを立ち上げて実行するのは、特にゼロから始める場合には、大変に感じるかもしれません。そのため、プロセスを合理化するために設計されたスターター Web サイトのコレクションを作成しました。

これらの事前に構築されたテンプレートは、新しい WordPress セットアップにすぐにインストールできるため、時間のかかる設計フェーズをスキップできます。

  • カスタマイズ可能でユーザーフレンドリー:各スターター Web サイトは完全にカスタマイズ可能です。つまり、独自のコンテンツ、画像、ブランドでページを簡単に更新できます。 e コマース ストア、ブログ、ポートフォリオを作成しようとしている場合でも、当社のスターター サイトはニーズに合わせた強固な基盤を提供します。詳細を入力するだけで、すぐに完全に機能するウェブサイトが完成します。
  • 時間と労力の節約:当社のスターター Web サイトを使用すると、通常、サイトを最初から構築するのに必要な時間と労力を大幅に削減できます。レイアウトの決定やデザインの選択に悩む代わりに、高品質のコンテンツを作成し、視聴者と関わるという最も重要なことに集中できます。
  • シームレスな統合:すべてのスターター Web サイトは Beaver Builder と Beaver Themer を使用して構築されており、これらのツールが提供するすべての強力な機能とのシームレスな統合が保証されます。レスポンシブなデザイン、最適化されたパフォーマンス、使いやすい編集機能の恩恵を受けることができます。

つまり、当社のスターター Web サイトのコレクションを使用すると、記録的な速さで本格的なオンライン プレゼンスを確立することができます。

Beaver Themer を使って何を構築しましたか?

すでに Beaver Themer を使用してサイトを構築している場合は、コメント セクションで宣伝してください。新しい Beaver Themer ユーザーが Themer のパワーと柔軟性を理解できるように支援します。

ハシム・ウォーレンについて

Hashim Warren は、ノースカロライナ州グリーンズボロを拠点とするマーケティング ストラテジストです。彼は、住宅建設業者がフック アンド ターゲットでより多くの仕事とより大きな仕事を獲得できるよう支援しています。

23件のコメント

  1. アンドリュー、2018年1月25日午後2時17分

    この男を愛してください!テーマはまだ掘り始めたばかりの鉱山のような気がします。

    注意してください、#4 が 2 回リストされています。 1、2、4、4と進みます。



    • ロビー・マッカラー、2018年1月28日午前11時41分

      ああ!ご注目いただきありがとうございます。



  2. リチャード・クック、2018年1月25日午後6時59分

    最近完成した 2 つの woocommerce サイトは、カスタムの単一製品レイアウトで完成しました。
    https://totallyradstuff.fun
    https://dirtydickssoap.com



    • ロビー・マッカラー、2018年1月31日午前9時46分

      ああ、かっこいい!どちらのサイトもとても楽しそうです!共有してくれてありがとう。



      • リチャード・クック、2018年1月31日午前11時14分

        ありがとう。作るのが楽しかったです!



  3. ジェシカ、2018年1月25日午後10時09分

    Loving Themer – イベント、製品、会員限定のページや投稿にテーマを使用した Web サイトを完成させたところです。私の一番の発見は「部品」でした。いくつかのアクション フックを追加することで、古いクライアント テーマをカスタマイズできるようになりました。まったく素晴らしい!限界を押し広げ続けてください、BB、私たちはそれに取り組んでいます!



    • ロビー・マッカラー、2018年1月31日午前9時46分

      素晴らしいですね。ありがとう、ジェシカ!



  4. デビッド、2018年1月26日午後2時34分

    Beaver Themer を使用して、Woo サイトでログアウトしたユーザーの価格を非表示にしたり、カートに追加ボタンを追加したりすることは可能でしょうか?



    • ハシム・ウォーレン、2018年1月26日午後4時34分

      はい。 Beaver Builder で Woo モジュールを使用してから、可視性設定を使用します



  5. ミシェル・ヘスタンド、2018年1月28日午後4時24分

    Themer を使用すると、Web サイトのヘッダーをカスタマイズするための多くの機能が得られるのが気に入っています。私のウェブサイトのアイデアや願望はとても「シンプル」だと思うことがよくあります。しかし、私が探しているものを提供するテーマはまったく見つかりません。 Themer を使用して、私が望むものを作成することにかなり近づいてきました。最後のいくつかの調整は実行可能であると確信していますが、適切な設定がまだ見つかっていないだけです。あなたのサポートもとても素晴らしいです



    • ロビー・マッカラー、2018年1月31日午前10時24分

      聞いてうれしいです!あなたはきっとそうだと思いますが、そうでない場合は、私たちの Facebook グループに来てください。そこの人々は、「最後のいくつかの微調整」に関する質問に非常に役立ちます…



  6. ジョン・モンテレオーネ、2018年1月29日午前9時1分

    電話での相談や指導はできますか?私は Beaver Builder を 2 年間使用していますが、テーマと上記の目的での使用について質問があります。もしそうなら、料金とその方法を教えてください。



    • ロビー・マッカラー、2018年1月29日午前9時59分

      やあ、ジョン。長年のご支援ありがとうございました。申し訳ございませんが、お電話でのサポートは行っておりません。電子メールは私たちがコミュニケーションに最適な武器です。

      https://www.wpbeaverbuilder.com/beaver-builder-support/

      私たちはタイムリーに返信するよう最善を尽くします。これがお役に立てば幸いです。



  7. タミー・オニール、2018年1月31日午前5時44分

    私は現在、Beaver Themer を使用していくつかのサイトを作成し、1 つの e コマース サイトを使用しています。できることはとても気に入りましたが、それを使用する方法と理由についてのいくつかのチュートリアルが本当に役立つと思います。私はトレーニングの分野で Themer が何ができるのかをあまり見ていないので、多くのことが欠けているように感じます。



    • ズデネク、2018年1月31日午前9時54分

      ここでも同じです…多くの情報が欠けているように私も同じように感じます。



      • ロビー・マッカラー、2018年1月31日午前10時29分

        昨年は、2.0 で開始した大幅な UI の刷新に備えて、ビデオ チュートリアルの作成を延期しました。今年はビデオ、特に Themer に関してさらに多くのことを行う予定です。

        それまでの間、まだお持ちでない場合は、ナレッジ ベースで広範なテキスト ドキュメントをご利用いただけます。それに関するフィードバックも常に求めています。ドキュメントに不足している点があり、さらに詳しく知りたい場合は、お知らせください。



  8. マリオ・エスカミラ、2018年2月1日午後4時23分

    BBとテーマを使った素晴らしい乗り心地でした。他には何もお勧めしません。
    このサイトは BB、ビーバーのテーマ、ビーバーのテーマで完全に完成しています: https://catherinepray.com

    これはgenesisで実行されています(ただし、Beaverテーマに切り替える途中です)。ここでは、サイト全体でアーカイブと単一のテンプレートを使用して、パワー ビーバー テーマを実際に活用しています: https://ois.net

    ビーバーの今後の展開が楽しみです!!



  9. デビッド・アレクサンダー、2018年2月14日午後12時34分

    Beaver を使用したリード獲得の可能性に関して、私が依然として限界を感じていることの 1 つは、これです…

    私は持っているのが好きです

    a) グローバル フッター CTA / 購読フォーム

    b) グローバル ポップアップ CTA / 購読フォーム

    サブスクリプション モジュールに「URL」を取得して、それを mailchimp に保存できる機能があればいいのにと思います。

    グループ オプションを使用するには、サブスクリプション モジュールで設定する必要があるため、ロックされます。グローバル サブスクリプション フォームを使用してユーザーがどのページにサインアップしたかを知りたいと考えています。

    将来的に統合できる方法はありますか?



    • イワン・ペレス、2019年5月6日午後10時23分

      答えは見つかりましたか? Beaver ツールを使用してこれをどのように解決できるかを見るのは興味深いでしょう。 Facebookグループページで質問しましたか?



    • ロビー・マッカラー、2019年5月7日午前11時19分

      ふーむ。言いたいことはわかります。提案を開発チームに伝えます。これは、サブスクリプション モジュールをオーバーライドしてカスタム ソリューションを作成するのに適した状況である可能性があります。



  10. ジム・デボード、2018年2月15日午前10時48分

    ビーバー野郎達、これからも頑張ってね!これは、Beaver 子テーマ、Builder、および Themer「http://www.sallyportcf.com」を使用して 1 週間前にリリースされたばかりの最新のものです。

    Beaver システムの使用は、カスタム コーディング UI/UX とほぼ同じくらい楽しいですが、クライアントのかなりの部分が WordPress なので、私はカスタム WordPress サイトのデザインと構築に多くの時間を費やしており、これが今までで最も楽しいです。すべてが非常に柔軟で、すべての主要な要素とほとんどのマイナーな要素に ID とクラスを追加できるため、コアに触れることなく、必要なだけカスタム コードを作成できるようになります。 WordPress に関して私が常に恐れていたことの 1 つは、メジャー コア リリースでした。今度は、それらがコード化したものをコード化し、すべてが引き続き機能することを確認するために再コード化する必要があり、クライアント サイトの数も増えました。 2003 年 5 月以来、WordPress を楽しくしていただきありがとうございます。次に何が登場するのか楽しみです…



  11. モニカ、2019年5月28日午前4時20分

    こんにちは、
    Beaver Builder でカレンダーや予約セッションを統合できますか?また、ワークショップやヨガのクラスを購入するための支払いゲートウェイをどのように統合すればよいでしょうか?



    • アンソニー・トラン、2019年5月28日午前7時45分

      こんにちは、モニカ。カレンダーやセッションの予約にどのツールを使用しているかによって異なります。たとえば、オンライン スケジューラとして Calendly などを使用している場合は、埋め込みコードを使用して Web サイトにスケジューラを配置できます。ただし、カレンダー プラグインを使用している場合は、ショートコードで表示されることがよくあります。支払いオプションに関しては、WooCommerce、Ecwid などのプラグインを使用できます。または、ThriveCart、ClickFunnels などの SAAS ショッピング カートを使用することもできます。



私たちのニュースレター

私たちのニュースレターは個人的に作成され、月に 1 回程度送信されます。迷惑な行為やスパム行為はまったくありません。
約束します。

ニュースレターに参加する

今すぐ Beaver Builder を試してみましょう

Beaver Builder