【Cocoon】素人でもできたサイドバーにTwitter！

ブログを始めて作っているはるゆにが、ぶち当たった壁を乗り越えていきます。

今回は

Twitterをサイドバーにどうやったら表示できるねん？

はるゆに

こんなやつ⇓⇓⇓

素人のはるゆにが出来た方法を紹介します。

はるゆに

※画像などは各ホームページより引用しています。

Twitterでの操作

Twitter Publishでタイムラインに必要なコードを取得する

１、Twitter Publishにアクセスし、トップ画面で自分のTwitterアドレスを入力します。

２、オプションで表示をどのようにするかの選択する。右側の『Embedded Timeline』を選ぶとコードが表示されます。

3、コード右上の『set customization options』を選ぶと表示の設定ができます。

高さの調整は『What size would you like your timeline to be?』の右側の『height』の部分です。

400くらいで入力し『Update』をクリックします。

4、コードが変更されているので、『Copy Code』をクリックしコードをコピーします。

Cocoon側の操作

取得したコードを入力する

1、『ダッシュボード』⇒『外観』の『ウィジット』⇒『カスタムHTML』を選択します。

2、『サイドバー』を選択して、『ウィジットを追加』をクリックします。

3、『サイドバー』のメニューに『カスタムHTML』の中に取得したコードを貼り付け、保存をクリックします。

5、完了です。プレビューで確認します。

【Cocoon】素人でもできたサイドバーにTwitter！のまとめ

今回はブログにTwitterを表示させる方法を紹介させていただきました。

＼ この記事のまとめ ／