Discordコミュニティを作りました! 参加する

フォーラム

トピックを立てる前にチェック
  1. フォーラムガイドライン」に必ず目を通してください。
  2. バージョンアップデート後に表示がおかしくなった場合は、
    「SWELL設定」>「リセット」からキャッシュクリアを先にお試しください。
  3. フォーラム内検索で過去に同じようなトピックがないか検索してみてください。
Twitterのタイムラインの埋め込み...
 
通知
すべてクリア

[解決済] Twitterのタイムラインの埋め込みが表示されなくなりました。

12 投稿
5 ユーザー
2 Likes
7,500 表示
akiya
(@akiya)
投稿: 4
メンバー
Topic starter
 

 Twitterのタイムラインが表示されなくなりました。

「問題が確認できるページのURL」のサイドバーの一番下にコードを書き込んでいます。

投稿、固定ページでも同様に表示されませんでした。

 

以前フォーラムに投稿された際はTwitter側の問題の様でしたが今回は他のテーマでは表示されることが確認できましてどうやらSWELLが原因で起きているのではないかと思いこちらに投稿しました。

 

SWELLを利用しているサイト複数で確認しています。

 

Twitterのjsが生成しているiframeタグのwidthが1pxになっているのが原因の様ですが、なぜ1pxになってしまうのか原因がわかっていません。

PHP、JS共に独自のカスタマイズはしていません。

SWELL設定も全て初期状態にもしました。

プラグインは一度全てアンインストールも試しました。

お手数ですが対策をお教えいただけますと幸いです。

確認項目
利用規約に同意します*, ガイドラインを読み、内容を把握しています*, よくある質問を先にチェック済みです*, 過去に同じようなトピックがないか検索済みです*, WordPress更新後、SWELLは最新版にしましたか?, Googleなどでも検索してみました, プラグインを停止しても同じことが起こることを確認しました, デフォルトテーマ等、他のテーマでも同じことが起こることを確認しました, 自分で追加したコードに問題がないかチェック済みです, サポート範囲外だということを理解しているが助けが欲しい(有料サポートしてくれる方を探したい)
問題が確認できるページのURL
利用中のSWELL本体のバージョン
2.6.8.2
利用中のPHPバージョン
7.4.28
利用中のWordPressバージョン
6.0.1
利用中のサーバー会社
Xサーバー
ブラウザ
chrome,safari
利用中のプラグイン一覧

SEO SIMPLE PACK
Smash Balloon Instagram Feed

 
投稿済 : 20/08/2022 10:29 am
skillsharejp
(@skillsharejp)
投稿: 968
SWELL高速化顧問
 

スクリプト遅延でTwitterは遅延されていますか?

SWELLフォーラムはユーザーフォーラムのため、開発者以外の回答は全て任意です。当アカウントによる回答もボランティアのため、ヒントの提供に留まる場合があります。

ご依頼のご相談・お問い合わせ窓口
https://skillshare.biz/inquiry/

 
投稿済 : 20/08/2022 11:37 am
しらこ
(@96ssbike)
投稿: 834
メンバー
 

遅延読み込みはしていませんが、私がTwitterのタイムラインを埋め込んだら、同じ事象になりました(右側の画像)。

なんでしょうね、これ…。

SnapCrab NoName 2022 8 20 12 1 39 No 00

SWELLカスタマイズ向けの非公式サイトを作りました。何か見つかるかも?→ https://tecchan.jp/swell-tips/
上記以外のWordPress全般向けのナレッジはこちら→ https://tecchan.jp/
疲れたら癒やされてくださいにゃーん (ΦωΦ)

 
投稿済 : 20/08/2022 12:02 pm
了
 
(@loos_ryo)
投稿: 1248
メンバー Admin
 

TwitterのJSによってwidthが1pxにセットされてしまっているようなので、親要素の横幅取得に失敗してそうですね...。

ページ表示時のアニメーションをオフにするとどうなるでしょう?

SWELL開発者です。

 
投稿済 : 20/08/2022 12:10 pm
了
 
(@loos_ryo)
投稿: 1248
メンバー Admin
 

あー、タイムライン表示の仕様が少し変わって、以前に追加していたちらつき防止用のコードとの相性が悪くなってしまったのが原因かもしれません。

次回アップデートで修正しておきます。

取り急ぎですが、以下のCSSをカスタマイザーの「追加CSS」に追記すると改善できると思います。

.twitter-timeline {
    display: flex!important;
}

SWELL開発者です。

 
投稿済 : 20/08/2022 12:18 pm
skillsharejp reacted
akiya
(@akiya)
投稿: 4
メンバー
Topic starter
 

