[ 解決済 ] オフセット背景のブロックパターンを配置した中にツイッター埋め込みができない

VWSとは フォーラム Lightning [ 解決済 ] オフセット背景のブロックパターンを配置した中にツイッター埋め込みができない

[ 解決済 ] オフセット背景のブロックパターンを配置した中にツイッター埋め込みができない

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

    webfactoryjp
    参加者

    ■ WordPress のバージョン
    5.8.1

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

    ■ テーマの種類
    Lightning ( G3 ) + Lightning G3 Pro Unit

    ■ テーマのバージョン
    14.11.12

    ■ Pro Unit のバージョン
    0.12.2

    ■ スキンの種類
    Evergreen

    ■ スキンのバージョン
    バージョン 0.1.0

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

    ■ 期待する動作
    オフセット背景のブロックパターンを配置した中にツイッターのタイムライン埋め込みたい。
    VKブロックの中では、ツイッタータイムラインは表示できない仕様でしょうか?
    vkブロックの外なら同じコードで埋め込みできています。

    ■ 自分で試した事
    オフセット背景のブロックパターンを配置した中にツイッターのタイムライン埋め込みができない。

    ツイッターの埋め込み法としては
    (1)WordPressのブロックの「埋め込み」カテゴリーから、「Twitter」を選択し埋め込み
    (2)カスタムHTMLでhttps://publish.twitter.comで生成したコードを埋め込み
    の二つで試した。

    ■ 症状が発生するブラウザ
    Google Chrome

    ■ 実際の症状
    上記の方法を利用し下記の場所に設置してみた。

    (a)ブロックパターンの中に配置したが表示されない
    (b)ブロックパターンの外に配置したほうは正常表示

    ■ その他特記事項
    ※サーバー設定WAFはOFFしてあります。

    #59740

    webfactoryjp
    参加者

    ツイッタータイムラインだけではなく、カスタムHTMLで作成した単純なソースコードも表示できませんでした。

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

    webfactoryjp
    参加者

    プラグイン「Lightning G3 Pro Unit」を無効化すると、
    カスタムHTMLの内容が表示されました。

    #59745

    うなこ
    モデレーター

    【原因】
    Evergreenスキンのパターンのオフセット背景を使用すると、背景の後ろ側に隠れてしまっている状態だと思われます。

    応急処置的ですが、以下のCSSを追加CSSなどに入れていただくとTwitterの埋め込みは見えるようになると思います。

    .vk-bg-offset>.wp-block-group__inner-container>div {
    z-index: 0;
    }

    引き続き考えてみます。

    https://github.com/vektor-inc/lightning-g3-evergreen/issues/22

    • この返信は3週、 6日前にうなこが編集しました。
    • この返信は3週、 6日前にうなこが編集しました。
    • この返信は3週、 4日前にVektor,Incが編集しました。
    #59751

    webfactoryjp
    参加者

    うなこ 様
    ありがとうございます。

    <div>Tweets by アカウント <script async src=”https://platform.twitter.com/widgets.js&#8221; charset=”utf-8″></script></div>

    上記のように<div>で囲んで

    .vk-bg-offset>.wp-block-group__inner-container>div {
    z-index: 0;
    }

    提示していただいた上記CSSを付与してあげることで応急的に表示できるようになりました。

    他の方法など検討してくださるとのこと、感謝申し上げますm(__)m

    #59871

    webfactoryjp
    参加者

    うなこ 様
    ありがとうございました。

    株式会社ベクトル様から公式として回答がないようなので、
    オフセット背景のブロックパターンを配置した中においては、公式では対応していないと理解しました。

    CSSで表示の重なり順を調整することで解決、理解致しましたm(__)m

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