サイドバーにTwitterのタイムラインを載せる方法(cocoon)

仕事
この記事は約3分で読めます。

cocoonでサイドバーにTwitterのタイムラインを載せる方法です。
サクッと終わらせましょう!

この記事がおすすめな人
  • ブログのサイドバーにTwitterのタイムラインを載せたい方
  • 時間をかけずにサクッと終わらせたい方
  • プラグインは使いたくない方

サイドバーへのTwitter掲載手順

サイドバーへのTwitter掲載手順は10ステップ。

  1. Twitter Publishへアクセス
  2. TwitterのURLを入力
  3. オプションを選択
  4. サイズを編集
  5. コードをコピー
  6. wordpressを開く
  7. 「外観」→「ウィジェットを追加」
  8. 「HTML」を選択
  9. タイトルを記入し、コピーしたコードを貼り付け
  10. \完了!/

一つずつみていきます。

Twitter Publishへアクセス

まずはTwitter Publishへアクセス。
こんな画面が開くので


ご自身のTwitterアドレスを入力します。

TwitterのURLを入力

URLはこちら、赤枠の箇所。コピーしちゃいましょ。

オプションを選択

先程の画面に戻り、URLをペーストしてenter。
すると次の画面が表示されます。

左側の「Embedded Timeline」を選択。

サイズを編集

するとスクロールされるので赤枠内の「set customization options」を選択。

サイズを決定

後で編集できるのでとりあえずサイズを編集。
私はサイドバーにいろいろ掲載しているため200。
(適当で大丈夫です。)

「update」をクリック。

コードをコピー

「copy code」が表示されるのでクリック。

コピーできると次の画面。

wordpressを開く

そのままwordpressを開きます。
管理者メニューから「外観」→「ウィジェット」を開き、「カスタムHTML」をクリック。

「外観」→「ウィジェット」→「カスタムHTML」

「サイドバー」にチェックを入れ、「ウィジェットを追加」をクリック。

タイトルを記入し、コードを貼り付ける

タイトルに「Twitter(任意)」を入力し、内容に先ほどのコードをペッ(ペースト)。

「完了」をクリック。

wordpressで表示を確認

無事完了。

以上です。

補足)高さの調整

貼り付けたTwitterのTLの高さを調整する場合は、先ほど貼り付けたコードの数値を変更してください。(↓ココ!)


\おわり/

ブログにTwitterのタイムラインを載せよう!

以上!ブログサイドバーへのTwitterタイムライン表示方法を解説しました。
今やブログをやるならSNSは必須。
ブログからTwitterをフォローしてくれる方もいらっしゃるので、ぜひ掲載しましょう!

わい
わい

それでは!あとからねー

今日のカタログ
  • ブログをやるならSNSを使おう!
  • ブログへのTwitter TL掲載は5分で完了!
  • プラグイン不要!

コメント