トグルメニュー

Beaver Builder テーマがさらにカスタマイズ可能になりました!

公開: 2015-06-24

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

customizer-update
  • ビーバービルダー

Beaver Builder テーマがさらにカスタマイズ可能になりました!

Beaver Builder テーマの次のバージョンは現在ベータ版であり、すぐに試すことができます。このリリースには、Beaver Builder テーマを以前よりもさらにカスタマイズできるようにする 25 の新しいカスタマイザー設定、14 の新しいアクション、および 2 つの新しいフィルターがパックされています。プロおよびエージェンシーのメンバーは、自分のアカウントにアクセスして、コピーをダウンロードして今すぐテストできます。

アップデートの概要

Beaver Builder テーマを最初に作成したときの目標は、高度なカスタマイズ性を維持しながら、デザイン設定を可能な限り制限することでした。つまり、選択した背景色に基づいてナビゲーション バーのテキストの色などを判断する必要がありました。一部の人にとってはうまくいきましたが、昨年私たちが受け取ったフィードバックは、ユーザーがカスタマイザーを介してデザインをより詳細に制御したいというものでした。

このアップデートは、より多くのデザイン設定を公開する最初の試みですが、引き続き可能な限りシンプルにすることに取り組んでいます。この更新では、自動的に生成された値の代わりにユーザー定義の値を使用できるように、カスタマイザー ロジックの一部を再設計する必要がありました。さらに設定を追加できるようになりました。そのため、期待していた設定がここに表示されない場合は、お知らせください。将来の更新で調査します。

注意すべきこと

カスタマイザー ロジックの一部を再構築する必要があるため、既存のユーザーが認識しておく必要があることがいくつかあります。

カラーの生成は行われなくなりましたが、プリセットを選択すると、新しい値が設定されます。

新しいNav Link Color設定などが追加されたため、それを生成することはなくなります。プリセットを選択した場合でも、適切な値が入力されますが、背景色を変更した場合は、ナビゲーション リンクに適切な色を選択する必要が生じる可能性があります。これは、トップバー、ヘッダー、フッターなどの他のセクションにも当てはまります。

ドロップダウン メニューにナビゲーションのテキストと背景色が適用されるようになりました。

この更新前は、ナビゲーションのドロップダウン メニューはメイン コンテンツ領域のテキストと背景色を採用していました。物事をシンプルにしようとして (ドロップダウン メニューのスタイル オプションを除外して)、あまり意味のない決定を下した可能性があります。

すべてのナビゲーションの色を明示的に制御できるようになったので、代わりにドロップダウン メニューでその色を選択するのが理にかなっています。私たちのテストでは、ほとんどの場合、これで問題なく、問題が発生しないことがわかりました。ただし、その場合はフォーラムでお知らせください。何がで​​きるか検討させていただきます。

ヘッダー/フッターのテキストの色を調整する必要がある場合があります。

上で述べたように、テキストの色を自動的に生成することはなくなりました。更新すると、既存の設定を調べて新しい設定を入力するロジックが実行されます。その欠点は、古いロジックでは色の生成時に不透明度が使用されていましたが、新しいロジックでは正確な色がユーザーに任されているため、不透明度が使用されないことです。そのため、次回カスタマイザーに入ったときに、ナビゲーション テキストが少し暗く (または明るく) なっていることに気づく場合があります。

アップデートしても何も変わらないはずです。

テーマをこのバージョンに更新すると、変更がサイトにすぐに反映されるかどうかを心配する必要はありません。次回カスタマイザーに入るときに発生した可能性のある小さな変更のみがわかります。

新しい設定

