【Cocoon知識０でもできる】Twitter(X)を横並表示させる方法

こんにちは、ブログ歴2年のつりふぁす(@steady_tk)です。

といってもほぼ放置していたこのブログ。

最近やっと再開し記事を書いているのですが、ちょいちょい いろんな壁にぶち当たってます。

本記事ではツイッターの記事を2つ横並びにする方法を備忘録代わりに残しておきます。

つりふぁす

全て「COCOON」の標準機能で可能ですよ

手順１ 「＋」 にカーソルを合わせ「ブロック追加」をクリック

２「すべて表示」から「２カラム」を選択する

「２カラム」は画面左、一番下までスクロールすると見つかります。

「 COCOONレイアウト 」と言うところに分類されています。

３「２カラム」が表示される

水色と橙色の枠です。

４Twitter画面上で「ツイートを埋め込む」をクリック

５「コードをコピーする」をクリック

クリックしたらコード（URL）がコピーされます。

６「２カラム」の左右どちらかに「カスタムHTML」を表示させる

この作業は「手順４」の直後に行ってもOKです。

７コピーしたコードを「カスタムHTML」にペーストする

例としてまずは左側にペーストしました。

８「プレビュー」でTwitterの投稿を確認できます

片方だけに埋め込んだ状態です。このような画面になります⬇️左側に表示されていますよね。

９もう片方のカラムにも同様の作業でツイートのコードをコピペで完了

同じ作業を右側のカラムにも行い、2つ並べた状態です。これで左右に表示されましたよね。

以上、難しい知識も必要とせず、誰でも簡単に横並びのTweetを表示させることができます。

皆さんも試してみてください。

ではまた👋👋