ブログのカスタム

Twitterのタイムラインをサイドバーに表示する方法【図解あり!】

f:id:soul-vibration:20170730200240j:plain

こんにちはユレオです!

いろんな方のブログを見ているとサイドバーにTwitterのつぶやきが表示されているのを見たことないでしょうか?

ちょうどこんな感じのものです。

f:id:soul-vibration:20170730190029j:plain

これはTwitterのタイムラインウィジェットと言います。

サイドバーにTwitterのつぶやきが表示されるのでTwitterを積極的に利用されている方には面白いカスタムだと思います。

ユレオはTwitterをまだあまり理解できていませんが、勉強の為にもサイドバーにTwitterのタイムラインウィジェットの導入を行いました。

今日はサイドバーにTwitterのタイムラインウィジェットを追加する方法のご紹介です。

●スポンサーリンク


設定手順1 Twitterのタイムラインウィジェットの作成

1:Twitterのタイムラインウェジットの作成ページに行きます。

2:Twitterにログインします。

メールアドレスとパスワードを入力してログインを押してください。

f:id:soul-vibration:20170730191648j:plain

3:Twitterのタイムラインウェジットをカスタムします。

各項目に従って進めてください。

f:id:soul-vibration:20170730192942j:plain

設定が必要なのは以下の通りです。

①:検索クリエの指定。サイドバーに掲載したいTwitterアカウントを入力します。

(例:@tamashii_yusa)

*自分のアカウントでなくてもタイムラインウィジェットは作成できます。

②:高さの設定。サイドバーのサイズに合わせて入力してください。

③:テーマの設定。「明るい」と「暗い」が選択できます。

プレビューで内容を確認して問題がなければ「ウィジェットを作成」を押します

4:プレビューの下にコードが表示されるのでコピーします。

f:id:soul-vibration:20170730193836j:plain

スポンサーリンク

設定手順2 はてなブログ画面

1:はてなブログの デザイン→カスタマイズ→サイドバー→モジュールを追加を押します。

f:id:soul-vibration:20170702100925j:plain

2:モジュールの追加で各種設定を行います。

f:id:soul-vibration:20170730135854j:plain

①:モジュールをHTMLにする。

②:タイトルを入力。

(例:Twitter)

③:「ウィジェットを作成」でコピーしたコードを張り付ける。

3:画面を切り替えるとサイドバーに「Twitterウィジェット」が表示されます。

f:id:soul-vibration:20170730190029j:plain

以上で終了です。

TwitterのタイムラインウィジェットがブログにあるとなんとなくですがTwitterとブログが連動しているように感じます。

タイムラインウィジェットのコードはHTMLなのでサイドバーに限らず、自由な場所に配置できます。

Twitterユーザーの方はぜひとも導入してみてはいかがでしょうか。

●スポンサーリンク


おすすめのアフィリエイトASP ベスト3

「ASP(アフィリエイト・サービス・プロバイダ)」とは、アフィリエイトの広告主とブログ運営者を繋ぐ仲介業者のことで、ブログ運営で広告などを掲載するにはASPに登録する必要があります。そうしたASPは数多くありますが、初心者向けのおすすめのASPをご紹介いたします。

1位 A8.net

A8.netは広告主数が豊富で、ブログを始めたばかりの方もwebサイトやブログを登録できますし、手続きも簡単でアフィリエイトを手軽に始めることができます。

また、A8.netでは「セルフバック」が充実しており、自分で商品の購入やサービスを利用できるので、レビュー記事が書きやすい特徴もあります。
 
総合
商品種類
初心者向け

A8.netの詳細ページはこちら

 
2位 もしもアフィリエイト

もしもアフィリエイトはブログ運営の初心者でも成果を上げられるように詳しく書かれたマニュアルがあるなど、「ブログ運営初心者に対して嬉しいサービス」が充実しています。

また、Amazonアソシエイトと楽天アフィリエイトをまとめれるので管理がしやすく、W報酬制度やプレミアム報酬などの独自の報酬制度があります。
 
総合
商品種類
初心者向け

もしもアフィリエイトの詳細ページはこちら

 
3位 バリューコマース

バリューコマースはYahooショッピングでの報酬の取りまとめに力をいれていたり、スマートフォン向けのオーバーレイ広告が掲載できます。

また、メルカリなどのバリューコマースにしかない広告案件があり、ンのASPがすでにあったとしても広告案件の隙間を埋めたり、登録しておいて損はありません。
 
総合
商品種類
初心者向け

バリューコマースの詳細ページはこちら

スポンサーリンク