以下は、Beaver Builder テーマのカスタマイザーに追加した 25 の新しい設定のリストです。要約すると、各ページ セクションのテキスト、リンク、ホバーの色を変更する機能を追加し、各ページ セクションに背景画像設定を追加し、メニュー ボタンの代わりにモバイル ナビゲーション トグルのハンバーガー アイコンを選択する設定を追加しました。 。

  • アクセントホバーカラー
  • トップバーの背景画像
  • トップバーのテキストの色
  • トップバーのリンク色
  • トップバーのホバーカラー
  • ヘッダーの背景画像
  • ヘッダーのテキストの色
  • ヘッダーリンクの色
  • ヘッダーのホバー色
  • ナビゲーション項目の間隔
  • モバイル ナビゲーションの切り替え
  • ナビの背景画像
  • ナビリンクの色
  • ナビゲーション ホバーの色
  • コンテンツの背景画像
  • フッターウィジェットの背景のグラデーション
  • フッター ウィジェットの背景画像
  • フッターウィジェットのテキストの色
  • フッターウィジェットのリンク色
  • フッターウィジェットのホバーカラー
  • フッターの背景のグラデーション
  • フッターの背景画像
  • フッターのテキストの色
  • フッターリンクの色
  • フッターホバーカラー

新しいアクション