@skillsharejp 

すみません確認が遅くなりました。

遅延機能はオフにしておりました。

 

@96ssbike

代わりにご返答くださりありがとうございます🙇‍♂️

 

@loos_ryo

ページ表示時のアニメーションをオフにしても同じ状況でした。

次回アップデートで修正していただけるとのことありがとうございます🙇‍♂️

また改善方法もありがとうございます。

こちらの方法で改善できることが確認できました🙇‍♂️

ありがとうございます。

 
投稿済 : 20/08/2022 2:42 pm
しらこ
(@96ssbike)
投稿: 834
メンバー
 

@loos_ryo 了さん、ページ表示時のアニメーションは、元々オフにしています🙇‍♂️

また、CSSの

.twitter-timeline {
    display: flex!important;
}

を追記したところ、改善されました。まさに、この通りです(おっしゃる通り、Twitterタイムラインが少し仕様変更になっているのか、表示までの挙動が以前と変わってる気がしますね)。

SnapCrab NoName 2022 8 20 16 57 21 No 00

次回アップデートで改善してくださるとのこと、ありがとうございます。

SWELLカスタマイズ向けの非公式サイトを作りました。何か見つかるかも?→ https://tecchan.jp/swell-tips/
上記以外のWordPress全般向けのナレッジはこちら→ https://tecchan.jp/
疲れたら癒やされてくださいにゃーん (ΦωΦ)

 
投稿済 : 20/08/2022 5:01 pm
yumiv
(@yumiv)
投稿: 4
メンバー
 

全く同じ状況なのですが、Twitterだけでなく、インスタもSpotifyもエラーになります。

 
投稿済 : 20/08/2022 5:55 pm
skillsharejp
(@skillsharejp)
投稿: 968
SWELL高速化顧問
 

@yumiv 解決済みなのとエラー内容が不明なので詳細含めて新規投稿してください。

SWELLフォーラムはユーザーフォーラムのため、開発者以外の回答は全て任意です。当アカウントによる回答もボランティアのため、ヒントの提供に留まる場合があります。

ご依頼のご相談・お問い合わせ窓口
https://skillshare.biz/inquiry/

 
投稿済 : 21/08/2022 12:22 am
了
 
(@loos_ryo)
投稿: 1248
メンバー Admin
 

Twitter埋め込みに関しては2.6.8.3で対応済みです!

SWELL開発者です。

 
投稿済 : 21/08/2022 9:59 am
skillsharejp reacted
しらこ
(@96ssbike)
投稿: 834
メンバー
 

ありがとうございます…!Twitterのタイムライン、修正を動作確認し、問題ありませんでした。

SWELLカスタマイズ向けの非公式サイトを作りました。何か見つかるかも?→ https://tecchan.jp/swell-tips/
上記以外のWordPress全般向けのナレッジはこちら→ https://tecchan.jp/
疲れたら癒やされてくださいにゃーん (ΦωΦ)

 
投稿済 : 21/08/2022 11:06 am
しらこ
(@96ssbike)
投稿: 834
メンバー
 
投稿者:: @yumiv

全く同じ状況なのですが、Twitterだけでなく、インスタもSpotifyもエラーになります。

について、的確な案内(問題解決)のために、 @skillsharejp さんが投稿された通り、新規投稿をお願いします。

現時点では情報が大変不足しています。新規投稿には、問診票のような役割もあります。
解決にあたり、その問診(書かれた内容)が役立つことが多いので、解決を希望する場合には、お手数ですが「新規投稿」をお願いします。

また、おそらくですが、実際にはインスタやSpotifyのこういうエラーが出ることを指していて、今回の事象とは異なる事象かなと思います。

SnapCrab NoName 2022 8 21 11 6 47 No 00

これを解決するためには、多少手間ですが、ブログパーツのカスタムHTMLブロックを使用してコードを埋め込み、保存したブログパーツにはショートコードが発行されますので、そのブログパーツのショートコードを、ウィジェットのカスタムHTMLウィジェットに貼り付ければ解決されると思います。

これとは異なる内容であるなどの場合には、やはりお手数ですが「新規投稿」をお願いします。

SWELLカスタマイズ向けの非公式サイトを作りました。何か見つかるかも?→ https://tecchan.jp/swell-tips/
上記以外のWordPress全般向けのナレッジはこちら→ https://tecchan.jp/
疲れたら癒やされてくださいにゃーん (ΦωΦ)

 
投稿済 : 21/08/2022 3:57 pm
共有: