[ 解決済 ] VK Blocksを有効化するとCocoonのヘッダー幅が変わってレイアウトが崩れてしまう

VWSとは フォーラム VK Blocks・Pro [ 解決済 ] VK Blocksを有効化するとCocoonのヘッダー幅が変わってレイアウトが崩れてしまう

[ 解決済 ] VK Blocksを有効化するとCocoonのヘッダー幅が変わってレイアウトが崩れてしまう

  • このトピックには3件の返信、3人の参加者があり、最後にM Yにより1年、 4ヶ月前に更新されました。
4件の投稿を表示中 - 1 - 4件目 (全4件中)
  • 投稿者
    投稿
  • #69811

    M Y
    参加者

    ■ WordPress のバージョン
    6.0.2

    ■ テーマ・プラグインは全て最新版で確認してください。
    確認しました。

    ■ 子テーマをご利用の場合は親テーマに変更して症状が改善するか確認してください。
    確認しました。

    ■ テーマの種類
    その他

    ■ 関連しそうなプラグインを一つづつ停止して症状が改善するか確認してください。
    確認しました。

    ■ プラグインの種類・バージョン
    VK Blocks 1.43.0.2
    Cocoon 2.4.9

    ■ 期待する動作
    Cocoonのレイアウトが崩れないこと。
    もしくは以前にあったカスタマイザーでのBoostrapSettingの復活

    ■ 自分で試した事
    プラグインのON/OFFやCSSで何とかならないものかなー・・と試しつつ、毎回やるのも面倒でCocoonの場合はVKBlocksを使わない方向になりました。

    ■ 症状が発生するブラウザ
    firefox Microsoft Edge Chrome

    ■ 実際の症状
    いつもありがとうございます。
    長年、気になっていたことがあったのでシェアさせていただきます。

    ブロックエディタを使うようになって「VK Blocks」が大変便利で手放せなくなりましたが、Lightningと同じくらい人気のCocoonを使う際、「VK Blocks」を有効化するだけで、Cocoonのヘッダー幅が縮んでしまいます。

    そもそも「VK Blocks」は御社のthemeと相性が良いもので、他社themeとは100%動作保証はされないものでしょうし、どんなthemeとも干渉しあってしまうもの、というのは理解しつつも、

    「有効化」するだけで、サイトのヘッダー(大事な部分)のレイアウトが変わってしまうので、どうしたものか・・と思っています。

    調べましたら、この現象を記事にしているサイトを見つけまして、これが2年前の記事です。

    コクーンのヘッダーのサイズが狭くなる原因はこれだった!

    この記事に書かれていたように、以前はカスタマイザーからBoostrapをOFFにすれば直ったのですが、「VK Blocks」は確かどこかのバージョンのタイミングでカスタマイザーからの設定ができなくなりましたよね。

    それ以降、「Cocoon」×「VK Blocks」の組み合わせは相性が悪いものとして認識していますが、ただ、やはり「有効化」するだけでこのようになってしまうのは勿体ないような気もしています。

    対応策や今後バージョンアップの際の参考になれば・・と思っています。

    ■ その他特記事項
    VK BlocksもCocoonも最新バージョンでも確認しましたが、実はずっと以前から同じ状況でした。

    #69817

    Vektor,Inc
    キーマスター

    貴重なご意見ありがとうございます。
    今回の頂戴致しましたご意見は社内で検討させていただきます。

    ※可能な限り検討させていただきたく思いますが、
    検討し実装して初めて分かることもあるため、全てを実装することは難しい場合もございます。

    今後とも弊社製品をよろしくお願いいたします。

    https://github.com/vektor-inc/vk-blocks-pro/issues/1439

    #69821

    Cocoon + VK Blocks の組み合わせのサイトを持っていますが、以下の CSS でヘッダーの表示くずれを解消できています。

    .container.cf {
        max-width: unset;
    }

    すべての Cocoon サイトでうまくいくかどうかわかりませんが、お試しください。

    #69826

    M Y
    参加者

    対馬さま

    いつもありがとうございます!

    早速試してみました。

    できました(^^)/

    「VK Blocks」内のすべてのパーツの動作確認はしておりませんが、
    取り急ぎヘッダーが縮むのは改善されました!

    ありがとうございます。

    とはいえ、その他の方もCocoon + VK Blocks の組み合わせは
    あると思いますので、プラグイン側で実装できたら最高ですね!

    ベクトルさん..よろしくお願いします!^^

4件の投稿を表示中 - 1 - 4件目 (全4件中)
  • このトピックに返信するにはログインが必要です。