PR

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

COCOON使いこなし術
記事内に広告が含まれています。

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

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

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

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

つりふぁす
つりふぁす

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

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

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

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

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

3「2カラム」が表示される

水色と橙色の枠です。

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

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

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

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

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

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

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

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

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

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

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


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

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

ではまた👋👋

コメント

タイトルとURLをコピーしました