トグルメニュー

素晴らしいコミュニティからの 9 つの Beaver Builder チュートリアル ビデオ

公開: 2016-05-12

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

beaver-video-tutorials
  • ビーバービルダー

素晴らしいコミュニティからの 9 つの Beaver Builder チュートリアル ビデオ

Beaver Builderは、WordPress 初心者にも上級ユーザーにも同様に親しみやすい、使いやすいソリューションとして設計されています。同時に、これは多くのオプションを備えた強力なツールであるため、最初に使用したときは、1 つまたは 2 つのチュートリアルの助けがないと、どこから始めればよいのかわかりにくい場合があります。ページビルダープラグインをしばらく使用した後でも、主要な機能や設定を見逃している可能性があります。

6 つの無料の Beaver Builder コースを開始しました。わかりやすいステップバイステップのビデオチュートリアルで、すべての製品の使用方法を学びましょう。今すぐ無料アカウントを作成してください!

Beaver Builder の使用方法を学習するのに役立つリソースを多数提供しています。ただし、私たちだけに頼る必要はありません。無料でアクセスできる優れたコンテンツを作成する WordPress コミュニティ全体が存在します。それではさっそく、トップ 10 の Beaver Builder チュートリアル ビデオを紹介します。

1.Beaver Builder – Beaver Builder で WordPress ページを構築する方法

チャンネル:ウェブモンキー

約時間: 21分

知識レベル:初級

Web Monkey は、さまざまなコンテンツを備えた WordPress に焦点を当てたチャンネルです。これには、特定のツールに関するレビューやチュートリアルに加え、より優れた、より安全な WordPress Web サイトを構築するためのより一般的なアドバイスやテクニックが含まれます。

このビデオは、 Beaver Builder を初めて使用する人のための入門として機能します。内容は次のとおりです。

  • プラグインのインストールと設定
  • ページの作成とテンプレートの使用
  • 列、行、モジュールを使用したレイアウトの構築
  • ページのコンテンツと設定のカスタマイズ

このビデオは明瞭でテンポが良く、非常に親しみやすい控えめなスタイルで表現されていることがわかりました。最初の Beaver Builder ページの作成を開始する方法をわかりやすい方法で説明し、主要な機能とオプションを示しますが、すぐに多すぎる情報に圧倒されることはありません。

言い換えれば、この Beaver Builder チュートリアルは、基本を紹介し、ページ ビルダーが提供するすべてのものを自分で実験できるようにするための強固な基盤として機能します。

2.Beaver Builder を使用してウェブサイトへのゼロアクセスを実現

チャンネル:ジョー・カサボナ

約時間: 57分

知識レベル:初級

Joe Casabona は、成功する Web サイトの構築と運営のあらゆる側面をカバーする多くのコンテンツを備えたアクティブな YouTube チャンネルを持っています。ポップアップ フォームの作成からポッドキャストの開始まで、あらゆることに関するアドバイスが提供されます。

私たちは、Joe の WP in One Month コースのウェビナーを後援する機会がありました。これは、ここで焦点を当てているビデオです。これはリストの最初のビデオと似ていますが、より長く、より包括的になり、以下の内容がカバーされています。

  • Beaver Builder とは何か、また標準の WordPress エディターとの違い
  • プラグインのインストールと設定方法
  • Beaver Builder を使用して Web サイトの構築を開始する
  • さまざまな設定や機能を使用してページや投稿をカスタマイズする

Beaver Builder を初めて使用する場合は、このビデオが非常に詳しく説明されています。プラグインを立ち上げて実行するために必要なすべての知識とツールが提供されます。さらに、明確で現実的な方法で提示されており、その構造は理解しやすいものです。

3.Beaver Builder の学習 – すべてのコラム

https://www.youtube.com/watch?v=p8tkBsUZhgs&list=PL0yq0X75BHSHs6F8O9yPbHxihUHoTXQXI&index=2&t=0s

チャンネル:ティッキーブームデザイン

約時間: 40 分 (全プレイリスト)

知識レベル:初級

名前が示すように、 Tickyboom Designチャンネルはすべて Web デザインに関するものです。これには、プラグインを使用してユニークで創造的なページを構築する方法を説明する、かなりの数の Beaver Builder チュートリアルとウォークスルーが含まれています。