新しい設定に加えて、以前は子テーマでオーバーライドする必要があった Beaver Builder テーマの多くの部分にカスタム コードを挿入できる 14 の新しいアクションも追加されました。たとえば、投稿タイトルの後の投稿メタの下にカスタムのソーシャル共有ボタンを挿入したいとします。次のようにfl_post_top_meta_closeアクションを使用してそれを行うことができるようになりました…

 function my_post_top_meta_close() { // Enter you social button code here... } add_action( 'fl_post_top_meta_close', 'my_post_top_meta_close' );

新しいアクションのリストは次のとおりです。テーマ アクションのリファレンス ページでも詳細を読むことができます。

  • fl_top_bar_col1_open
  • fl_top_bar_col1_close
  • fl_top_bar_col2_open
  • fl_top_bar_col2_close
  • fl_header_content_open
  • fl_header_content_close
  • fl_footer_col1_open
  • fl_footer_col1_close
  • fl_footer_col2_open
  • fl_footer_col2_close
  • fl_post_top_meta_open
  • fl_post_top_meta_close
  • fl_post_bottom_meta_open
  • fl_post_bottom_meta_close

新しいフィルター

最後に、新しいアクションに加えて、テーマ フィルター リファレンス ページで詳細を読むことができる 2 つの新しい便利なフィルターを追加しました。簡単に要約すると、 fl_social_iconsフィルターを使用すると、ソーシャル アイコンの順序を並べ替えたり、独自のアイコンを追加したりできます。一方、 fl_nav_toggle_textフィルターを使用すると、モバイル ナビゲーションのトグル ボタンに表示されるテキスト (またはアイコン) を変更できます。

  • fl_social_icons
  • fl_nav_toggle_text

これはいつ発売されますか?

このリリースでは、一般公開する前に人々にテストしてもらったほうが安心だと思われるいくつかの点が変更されるため、ベータ版を作成しています。すべてが計画通りに進んだ場合、7 月 6 日の週にダッシュボード内のリモート更新用にこのリリースをプッシュする予定です。それまでの間、アカウント領域からお気軽にダウンロードし、新しい設定を試して、フィードバックがあればお知らせください。

次は何ですか?

見逃した方のために付け加えておきますが、Favola のチームは私たちと協力して、Beaver Builder の素晴らしい新機能を開発しました。彼らはすでに 2 つの新しいモジュール (Post Slider と Post Carousel) を完成させており、テーマのリリースとほぼ同時にリリースする予定です。彼らはまた、Menu モジュールという新しいモジュールに取り組んでいます。これを間もなく皆さんにお届けできることをとても楽しみにしています。

テーマの次のバージョンがリリースされたら、待望の「リンクされたテンプレート」の開発に着手します。また、今後 6 か月ほどで計画していることの詳細を説明する別のロードマップ投稿を近々行う予定です。それまでの間、最新のテーマの更新についてのご意見やご質問がございましたら、以下のコメント欄でお聞かせください。

ジャスティン・ブサの略歴

49件のコメント

  1. デビッド、2015 年 6 月 23 日午前 9 時 31 分

    これは素晴らしいです。他のすべてのテーマとフレームワークを 100% 離れる準備がほぼ整いました。これからも素晴らしい仕事を続けてください。



    • ジャスティン・ブサ、2015 年 6 月 23 日午前 9 時 38 分

      やあデイビッド、それは嬉しいですね!私たちに不足しているものがあり、それを解決できると思われる場合は、遠慮なくお知らせください。



  2. rcgama 、2015 年 6 月 23 日、午前 9 時 42 分

    トップジャスティン!

    ベータ版であることにより、この新しいバージョンを運用中のサイトやクライアントのオンラインで使用できますか?

    もう一つの質問ですが、アップグレードするには、テーマまたはBBまたはBBテーマの子を更新する必要がありますか?

    どちらも、サイトの別のページで使用するために要素のブロックを保存するよう求めているアップデートがいつリリースされるかについての見積もりはありますか?



    • ジャスティン・ブサ、2015年6月23日午前10時03分

      こんにちは、rcgama さん

      すばらしい質問です!新しいテーマは十分にテストしたため、準備が整っているはずですが、クライアント サイトで使用する前に、ダッシュボードで更新が利用可能になるまで待つことをお勧めします。サイトでテストしたい場合は、bb プラグインや bb 子テーマではなく、bb テーマを更新する必要があります。

      リンクされたテンプレート/ブロックを保存する機能については、7 月初旬に作業を開始する予定です。どのくらいの時間がかかるかはわかりませんが、あと 1 ~ 2 か月以内にはリリースできると思います。

      ジャスティン



  3. ルイス、2015 年 6 月 23 日、午後 5 時 14 分

    これはすごいよ、みんな!

    数日前、私は CSS Hero を使用せずにナビゲーション リンクをもっと制御できるべきだと考えていました。

    お疲れ様でした!



    • ジャスティン・ブサ、2015年6月23日午後9時31分

      よかったです、ルイス!どういたしまして!



  4. デイブ、2015 年 6 月 23 日、午後 6 時 5 分

    ありがとう、Justin、素晴らしいニュースです – 私はすぐにローカル マシンに新しいプレイ サイトを作成し、変更を実行しました – すべての素晴らしい改善が行われました – うまくいきました。
    Q1: モバイル デバイス用のハンバーガー アイコンはこのリリースに含まれますか?
    Q2: フッターのフォント設定を変更するオプションがないことに驚きました (私が知っているカスタム CSS を使用すると簡単に変更できますが、そのような明白な設定ですか?)
    乾杯、デイブ



    • ジャスティン・ブサ、2015年6月23日午後9時34分

      どういたしまして、デイブ!テストしていただきありがとうございます。ご質問にお答えするには…

      Q1) はい。ベータ版ではそれが見られないのですか?

      Q2) オプションを少なくするため、必要と思われるフォント オプションのみを含めました。たとえば、フッターと本文に異なるフォント ファミリを使用することはおそらくないだろうと私たちは考えています。ただし、ご意見をお聞かせください。さまざまなページセクションに表示したい特定のフォントオプションはありますか?

      ありがとう!
      ジャスティン



      • デイブ、2015 年 6 月 25 日、午前 12 時 46 分

        ありがとう、ジャスティン。ハンバーガーを見つけました。新しいエントリがたくさんあります。
        私が気づいた点の 1 つは、背景が灰色であることです。テクスチャ背景のあるサイトで作業しているので、少し見苦しくなります。ハンバーガーは画像または CSS によって作成されていますか?
        デイブ



        • ジャスティン・ブサ、2015 年 6 月 25 日午前 9 時 36 分

          デイブ、ハンバーガーは CSS 背景を持つ Font Awesome アイコンです。そういえば、その場合背景は機能しないかもしれません。削除してみます。フィードバックありがとうございます!



          • デイブ、2015 年 6 月 25 日、午後 4 時 41 分

            こんにちは、ジャスティン。背景色を「false」に変更した後、灰色の背景が修正されたことをお知らせします。これはベンとの次のような話し合いの後のことでした。
            https://www.wpbeaverbuilder.com/support/q/background-for-entire-area-of-the-page/
            よろしく、デイブ



  5. ジェリー、2015 年 6 月 24 日午前 12:58

    BB ジャスティンと一緒にどこへ行くのかを見るのは素晴らしいです!私は 2014 年に BB にサインアップした初日から他のテーマ フレームワークを放置していましたが、その決定は新しいアップデートごとに改善されていくようです。

    これからも素晴らしい仕事を続けてください!

    ありがとう、
    ジェリー



    • ジャスティン・ブサ、2015 年 6 月 24 日午前 9 時 35 分

      ありがとう、ジェリー!それは素晴らしいですね



  6. Chris Stott 、2015 年 6 月 24 日午前 3 時 10 分

    これはすべて例外的であり、皆さんはますます良くなり続けています。実際、あなたはとても良い人なので、秘密にしておきたいくらいです!



    • ジャスティン・ブサ、2015 年 6 月 24 日午前 9 時 30 分

      ありがとう、クリス!



  7. カルロス、2015 年 6 月 24 日午前 9 時 20 分

    こんにちは皆さん!

    この追加機能は素晴らしいですね!コードの知識がないクライアントにとっては確かに役立ちます。ここからが私の意見です。

    テーマについて:

    見た目は素晴らしいです。簡単な質問が 1 つあります。この新しいオプションはすべて、カスタム メイドのプレストを使用して値を割り当てることができますよね?

    ヘッダー レイアウトをいくつか追加して、デザイン オプションを増やすこともできます。例えば、

    – ロゴのないヘッダー (奇妙に聞こえますが、一部のクライアントはこの方法を好みます)
    – ナビゲーションのないヘッダー
    – ナビゲーションが上部にあるヘッダー (中央揃えおよび/または左揃え)。

    プラグインについて

    皆さんが「リンクされたテンプレート」(私は常に「グローバル行」と呼ぶことをお勧めします) に取り組み始めていることは素晴らしいことです。おそらく、これが正しく動作している場合 (メニュー モジュールが公開されている場合)、カスタマイザーではなくビルダー内でヘッダーとフッターを作成できるようになります。これは柔軟性を高めるのに非常に役立ち、カスタマイザーのオプションを減らすことができます。

    今のところはこれくらいです。これがお役に立てば幸いです!

    あなたはあなたの製品で素晴らしい仕事をしています。大好きです。



    • カルロス、2015 年 6 月 24 日午前 9 時 37 分

      またまたこんにちは!

      セクションの「背景 >> なし」のオプションが復活すれば素晴らしいだろうということも付け加えておきたいと思いました。

      これは、本文の背景画像を固定したままにしたい場合に便利です。

      ありがとう!



      • ジャスティン・ブサ、2015 年 6 月 24 日午前 9 時 43 分

        最新バージョンでは、空の色の値を入力してその背景色を削除できます。それはあなたにとって効果がありますか?



        • カルロス、2015 年 6 月 24 日午前 10:00

          それは十分に簡単でした。ハハ

          機能しています。

          ありがとう!



        • カルロス、2015年6月24日午後1時28分

          またまたこんにちは!

          色を透明に設定すると、固定ナビは自動的に白になります。おそらく、このナビゲーションの色を設定するオプションがあるかもしれません。

          ありがとう!



          • ジャスティン・ブサ、2015 年 6 月 25 日午前 9 時 41 分

            ヘッダーが透明な場合、固定ヘッダーは実際に本文の背景色を取得します (ヘッダーもそれを取得するため)。それは機能しますか?



        • カルロス、2015 年 6 月 24 日午後 1 時 37 分

          背景色に透明度を追加できたらいいですね

          (たくさんのコメントを投稿して申し訳ありませんが、アイデアはそのように思いつきます)



          • ジャスティン・ブサ、2015 年 6 月 25 日午前 9 時 44 分

            さまざまなセクションの不透明度について質問していますか?コメントはすべて心配する必要はありません。フィードバックをお待ちしております。



          • カルロス、2015 年 6 月 25 日午前 9 時 46 分

            はい!さまざまなセクションの不透明度を意味します。

            固定ヘッダーにある程度の不透明度を持たせたり、画像の背景がある場合はヘッダー/コンテンツ/フッターの色にさえ効果を与えることができます。

            どう思いますか?



          • ジャスティン・ブサ、2015 年 6 月 25 日午前 9 時 47 分

            不透明度は素晴らしいアイデアだと思います。調べてみたのでメモしました。ありがとう!



    • ジャスティン・ブサ、2015 年 6 月 24 日午前 9 時 42 分

      フィードバックありがとう、カルロス!これらの新しいオプションには、プリセットを使用して値を割り当てることができます。

      新しいヘッダー レイアウトを追加するのは素晴らしいアイデアのように思えますが、まだ思いつきません。必要に応じて、それを UserVoice ページに追加して、記録を残すことができます… https://wpbeaverbuilder.uservoice.com/

      「リンクされたテンプレート」については、おそらく Global Rows などと呼ぶことになると思います。



  8. クラウディオブライト、2015 年 6 月 25 日、午前 4 時 11 分

    私は Beaver Builder が大好きだと言いたくてここに来ただけですが、チームは本当に親切で熱心に見えます
    私はBBを使っていて、そのすべてを気に入っています。ポートフォリオを持つデザイナーとして、新しいカルーセル オプションが待ちきれません



    • ジャスティン・ブサ、2015 年 6 月 25 日午前 9 時 44 分

      優しい言葉をありがとう!



  9. デイブ、2015 年 6 月 26 日、午後 6 時 40 分

    ベータ版に段階的なアップデートがあるのか​​、それとも 6 日の正式リリースまでそうなるのか気になります。
    デイブ



    • ジャスティン・ブサ、2015年6月27日午前11時48分

      やあ、デイブ、

      素晴らしい質問です!必ずしも計画していたわけではありませんが、受け取ったフィードバックを考慮すると、リリース前にベータ版のアップデートを公開することになると思います。明確にしておきますが、これを6日にリリースするわけではなく、その週のどこかで撮影を行っています。

      ジャスティン



    • ジャスティン・ブサ、2015年6月28日午後5時04分

      こんにちは、デイブ

      あなたや他の人が言及したいくつかのバグ修正を含むベータ版のアップデートをプッシュしました。ベータ版はアップデーターでは機能しないため、更新してテストするにはアカウントから再度ダウンロードする必要があります。

      ジャスティン



      • デイブ、2015 年 6 月 28 日、午後 5 時 13 分

        ありがとうジャスティン、感謝しています – 今テスト中です!
        乾杯、デイブ



  10. rcgama 、2015 年 6 月 28 日午後 12:22

    こんにちは、ジャスティン。私が所有しているフィールド テストでこの新しいバージョンをテストしたいのですが、アップグレード方法がわかりません。テーマのバージョンと子バージョンのテーマで古いバージョンを使用している場合。

    何を削除すればいいですか?テーマのバージョンですか、それとも対象の子のバージョンですか?

    説明してもらえますか?

    ありがとうジャスティン!



    • ジャスティン・ブサ、2015年6月28日午後2時53分

      子テーマではなく、メインの Beaver Builder テーマを削除する必要があります。メインの Beaver Builder テーマを削除したら、新しいベータ版をアップロードできます。



  11. マイケル・デイビス、2015年7月1日午後6時33分

    これらの新しいアクション fl_header_content_open および fl_header_content_close は、ヘッダーをカスタム コードでラップするためのアクセス ポイントですか?素晴らしいカスタム モジュールを作成するプロジェクトを実行しましたが、子テーマを作成し、コードに div を手動で追加する必要がありました。

    また、コードがラップされている主ヘッダーはページを上にスクロールしていたため、第 2 ヘッダーを考慮して JavaScript の回避策を実行する必要もありました。

    私の希望は、これらのフックが、表示されているヘッダーのバージョン (プライマリまたは静的) をラップすることです。そうだとしたら…はい! (これをモジュールに変換する作業に休日を費やす必要があるかもしれません!)



    • ジャスティン・ブサ、2015 年 7 月 2 日午前 9 時 16 分

      こんにちは、マイケルさん

      これらのフィルターは、実際には、Nav Bottom レイアウトが選択されているときにヘッダーの右側に表示される「ヘッダー コンテンツ」領域用です。

      ただし、fl_before_content アクションはヘッダーの後に起動されるため、fl_before_header アクションと fl_before_content アクションを使用して目的のことを実現できます。それに関してご質問がございましたらお知らせください。

      ジャスティン



      • マイケル・デイビス、2015年7月2日午前9時21分

        そう、昨夜もっと遊んで気づいたんです。 before_content は、他のフックで開かれた div を閉じるために機能しますか? (コンピューターに戻ったらそれも確認できます。)

        このおかげで、カスタマイズされたボタン モジュールを実行して、ボタンがどこからでもアクションをトリガーするというアプローチを再考するようになりました。とにかく広く使われているモジュールの方が良いでしょう。



        • ジャスティン・ブサ、2015 年 7 月 2 日午前 9 時 27 分

          それは正しいです!このアクションはヘッダーの後に起動されるため、これを使用して fl_before_header で開かれた div を閉じることができます。



  12. jatacid 、2015 年 7 月 3 日、午前 8:02

    こんにちは。アップデートは素晴らしいようです。これが非常に軽量のテーマであるという事実は、クライアントがあまり中断することなく手を加えることができ、カスタム コードを使用してカスタマイズするための十分な余地を残しているため、非常に優れています。この哲学が今後も続くことを願っています!

    質問がありました – 子テーマに新しいカスタマイザー オプションをフックして登録することは可能ですか?

    たとえば、「フッターの境界線の幅」などを変更する独自のセクションを追加したい場合、子テーマを介して追加できますか?



    • ジャスティン・ブサ、2015年7月6日午前10時34分

      ありがとう、ジャタシッド!アップデートを気に入っていただけて嬉しいです。あなたの質問に答えるために、このコーデックス記事で詳しく説明されているコア WordPress 関数を使用して、新しいカスタマイザー オプションを追加できます… https://codex.wordpress.org/Theme_Customization_API



  13. ジェリー、2015年7月6日午後10時04分

    こんにちは、ジャスティン
    新しいバージョンが一般リリースされる日付を教えていただけますか?

    ありがとう、ジェリー



    • デイブ、2015 年 7 月 6 日午後 11 時 45 分

      こんにちは、ジェリー。これについては記事で取り上げていますが、できれば今週中に取り上げます。 – ジャスティンも、上記の返信で 6 日に発表されると思ったときに私を訂正してくれました。
      乾杯、デイブ



      • ジェリー、2015 年 7 月 7 日午前 2 時 37 分

        こんにちはデイブ、はい、私の希望は6日までに積み上げられているので、早ければ早いほど良いです!楽しみにしています

        ジェリー



        • ジャスティン・ブサ、2015 年 7 月 7 日午前 9 時 44 分

          こんにちは、ジェリーさん

          混乱を招いて申し訳ありません。これは一両日以内にリリースできると思います。乞うご期待!

          ジャスティン



  14. ジャスティン・ブサ、2015年7月8日午後10時20分

    アップデートはライブです!ご質問がある場合や問題が発生した場合はお知らせください。詳細については変更ログを必ずご確認ください… https://www.wpbeaverbuilder.com/change-logs/



  15. ジェフリー・ゴードン、2015 年 7 月 9 日午前 2 時 42 分

    君たちはどんどん素晴らしくなっていくよ。ビーバービルダーのテーマが大好きです。新しい調整は間違いなく役立ちます。御社の製品に投資したことが何度も報われてとてもうれしく思っています。



    • ジャスティン・ブサ、2015 年 7 月 9 日午前 9 時 41 分

      優しい言葉をありがとう、ジェフリー!



  16. クリス、2015 年 7 月 16 日午前 9 時 42 分

    ベータ版のコピーはどこで入手できますか?



    • ロビー・マッカラー、2015 年 7 月 16 日午前 9 時 54 分

      こんにちは、クリス!ベータ版のテストにご協力いただきありがとうございます。実際には、これらすべての機能を備えたテーマのアップデートをすでにリリースしています。将来的には、このブログまたは Twitter でベータ版を発表します。



私たちのニュースレター

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

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

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

Beaver Builder