sns

Twitterのつぶやきをウィジェットでブログに連携しよう

Twitterのつぶやきをウィジェットでブログに連携しよう

おかえりなさい @okaerinasainet です。

今回のお話はとてもメジャーなことなんですが、Twitterネタがあまり少ないようなので追加させていただきます。

Twitterのタイムラインを自分のページに乗せる方法

本当に簡単です。ブログ初心者がWordPressを使い始めてすぐにやってみたいなあと思う事ではないでしょうか!

Twitterのアカウントを取得している状態であることを前提に説明します。

Twitterのページにログインしてください。

キャプチャ

右上のTwitterの自分(あなた)のアイコンを選択すると、メニューが表示されますので「設定」を選びます。

キャプチャ

今度は画面の左側にメニューが表示されますので、「ウィジェット」を選択してください。

キャプチャ

私の場合、すでにウィジェットを作成しているのでこのような画面になりますが、初回の場合は「新規作成」を選択して下さい。

キャプチャ

次にウィジェットの作成画面になりますので、あなたのTwitterの@以降の「ユーザー名」を入力します。

私「おかえりなさい」のTwitterユーザー名は「okaerinasainet」ですので、そのように入力しています。

キャプチャ

必要な値を入力したら「ウィジェットを作成」を選びます。

ここで他に入力できる値とは

  • 「@ツイートを除外する」

@ツイートは、本文のどこかに「@ユーザー名」を含むツイートです。返信されたツイートも@ツイートの一種です。

チェックを入れることで@ツイートがウィジェットのタイムラインに表示されなくなります。

好みで選択してください。

  • 「画像を自動的に開く」

ツイートした内容に画像を表示させたい時に選択します。

画像が含まれていないツイートではもちろん表示されることはありません。

  • 「高さ」

高さはピクセルという値で変更できます。

色々な値を入力してみて右側に表示される「プレヴュー画面」を参考に設定したい値を決めてみてください。

  • 「テーマ」

テーマは「明るい」か「暗い」の2種類です。「白」か「黒」背景を選べます。

  • 「リンクの色」はリンク先になっているテキストのカラーです。以下の色より選択できます。

キャプチャ

  • 「カスタマイズ機能を無効にする」

カスタマイズ機能については公式ページを参考になさってください!

カスタマイズされたおすすめユーザーについて

全ての値を入力しましたら、最後に「変更を保存」を選択します。

ウィジェットのプレビューの下側に表示されているコードがこれから必要になるコードですので、右クリックしてすべてを選択などでコピーしましょう。

キャプチャ

先ほどコピーしておいたコードは、WordPressのウィジェットの「テキスト」を使って設置していきます。

「テキストウィジェット」を編集するにはまず、WordPressの「ダッシュボード画面」という管理画面から「外観」➡「ウィジェット」を選択して編集します。

キャプチャ

ウィジェット一覧から「テキスト」を選択しましょう。

キャプチャ

ここで選択されたウィジェット「テキスト」は、お使いのWordPressのテーマによって設置できる場所が違います。

多くはサイドバーなどのウィジェット機能があると思います。

キャプチャ

「テキストウィジェット」に先ほどコピーしておいたコードを貼り付けたら「保存」を選択して完成です。

例えば次のようにページに表示されます。

キャプチャ

以上「Twitterのつぶやきをウィジェットでブログに連携しよう」でした!

LEAVE A REPLY

*
*
* (公開されません)

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)