このブログの作り方

WordPressブログ 表示ツイート数調整 data-tweet-limit=

悩んでいる人

コードの知識ZEROの私ブログのTwitterの表示がどうしても許せなくて

頑張って思い通りの表示にカスタマイズ成功させるまでの物語です。

WordPressブログに表示するツイート数を調整してみました。

調整というか、私の場合はブログに表示されるツイート数を減らしたかったです。

私のブログでは、現在最新の3つのツイートのみが表示される状態です。

調整前はサイドバーにダラダラと10件以上のツイートが表示されている状態でした。

こんなの誰も見ませんし。

Twitterやってる感だけ伝われば十分なので。

サイドバーにツイート表示まではできているという前提で、そこからのカスタマイズのお話になります。

 

WordPressブログに表示するツイート数を調整

 

私は有料ワードプレステーマであるアフィンガー を使用しています。

テーマが何であれここは関係ないはずです。

アフィンガー ではサイドバーウィジェットの編集からカスタムHTMLでこの画面です。

サイドバーにツイート表示まではできているなら一度はコピペしてるはず。

 

 

 

最上段の  data-tweet-limit="3"  が

 

   data-tweet-limit="ツイート数"

 

となっており

タイムラインに表示するツイートの数を指定 

するところになります。

 

data-lang="en"

data-theme="dark"

は、とりあえずは無視してください、無くても問題ないです。

別のカスタマイズです。

 

そこまでは割とすんなり進んだのですが

『data-tweet-limit=』

で検索して調べた上で、何回かコードに埋め込み試すもエラーが出てしまう…

そんな中、うまくいかない原因が判明。

 

"twitter-timeline" と data-tweet-limit="3"

の間にスペースを入れるだけ…

 

スペースがないとエラーになる。

なぜか上手くいかない時もあり、矢印キー使って慎重に埋め込みました。

それでうまくいきました。

コードの知識ZERO ですから、多少もたつくのは仕方ないところです。

調子に乗って

data-lang="en"  data-theme="dark" でさらにコードをカスタマイズしてしまいました。

ちょっと見た目が変わる程度ですが、なんかやってる感が出た感じで満足。

 

参考にしたサイト記事はコチラです。

https://www.howtonote.jp/twitter/embed/index2.html

いやこうゆうサイト作ってくれる方、ほんとありがたいです。

 

予備知識ゼロでもできました!

結果はこんな感じの表示になりました!

満足です

  • この記事を書いた人
MAIZER

MAIZER

アラフォーの会社員トレーニー YouTubeで独学で学びジムで実践中です とにかくデカくなりてぇんだ ウェイトトレーニングがほぼ100% こだわりは独学トレ、時短トレ、YouTubeトレ 背中強化中! デッドリフト大好き、アイコンもデッドリフト!

-このブログの作り方

© 2021 MAIZER BLOG Powered by AFFINGER5