【Cocoon】コクーンサイドバーにTwitter！簡単！

2021年2月11日

アフィンガーとCocconでブログ作成をしています。

今回の内容は、

ねろり

CocconのサイドバーにTwitterを表示させたい！

です。

こういうの、ですね。

この記事は、こんな方におすすめ

今日のやることリスト

では、さっそくやってみましょう！

Twitterでの作業

１.　Twitter Publishにアクセスして、トップ画面に自分のTwitterアドレスを入力します。「→」をクリックし、次画面に進みます。

２.　次画面です。

「Embedded Timeline」を選択します。

３.　「set customization options」を選択し、オプション画面を開きます。

４.　オプション画面で「高さ」の調整をします。Heightの枠に、400と入力してみます。

すぐ下に、見た目が表示されてきますが、ざっくりです。最終的にアップした後、微調整しましょう。

５.　調整し終わったら、「Update」をクリックします。

６.　高さを変えたことで、コードも変わっています。

「Copy Code」をクリックしコードをコピーします。

１.　『ダッシュボード』　→　『外観』　→　『ウィジェット』　→　『カスタムHTML』を選択します。

２.　『カスタムHTML』のプルダウンから、『サイドバー』を選択して、『ウィジェットを追加』をクリックします。

３.　『サイドバー』の中に『カスタムHTML』が入りました。『内容』の中に、先ほど取得したコードを貼り付け、保存をクリックし、完了をクリックします。

４.　完了です。きちんと表示されているか、確認します。

うれしい！

いかがでしょう。簡単に表示させられましたよね！

少しづつ、自分のブログをかっこよくしていきましょう！

ねろり

お役に立てれば幸いです。