Pages

0

twitterアカウント作ってみました。

いろんなブログを見ていると、気になるブログはtwitterのアカウントを開設している方が大半だったので、その方々のフォローをしたいと思いアカウントを作りました。
せっかくなので、記事にするほどでもないわたしの小さな思考についても記録していきたいなと思っています。

blogに埋め込むには

Twitter Publishを利用して、blogに埋め込むことができます。
  1. twitterのurlをテキストボックスに入力
  2. →ボタンをクリック
  3. "That's all we need, unless you'd like to set customization options."の下のテキストボックスをクリック
  4. Copied!というポップアップが表示されればコピー完了です。
以上により生まれたコードを実際表示したい部位に埋め込みます。
実際のわたしのコードは以下の通りです。
<a class="twitter-timeline" href="https://twitter.com/i__krsgt?ref_src=twsrc%5Etfw">Tweets by i__krsgt</a> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

ガジェットへの設定方法

レイアウト→ガジェットを追加でblogに埋め込むことができます。

  1. HTML/Javascriptを選択

  2. コンテンツのテキストボックスにコードを張り付けて保存すれば完了です。

その他の微調整

創kenブログさんを参考に、微調整を行っています。

  • 長々と表示されるのは好みではなかったので、高さを設定しました。
  • ヘッダー、フッターを非表示にしました。
  • ラインの色を白にしました。
シンプルに自分の好みにデザインが変えられるのメリットですね。

最後に、実際に組み込んだコードの紹介です。
<a class="twitter-timeline" href="https://twitter.com/i__krsgt?ref_src=twsrc%5Etfw"  height="300px" data-chrome="noheader nofooter" data-border-color="#ffffff">Tweets by i__krsgt</a> <script async="async" src="https://platform.twitter.com/widgets.js" charset="utf-8" ></script>

0 件のコメント:

コメントを投稿