詳細を、ブログで表現して、埋込んでいます。

・ブログの｢埋め込み｣

 <iframe src="**URL**" width="100%" height="450px"></iframe>

②　ブログのトップバー（ページの最上段と同じ）

③　ブログテーマと、投稿日時(試合の日時)

④　ブログのタイトル『京大 〇● ＊-＊ 対戦校 』

⑤　写真(1:1､580px)　Facebook表示写真

　　…　　…　　…

⑥　リンクボタン→ オリジナル記事(説明文と写真､Facebook/Post)に、リンクします。　詳細を参照する時に、クリックして下さい。 下記が表示されても、無視して下さい。 

⑦　リンクボタン→ 京大ホッケー部のＳＮＳに、リンクします。

⑧　Facebookでの説明文

⑨　ブログのテールバー（ページの下段と同じ）

詳細を、ブログで表現して、埋込んでいます。

・ブログの｢埋め込み｣

 <iframe src="**URL**" width="100%" height="450px"></iframe>

②　ブログテーマと、投稿日時(試合の日時)

③　ブログのタイトル『京大 〇● ＊-＊ 対戦校 』

④　写真(16:9､240px)

　　…　　…　　…

⑤　リンクボタン→ オリジナル記事(説明文と写真､Facebook/Post)に、リンクします。　⑥が表示され無い場合とか、詳細を参照する時に、クリックして下さい。 下記が表示されても、無視して下さい。 

⑥　Facebook</>埋込データ(写真､説明文)　⚠️ 表示され無いケースが発生します。　埋込み画像は､それなりの負荷ですので､ゆっくりと操作して頂ければ､観れるようです。（パソコン(i5､WiFi)では､問題なく表示されますが､スマホ(sd665､WiFi)では､同じページでも､開くタイミングでは観れ無くなるケースが有ります）

　⑤リンクボタンでクリック参照して下さい。

⑦　ブログのテールバー（ページの下段と同じ）

①～②の間　ブログのトップバー（ページの最上段と同じ）

　　…　　…　　…

【facebook】</> 埋込コード例

<iframe src="https://www.facebook.com/plugins/post.php?href=https%3A%2F%2Fwww.facebook.com%2FfhOB.s42.44%2Fposts%2F3164410460544330&show_text=true&width=500" width="500" height="795" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowfullscreen="true" allow="autoplay; clipboard-write; encrypted-media; picture-in-picture; web-share"></iframe>

　　…　　…　　…

⚠️⚠️ width=100％ に、変更

・３分割コラム､フルサイズ表示

・４分割コラム､左側 ２/３

・５分割コラム､左側 半分