このチャンネルにはチェックする価値のあるものがかなりありますが、特にAll Things Columns プレイリストを取り上げました。これには 5 つのビデオが含まれます。

  1. はじめに:列の仕組みの基本を説明し、列の移動、削除、追加の方法を説明し、列設定の場所を示し、それぞれの機能について説明します。
  2. レスポンシブ オプション:レスポンシブ ページを作成するための Beaver Builder のさまざまなオプションを見つけて使用する方法、およびレスポンシブ編集モードを開始して使用する方法について説明します。
  3. Let's Design:さまざまな設定とオプションを組み合わせて使用​​して、シンプルな複数列レイアウトを構築する方法 (および基本的なトラブルシューティングの実行方法) を示す最長のビデオです。
  4. 列の再スタック:モバイル デバイス上で異なる配置になるように列を設定する方法を示します。
  5. 保存された列:列を保存して再利用する方法について説明します。

これらのビデオを合わせて、Beaver Builder の列構築機能の包括的な概要を提供します。基本的なことと、少し練習するだけで複雑で興味深いレイアウトを作成する方法について説明します。

4.ビーバーのテーマヘッダー |透明なスティッキーヘッダーのチュートリアル

チャネル:Web アシスト

約時間: 11分

知識レベル:中級

Web Assistは、主に電子商取引 Web サイトの作成に焦点を当てた小規模なチャネルです。 Beaver Builder を使用してWooCommerce ショップ ページを作成する方法など、WooCommerce に関するいくつかのチュートリアルが提供されています

ここで紹介するチュートリアルでは、視聴者は Beaver Builder で非常に特殊なタスク (透明なヘッダーの作成)を実行する方法を学びます。このビデオ:

  • この種のヘッダーに適したテーマを推奨します
  • プロセスを段階的に説明します
  • 利用可能なオプションとその機能について説明します
  • カスタムテキストと画像を含む透明ヘッダーを作成する方法を示します。
  • ヘッダーの色を変更する方法、ヘッダーを「スティッキー」にする方法などについて説明します。

このビデオは、読者がすでに Beaver Builder にある程度慣れており、基本レベルでの使用方法を知っていることを前提としていることに注意することが重要です。ただし、プラグインを初めて使用する場合でも、理解するのはそれほど難しいことではありません。

全体として、これは何をすべきかだけでなく、なぜそれを行うのか、またさまざまな調整や変更による影響も示す便利なチュートリアルです。気に入った場合は、カスタム フッターの作成に関する同様のビデオがあります

5.Beaver Themer チュートリアル – カスタム WordPress ヘッダーとテーマ パーツを作成する

チャンネル: WPCrafter.com 非技術者向けの WordPress

約時間: 32分

知識レベル:中級

次に、このチュートリアルはWPCrafter.com WordPress For Non-Techiesによって提供されています。これは、e コマースや Web デザインなど、さまざまなトピックをカバーする多数のビデオを備えた WordPress チャンネルです。

このチャンネルには、Beaver Builder に焦点を当てたビデオがいくつかあります。ただし、カスタム WordPress ヘッダーを作成するためのチュートリアルを強調したいと思います。その中で、次のことを行います。

  • Beaver Themer とは何か、そして何ができるのかをご覧ください
  • Beaver Themer と一緒に使用するテーマの推奨事項を入手する
  • このツールを使用してヘッダーを作成し、カスタマイズする方法のチュートリアル
  • パーツとその使用方法について学ぶ

このビデオはフレンドリーで率直なスタイルで、利用可能なさまざまなオプションを示し、いくつかの有用な推奨事項も示しています。応答性や、透明ヘッダーやスティッキー ヘッダーを使用するかどうかなどのトピックについて説明します。

このチュートリアルは、Beaver Builder の使用の基本をすでに理解していることを前提としています。その場合、これは、結果が適切になるまで微調整を加えることによって、希望するデザインをどのように達成できるかを示す有益なデモンストレーションです。

6.プラグインなしの Beaver Builder Mega Menu WordPress チュートリアル

チャンネル:プレスアベニュー

約時間:6分

知識レベル:中級

Press Avenueチャンネルでは、素早く簡単な WordPress チュートリアルがたくさん見つかります。これらは、プラットフォームの初心者レベルのユーザーにも中級者レベルのユーザーにも同様に役立つ多くのトピックをカバーしています。

Press Avenue では、完全な入門チュートリアルを含む、数多くの Beaver Builder ビデオを提供しています。ただし、より具体的なコンテンツに焦点を当てています。それは、 「メガ メニュー」の構築に関するこのチャンネルのビデオです

この簡単なチュートリアルでは、次の方法を学びます。

  • CSSクラスを有効にする
  • CSS を使用してメガ メニューを有効にする
  • メニューを整理してカスタマイズする
  • フロントエンドでのメニューの外観を微調整する

