AFFINGERカスタマイズ

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

2022年1月3日

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

 

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

 

 

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

 

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

 

 

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

本記事の信頼性

\当サイト限定特典付き/

AFFINGER申し込む

※AFFINGERで稼ぐ

 

 

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

 

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

 


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

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


  • ツイッターからコピー

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


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

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


 

 

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

 

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

 

 

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

こんな感じ

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

こんな感じ

 

 

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

 

 

 

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

 

 

 

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

 

 

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

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

これは決してください。

 

 

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

 

しかも、

このテキストは最後に消して下さい(30%)

このテキストは最後に消して下さい(70%)

 

 

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

 

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

 

\当サイト限定特典付き/

AFFINGER申し込む

※AFFINGERで稼ぐ

 

 

広告1

広告2

-AFFINGERカスタマイズ
-, , , ,