[ 解決済 ] オフセット背景のブロックパターンを配置した中にツイッター埋め込みができない
[ 解決済 ] オフセット背景のブロックパターンを配置した中にツイッター埋め込みができない
- このトピックには6件の返信、3人の参加者があり、最後に
により2年、 1ヶ月前に更新されました。
-
投稿
-
■ 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してあります。【原因】
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
うなこ 様
ありがとうございます。<div>Tweets by アカウント <script async src=”https://platform.twitter.com/widgets.js” charset=”utf-8″></script></div>
上記のように<div>で囲んで
.vk-bg-offset>.wp-block-group__inner-container>div {
z-index: 0;
}提示していただいた上記CSSを付与してあげることで応急的に表示できるようになりました。
他の方法など検討してくださるとのこと、感謝申し上げますm(__)m
うなこ 様
ありがとうございました。株式会社ベクトル様から公式として回答がないようなので、
オフセット背景のブロックパターンを配置した中においては、公式では対応していないと理解しました。CSSで表示の重なり順を調整することで解決、理解致しましたm(__)m
- このトピックに返信するにはログインが必要です。