これは、要点を押さえたシンプルで簡潔なチュートリアルであり、従うのが簡単です。 Mega メニューは優れたデザイン ツールなので、その設定とカスタマイズの方法を学ぶ価値は十分にあります。このビデオを読み終えたら、Press Avenue には他にもチェックすべきコンテンツがたくさんあります。

7.Beaver Builder テンプレートを別のサイトにエクスポートする方法

チャンネル: Cols Notes

約時間: 5分

知識レベル:中級

Cols Notes は最近あまり活発ではありませんが、既存のコンテンツを閲覧する価値のあるチャンネルです。さまざまなビデオが提供されており、そのほとんどは、Beaver Builder でさまざまなタスクを実行する方法 (CSS を使用する場合と使用しない場合の両方) に焦点を当てています。

これには、中級レベルの Beaver Builder ユーザーにとって役立つヒントが多数含まれています。このサンプルビデオでは、次のことを学びます。

  • Beaver Builder テンプレートをエクスポートする理由
  • テンプレートをエクスポートして別の Web サイトにインポートする方法

これは Beaver Builder の重要な機能ですが、初心者にはすぐには認識できないかもしれません。ビデオ自体は、簡潔かつ明確なステップバイステップのウォークスルーであり、最小限の手間で最終結果に到達することができます。最終的には、複数の Web サイトを構築する場合に使用できる、時間を節約する便利なテクニックが身につくでしょう。

8.Beaver Builder での Genesis フレームワークの使用

チャネル: Sure Fire Web サービス

約時間: 12分

知識レベル:上級

Sure Fire Web Servicesチャネルはこれまで、WordPress Web 開発者向けのコンテンツを投稿してきました。これには、大量の開発日記やチュートリアルが含まれています。過去 1 年間、このチャネルは中小企業の経営者との対話にさらに重点を置き、Web サイトを通じてマーケティングや見込み顧客発掘に関するアドバイスを提供してきました。

今日紹介するビデオは古いものですが、今でも関連性があり、役に立ちます。その中で、次のことを学びます。

  • Genesis フレームワークとは何か、そしてその利点
  • Beaver Builder と完璧に相乗効果を発揮する理由
  • Genesis Framework と Beaver Builder を組み合わせて使用​​して Web サイトを作成するためのヒント

これはステップバイステップのチュートリアルというよりは、2 つの高品質 WordPress ツールに関する情報リソースです。これは、強力な Genesis Framework への優れた入門書として機能し、これが Beaver Builder で使用する最上位のテーマである理由を強く主張します。

さらに、ビデオには、この特定のデュオを始めるための便利なヒントやコツが満載です。これは、高度にカスタマイズされた新しい Web サイトを構築しようとしている Web 開発者と経験豊富な Beaver Builder ユーザーの両方にとって貴重なリソースです。

9.Beaver Builder の長方形の行形状を使用したレイアウトの攻略

チャンネル:デヴィッド・ワウムスリー

約時間: 6分

知識レベル:上級

David Waumsley の YouTube チャンネルは、 Beaver Builder ユーザーにとって優れたリソースとして機能します。ほぼすべてのビデオでページ ビルダー プラグインが紹介されており、中級ユーザーと上級ユーザーの両方にヒントやテクニックを提供しています。

David にはチェックする価値のあるビデオがたくさんありますが、ここでは彼の最近のビデオの 1 つを取り上げます。長方形の列の形状に関する彼のビデオでは、次の方法を説明しています。

  • 負のマージンを使用せずに、コンテンツが複数の行にまたがっているように見せます。
  • 「画面分割」効果を簡単に作成

このビデオは、プラグインの使用に慣れており、複雑でユニークなレイアウトを作成するためのヒントを探している、より高度な Beaver Builder ユーザーを真の対象としています。実際、これ (および David のビデオの多く) は開発者にとって特に興味深いものとなるはずです。

結論

WordPress を使用して Web サイトを構築することの最も良い点の 1 つは、参加している広大で活気のあるコミュニティです。何をする必要がある場合でも、役立つブログ投稿、ビデオ、オンライン コース、ドキュメント記事が必ず見つかります。

上に挙げた 10 本のビデオは、コミュニティがBeaver Builderユーザーに提供できるすべてではありませんが、優れた出発点となります。ページ ビルダーを初めて使用し、しっかりと理解しようとしている場合でも、市場価値のあるスキルを拡張したいと考えている上級ユーザーでも、役立つチュートリアルがあります。

