AFFINGER、ブログ記事内にツイートを横並びに表示するやり方を紹介

ブログ内に埋め込んだツイートを横並びで表示する方法の紹介です。

コードの書き換えや追加などは一切行わずに、AFFINGERのレイアウトを利用して簡単に横並びで表示できます。

こんな感じで、PCで表示される時に横並びで表示されます、スマホの場合は縦に表示されます。

スマホを横向きにすると、２つ並んでの表示になります。

こんなこんじで、２つ並んでの表示になります。

AFFINGERでツイートを横並び表示する方法

３ステップで完了します。

• タグでレイアウト50%を選択

  タグで、レイアウトを作成します。




• ツイッターからコピー

  表示したいツイートをコピーします。




• テキストモードでツイートを貼り付ける

  レイアウトのテキストモードにツイートを貼り付け

step
1レイアウトで左右50%を選択

タグ＞＞レイアウト＞＞全サイズ＞＞左右50%

これを作るのには、これです。

step
2Twitterからブログに載せたいツイートをコピー

step
3レイアウトのテキストモードにツイートを貼り付ける

テキストモードで、左右のツイートを貼り付ける。

このテキストは最後に消して下さい（50%）

これは決してください。

これは、ツイートだけではなく、画像でも横並びでも表示できます。

しかも、

こん感じで、レイアウトのサイズも変更できる。

全て、レイアウトでできるのでいろんなパターンができます。