Tumblr Twitterウィジェットを追加する方法

Pocket

Tumblrカスタマイズ Twitterウィジェットを追加する方法

Tumblrでは多くのテンプレートが用意されており、その中から好きなデザインを選んでページを表示することができます。

ただ、デザインは良くても機能を追加したい場合などは独自タグを使用する必要があります。このページではTwitterウィジェットをTumblrに追加する方法を紹介します。

TumblrにTwitterウィジェットを追加する方法

ここではサイドバーにTwitterを設置してみます。サイドバーの作り方はTumblrにサイドバーを作る方法を参考にしてみて下さい。

サイドバーを設置するとこのような感じになっています。
Tumblrにサイドバーを設置する

ここにTwitterウィジェットを設置します。方法は非常に簡単。Twitterウィジェット作成ページでウィジェットを作り、コピーしたコードを貼付けるだけ。

<!-- サイドバー -->
<section id="side" style="display:inline-block;width:30% !important;vertical-align: top;">
    
    <!-- ここにコードを貼付け -->

</section>

TumblrにTwitterウィジェットを設置する
あとはレイアウトや表示する位置を修正すれば、好きな位置にTwitterウィジェットを配置できます。