お気に入りの Beaver Builder チュートリアル ビデオまたは YouTube チャンネルはありますか?以下のコメントセクションで私たちと共有してください!

ロビー・マッカラーの略歴

9件のコメント

  1. ジョン・マザー、2016年5月11日午後5時39分

    素晴らしい



  2. David Waumsley 2016 年 5 月 11 日午後 5 時 46 分

    非常に多くの賢い人たちがビデオを制作しているので、私は参加してもらえることにとても嬉しくて、びっくりしています(イギリスの言葉だと思います)。ありがとう。



    • ロビー・マッカラー、2016年5月13日午後12時19分

      頑張ってね!ビデオでは素晴らしい仕事をしていますね。



  3. コリン、2016 年 5 月 12 日、午前 3:57

    温かいお言葉をありがとう、ロビー:-) このような素晴らしい人々のリストに加えられて、とても光栄に思います。

    また、初心に戻ってくれてありがとう。初期のチャットやブレインストーミングのセッションをとても懐かしく思い出します。小さなプラグインの名前を Beaver Builder に変更したばかりの 3 人が、人生を変えるようなプラグインを作成することになるとは誰が予想していましたか。はい、人生が変わると言いました!その主な理由は、Beaver Builder がなければ、多くの人々の日常生活が少し面倒になり、それほど楽しくなくなるからです。あなた、ジャスティン、ビリーは間違いなく私の人生を良い方向に変えてくれました、それは間違いありません!

    この機会を利用して、知識の一部を共有し、最終的には快適ゾーンから抜け出してそれを記録してくれたアダム、ジョー、デビッド、ジョン M.、ジョン P にも感謝したいと思います。自分をさらけ出すのが難しいこともあるとは思いますが、「ただ頑張っているだけ」の皆さんに敬意を表します。

    最後になりましたが、大切なことを言い忘れましたが、素晴らしい友人であり、まさに素晴らしい人々であったあなた方 3 名に多大な感謝を申し上げたいと思います。みんな大好きだよ!

    PS あなたは本当にインスピレーションを与えるロビーです!ご存知のとおり、私は他のことに集中するために Dynamik Beaver から離れなければなりませんでしたが、あなたの投稿を読んでいると、いつも、Dynamik Beaver に戻ってチュートリアルを記録したり、さらに投稿を書きたいという熱い思いが湧いてきます。私は何も約束するつもりはありませんが、もし約束するなら、あなたが最初に知るでしょう。



    • デビッド・ワウムスリー、2016 年 5 月 12 日午前 10 時 46 分

      コリン、ロビーの家長のコメントの後、今度はパパ・ビーバーと呼んでもいいですか?もしかしたら、私はそれで不気味になってしまったのかもしれないと思います。

      本当に素敵な言葉です。間違いなく私の快適ゾーンからは外れていますが、ありがたいことにビーバーズは協力的な集団です。

      現在、Beaver Builder について書いたり話したりしている善良な人々がた​​くさんいますが、あなたの内容は常に私にとって理解しやすく、役に立ちます。プレッシャーをかけずに、できることなら何かをしてください。



      • コリン、2016年5月12日午後1時15分

        あなたは優しすぎるよ、デビッド:-)

        あなたから授与された名誉ある(アメリカ人の友人全員にとって「名誉ある」ことです)称号には本当に感謝していますが、「ダディ・ビーバー」というのは少し誤解を招くかもしれないと思います。結局のところ、私は実際に小さなビーバーの妊娠や誕生に立ち会ったわけではありません。

        おそらく「ビーバーおじさん」の方が適切でしょうか?

        これらの素晴らしいビデオをもう一度見る前に、Beaver Builder コミュニティは私がこれまで関わった中で最も素晴らしい人々のグループだと思うことだけを言っておきたいと思います。自分の時間とエネルギーを提供してくれる善良な人々がた​​くさんいます。他の人を助け、Beaver Builder をすべての人にとってより良いものにするために。このような知識が豊富で、元気があり、思いやりのあるグループの一員になれるのは本当に素晴らしいことです。



        • ロビー・マッカラー、2016年5月13日午後12時19分

          爆笑!ビーバーおじさんも働きます。ありがとう、コリン! <3



  4. ライル・チャムニー、2016年6月29日午前12時13分

    それで、私は何ですか、切り刻まれたレバーですか?笑



    • ジャスティン・ブサ、2016年6月30日午前11時08分

      もちろん違います!皆様のご貢献に感謝いたします。次回も必ずご案内させていただきます!



私たちのニュースレター

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

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

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

Beaver Builder