![【WordPress】Twitter新規アカウント作成から、サイドバーにTwitterタイムラインを表示する方法のアイキャッチ画像](https://tabebaka.com/wp-content/uploads/2020/04/twitter-add-eye-catching-min.jpg)
![](https://tabebaka.com/wp-content/uploads/2020/04/tabebaka-fukidasi3.png)
本記事でわかること
Twitter新規アカウント作成する方法
WordPressでサイドバーにTwitterタイムラインを表示する方法
Twiiterアカウントを作成する(パソコン版)
まず、Twitterにアクセスします。
step
1ログイン画面
![ツイッターのログイン画面で「パスワードをお忘れですか? - アカウント作成」をクリックします。](https://tabebaka.com/wp-content/uploads/2020/04/twitter-login.jpg)
「パスワードをお忘れですか? - アカウント作成」をクリックします。
ここから新規アカウントを作成していきましょう。
※既にアカウントをお持ちの方は、こちらからお読みください。
step
2アカウントを作成
![アカウント作成画面で、名前と電話番号またはメールアドレスを入力する](https://tabebaka.com/wp-content/uploads/2020/04/twitter-account-edit.jpg)
名前にツイッターネームを入力しましょう。
電話番号、または「かわりにメールアドレスを登録する」をクリックして登録しましょう。
step
3環境をカスタマイズする
![Twitterの環境をカスタマイズするで次へをクリックする](https://tabebaka.com/wp-content/uploads/2020/04/twitter-environment-min.jpg)
特に設定することはありません。
次へをクリックします。
step
4ステップ3/5 アカウントを作成
![Twitterアカウントで登録するをクリックする](https://tabebaka.com/wp-content/uploads/2020/04/twitter-account-register.jpg)
登録するをクリックします。
step
5認証コードを送信しました
![ショートメールまたはメールアドレスへ届いたショートコードを入力します](https://tabebaka.com/wp-content/uploads/2020/04/twitter-certification-code2-min.jpg)
先ほど登録した電話番号、またはメールアドレス宛に認証コードが届きます。
届いた認証コードを入力して、次へをクリックします。
step
6パスワードを入力
![Twitterのパスワードを入力します](https://tabebaka.com/wp-content/uploads/2020/04/twitter-password-input-min.jpg)
任意の6文字以上の英数字でパスワードを入力します
step
7プロフィール画像を選ぶ
![Twitterのプロフィール画面で次へをクリックする](https://tabebaka.com/wp-content/uploads/2020/04/twitter-profile-min.jpg)
今はしないをクリックする。
※または、カメラをクリックしてプロフィールに使用する画像を選択しましょう。
step
8自己紹介
![Twitterのプロフィール文があれば入力します。](https://tabebaka.com/wp-content/uploads/2020/04/twitter-profile-sentence-min.jpg)
今はしないをクリックします。
※自己紹介文があれば入力しましょう。
※次に「アドレス帳をアップロードして友だちを探しますか?」と聞かれることがあるようです。今はしないをクリックしましょう。
step
9興味のあるトピックを選ぶか、検索して追加してください
![Twitterで興味のあるトピックを選ぶか、検索して追加してくださいで今はしないをクリックする](https://tabebaka.com/wp-content/uploads/2020/04/twitter-topics-min.jpg)
今はしないをクリックします。
※興味のあるトピックがあれば追加しましょう。
step
10おすすめアカウント
![Twitterのおすすめアカウントで次へをクリックします。](https://tabebaka.com/wp-content/uploads/2020/04/twitter-recommended-account-min.jpg)
次へをクリック
![Twitterアカウント作成完了です](https://tabebaka.com/wp-content/uploads/2020/04/twitter-account-complete-min.jpg)
お疲れさまでした。
これでTwitterアカウントの完成です。
Twitterのタイムラインコードを取得
![Twitterのプロフィールボタンをクリックします。](https://tabebaka.com/wp-content/uploads/2020/04/twitter-profile-click-min.jpg)
プロフィールをクリックします。
![Twitterのプロフィール画面のURLをコピーします。](https://tabebaka.com/wp-content/uploads/2020/04/twitter-profile-url-copy-min.jpg)
プロフィール画面のURLをコピーします。
![こちらのサイトでコピーしたURLを貼付けます](https://tabebaka.com/wp-content/uploads/2020/04/twitter-profile-url-paste-min.jpg)
https://publish.twitter.com/#へアクセスして、コピーしたURLを貼り付けてEnterキーを押します。
![Embedded Timelineを選択します。](https://tabebaka.com/wp-content/uploads/2020/04/twitter-Embedded-Timeline-min.jpg)
Embedded Timelineをクリックします。
![Set customization optionsをクリックします。](https://tabebaka.com/wp-content/uploads/2020/04/twitter-Set-customization-options-min.jpg)
Set customization options.をクリックします。
![サイドバーに挿入するタイムラインのサイズと言語を入力して、表示サンプルを確認する](https://tabebaka.com/wp-content/uploads/2020/04/twitter-timeline-sample-min-1.jpg)
- What size would you like your timeline to be?
Height(px)(高さ)とWidth(px)(幅)を入力します。
- What language would you like to display this in?
Automatic ⇒ Japanese に変更します。
下部にサイドバーに表示するタイムラインのサンプルが表示されます。
よろしければUpdateをクリックしましょう。
参考
サイドバーの横幅を確認する方法
![ブログのサイドバーのサイズを確認する方法](https://tabebaka.com/wp-content/uploads/2020/04/side-bar-Width-check-min.jpg)
- 確認したいページを開き、F12キーを押してChromeのデベロッパーツール(検証機能)を立ち上げる。
- 矢印アイコンをクリック後、サイドバーをクリックして選択する。
- 右下のウインドウを下にスクロールして、横幅を確認しましょう。
画面の右にデベロッパーツールがある場合は、「︙」を選択します。
Dock sideを右から2番目のアイコンに変更して、デベロッパーツールを下側に移動しましょう。
(横にあると正確な横幅が表示されません。)
![生成したコードをCode copyをクリックしてコピーします。](https://tabebaka.com/wp-content/uploads/2020/04/twitter-timeline-code-copy-min.jpg)
生成されたコードをCopy Codeをクリックしてコピーします
WordPressのサイドメニューにTwitterタイムラインを表示
WordPressの左メニューの外観からウィジェットを選択します。
「カスタムHTML」をサイドバーの表示させたい場所にドラッグして追加します。
「カスタムHTML」の内容に、コピーしたコードを貼り付けます。
保存して完了です。
注意ポイント
保存ボタンをクリックしても保存されない場合は、WAF設定を無効にしてみましょう。
※1 WAF設定を無効にしても、反映までに5~10分ほど時間が必要です。少し待って保存しましょう。
※2 保存が完了したら、必ずWAF設定を有効にしましょう!
ロリポップ!サーバーでは、ユーザーページからWAF設定の変更ができるよ。
お疲れさまでした。
これでサイドバーにTwitterのタイムラインが表示されます。
ブログ仲間を募集しておりますので、よろしければご報告ください。
![](https://tabebaka.com/wp-content/uploads/2020/04/tabebaka-fukidasi3.png)