[ 解決済 ] 利用するテーマやプラグインによっては VK Blocks を有効化するだけでレイアウト崩れを起こす事がある

VWSとは フォーラム VK Blocks・Pro [ 解決済 ] 利用するテーマやプラグインによっては VK Blocks を有効化するだけでレイアウト崩れを起こす事がある

[ 解決済 ] 利用するテーマやプラグインによっては VK Blocks を有効化するだけでレイアウト崩れを起こす事がある

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

    M Y
    参加者

    ■ WordPress のバージョン
    6.4.1

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

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

    ■ テーマの種類
    その他

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

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

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

    ■ 自分で試した事
    ワードプレスをいじっていて、気が付いたらcol系のレイアウトが崩れていたため、プラグインを一つずつOFFにしていったら、原因がVK Blocksでした。

    proにはしていません。

    使っているTheme(OceanWP)の「関連記事」や「フッターウィジェット」が1~4カラムで選べるもので、col1とcol2が小さく表示されているので不思議に思い、CSSを調べたところ、「VK Blocks」の「boostrap_VK_using.css」の「col-1」と「col-2」のmax-widthのせいでした。

    カスタムCSSに「max-width: unset」とすることで対応しました。

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

    ■ 実際の症状
    いつもありがとうございます。

    「VK Blocks」が大好きでいつも使わせていただいており、御社以外のテーマを使っている際にも、必須のプラグインになっています。
    ありがとうございます。

    使うThemeを色々と試しており、その過程でたまたま発見したのでご報告です。

    個人的には自己解決しており、絶対対応してください!というものではないのですが、報告としてシェアさせていただきます。

    以前もCocoonと使うとレイアウトが崩れる、という報告をさせていただいたことがあるのですが、それと同じで、今回は「oceanWP」にて、カラム系のレイアウトが崩れていました。

    このThemeは、「関連記事」や「フッターウィジェット」でカラム数を設定できるのですが、カラム1とカラム2が異常に小さく表示されてしまいました。

    おかしいな?と思ったので、プラグインをひとつずつOFFにしていったら、「VK Blocks」が原因だということが分かりました。

    CSSの「VK Blocks」「boostrap_VK_using.css」の「col-1」と「col-2」のmax-widthのせいでした。

    カスタムCSSに取り急ぎ「

    .col-1,.col-2,.col-3,.col-4
    {
    max-width: unset
    }

    」とすることで対応しました。
    (※追加することで他に不具合が出ないのか、までは未確認なのですが)

    そもそも「VK Blocks」自体、御社Themeとの併用を推奨されているのでしょうし、他社のThemeとは動作保証はされないでしょう。
    どんなThemeとも干渉が起きてしまうのは致し方ない、というのは理解しつつも、

    有効化しているだけでレイアウトが崩れてしまうので、一見Theme側の設定が悪いのか、アイキャッチの生成が悪いのか、タイトルが長すぎるのか・・?など、原因を追究するのにとても時間がかかってしまうのです。

    BoostrapベースのThemeも多いでしょうし、同じような方も今後出るのではないしょうか。

    対応策や今後バージョンアップの際の参考になれば・・と思い投稿させていただきました。

    Attachments:
    You must be logged in to view attached files.
    #81436

    ご意見ありがとうございます。
    今後の検討課題とさせていただきます。

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

    #81684

    Bootstrap の Grid については 1.66.0 で VK Blocks Pro から削除いたしました。

    #87813

    M Y
    参加者

    対応をありがとうございます!
    このトピックは解決とさせていただきます。

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