【仕様変更】twitterで複数アカウントのツイートをタイムラインに表示させる方法

twitter タイムライン 複数
おかぴーおかぴー

こんにちは、WEBデザイナーのおかぴーです!

プロフィールはこちら。ブログデザインと組み合わせて効果的な収益化が目指せるこちらの記事もおすすめです^^

 

今回は、ブログでtwitterのタイムラインをウィジェットに載せている「ニックさん」がこちらの記事を見てくれたらしく、その上でご質問をいただきました↓

[sitecard subtitle=合わせて読みたい url=https://okap01.com/setting-twitter-timeline target=]

 

その内容とは、

twitterで自分のツイート内容のタイムラインをブログに埋め込む方法ではなく、指定した複数のアカウントのツイート内容をタイムラインに表示させる方法です。

さらにやりとりをしていく中で、自分のアカウントも表示させる方法まで発展しました^^

自分を表示させるには、パソコンだけではできなくてスマホでの作業が必須でした。

 

まずは、今回完成したカスタマイズをご覧ください↓
(写真は僕のリストのスクリーンショットで説明します)

twitter リスト

 

そして、こちらがよくあるtwitterのタイムライン↓

twitter タイムライン

 

違いはお分かりになりますでしょうか。

よく見るタイムラインは「自分のツイート・リツイート」の内容だけを表示させるものですが、

今回のカスタマイズでは、「自分のツイート・リツイート+自分以外のアカウントのツイート・リツイート」を抜粋したタイムラインが作成可能です。

つまり、複数のアカウントのツイートが表示できていますね。

 

そして、冒頭で出てきた「前回の記事」のおさらいとして、以前のtwitterでは仕様上ウィジェットという項目があり、

そこからタイムラインを作成できましたが、現在はtwitter上で作成不可。

twitter タイムライン ウィジェット

 

その代わり、「https://publish.twitter.com/#」のサイトで作成するように変わりました↓

twitter タイムライン

 

たとえば、今回のカスタマイズを活用する例としては、

①複数のメンバーでグループ活動などを行なっていて、そのメンバーの人のツイートを集めた集合体のタイムラインを運用したい場合

②勉強になる人のツイートを確認したい場合、勉強リストのような活用

などでしょうか。

自分以外の人のツイートを抜粋したい方は、参考になると思います。

 

目次

今回のご相談

ニックさん

おかぴーさん、こんにちは。ブログでtwitterのタイムラインウィジェットをカスタマイズする方法』を見させていただきメールさせていただきました。

これは、twitterの1つのIDをウィジェットに表示させる方法ですが、twitterの仕様が変わってから複数のIDを表示させる方法がどこを見てもありません。

古い情報しか検索に引っかかってこず、お手上げ状態です。
ご教示よろしくお願い申し上げます。

おかぴーおかぴー

ニックさん、こんにちは!

なるほどです。
確かに、以前僕が作成した記事の内容だけではタイムラインは自分のツイート・リツイートしか見れませんね。

お任せください!^^

『カスタマイズする前に』 カスタマイズをするときは、子テーマを使って、バックアップをとってから行ってください。カスタマイズについては必ず自己責任でお願いいたします。

自分以外のユーザーのツイートを表示する方法

まずは自分以外の複数のユーザーのツイートをタイムラインに表示する方法から解説します。

具体的には、「表示したいユーザーをリストに追加し、そのリストのURLを使ってタイムラインを作成」していきます。

この設定はパソコンだけでできます。

 

①ツイッターにログインし、「プロフィールと設定>リスト」に進む。

twitter リスト

 

②「リストを作成する」より、新しいリストを作成します。

twitter リスト

 

③リスト名を入力し、プライバシーを公開に設定してリストを保存。

twitter リスト

非公開の設定だと、内容が表示されないためタイムライン作成ができません。

 

④「保存済みリスト」に作成したリストが表示されますので、そのリスト名をクリックしてください。

「リストへ追加するユーザーを検索する」画面から、@で始まるユーザー名で検索。

 

リストへ追加をクリック。

twitter リスト

 

どこに追加するか聞かれますので、追加したいリストにチェックを入れるだけでOKです。

twitter リスト

 

⑤追加したら、リストのところに人数が反映されているはずなので、リストのツイートページのURLをコピーしておきましょう。

twitter リスト

ここでコピーするURLは、リストのツイートのURLです。

メンバー(・・・/lists/list/members)のURLはコピペしてもタイムラインは作成できませんので注意してください。

どんなタイムラインになるかは、ツイートやリツイートと共に右側のツイート内容部分で確認できます。

 

⑥「https://publish.twitter.com/#」にアクセスし、空欄にリストのURLをコピペします。

twitter タイムライン

 

もしここで表示されない場合があるとしたら、URLがうまく機能していない可能性があります。

twitter リスト

『表示されないパターン』

  • リストではなく、メンバーのページを開いているときのURLをコピペしている
  • プライバシー設定が非公開になっている(リスト名の右に鍵マークがついていると非公開)

こういった場合は、僕も試しましたがうまく表示されませんでした。

このページでURLを入力したら、タイムラインのコードが表示されるので、それをワードプレスのウィジェットなどに貼り付けましょう。

具体的な貼り付け方法は、「前回の記事」を参考にしてください。

 

追加のカスタマイズ依頼:自分をタイムラインに追加したい

ここで、「ニックさん」から追加で依頼がありました。

ニックさん
リスト名にはリストに追加した分、例えば(@自分以外のユーザー名)だけで自分自身は表示できないのでしょうか?自分自身の追加が画面上だとできません。
これは分けて考えないといけないのでしょうか?

 

確かに、ここまでの設定では自分は入っていません。

ただ、先ほどの設定④〜⑤と同じように自分のユーザー名をパソコンで検索しても、下の画像のように縦の「◯◯◯」も表示されないため、追加する項目が出てこないという現象が起こりました。

twitter リスト

 

実は、この場合の解決策はなんと「スマホを使う」でした。

どうやらスマホでないと自分を追加するような設定ができないみたいですね。

文章だけだと伝わりづらいかと思ったので、ニックさんにスマホでキャプチャ動画を撮ったものがあるので、一緒に載せておきますね^^

 

動画内の具体的な手順はこちらです↓

①ツイッターにログイン

②対象のリストまで行き、右上の編集ボタンを押す

③ユーザーの管理へ進む

④自分のユーザー名を検索

@から始まるものです。僕でいうと、@blueokapですね。

⑤画面を戻って、リロードする

ここまで行けば、PCでもリストを確認することができますし、
ツイートもリストの人が全部載っているのがわかります。

⑥対象のリストのURLを、ツイッターのタイムライン作成ページでコピペします。

もしかしたら、タイムラインが全部表示されない可能性がありますが、⑤のときに実際のタイムラインを確認できます。

コードをワードプレスにコピペしてみて、うまく表示されるか見てみてください。

 

ニックさんの感想

ニックさん

言われた通りやりましたらついにできました!本当にありがとうございます。

twitterですが、ところどころおかしな部分がありますね!
気づかせていただきありがとうございます。

最新のもの(2019年)の情報がなかったので、
おかぴーさんの献身的なアドバイス大変ありがたいと思いました。

おかぴーおかぴー

ついにやりましたね!
おめでとうございます!!

twitterのこの仕組み、なかなか複雑でしたね^^
でも、無事解決できてよかったです。

自分もそう言っていただけると嬉しいです。
またわからないことがあれば、お気軽にご相談くださいね!

 

うまくタイムラインを作成できましたでしょうか。

twitterのタイムラインを純粋にタイムラインにする方法はあったのですが、今回のカスタマイズの情報は見つからなかったので参考になればいいなと思い、記事にさせていただきました。

他にも気になるところがあれば、どうぞお気軽にご相談ください^^
お待ちしています!

おまけ

ブログを作っていると、ふと

「見た目をもっとカッコよくしたい」「おしゃれでキレイな感じにしたい」っていう衝動が来ませんか?

みみこ

あるあるですね(笑)なんかしっくりこないなーとか、
でも、どう作っていいか操作も含めて分からないことがあります。

おかぴー

そんな時は、WEBデザインの勉強を少しだけでもいいので、
やってみるのもいいと思います^^

僕は見た目が納得がいくものが作れると、モチベーションが上がります。

よーし!また記事を書こうかな〜って思えるし、書いたものを見返して

「 はぁぁぁぁ〜(*´꒳`*)ウキウキ 」

ってなります(笑)

僕がこのブログを通して知り合った方は、みなさん自分のブログの見た目(デザイン性)とか、作り込み(WordPressの操作)に悩んでいる方が多かったです。

僕自身も初めはWordPressの管理画面からよく分からなくて、どこをいじったら何が変わるのか?もそうだし、

色を変えたり大きさ変えたり、基本的な内容でも何時間もかかったことがありました。

知り合った方のお悩みを聞いて改めて感じたことは、

そもそもWordPressでブログを作る=WEBデザインの知識が多少なり必要になるということです。

デザイン知識然り、コーディング知識しかり。。

でも、WEBデザインの勉強と言ってもその範囲はめちゃくちゃ広いし、ぶっちゃけ終わりはありません。

専門用語も多いし、だからと言って初心者の人が幅広く手を出して勉強するのも大変です。(ゴールを見失います)

それなら、

WEBデザイン初心者の人でも、モチベーションが爆上がりできるような必要範囲を絞ったブログ制作の教材があったらいいんじゃないか?と思ったんですが、どうでしょうか?(*^^*)

具体的には、こんな内容を盛り込む予定です↓

  • WEBデザインの知識を活かして魅力的なメインビジュアル(ブログのメイン画像・アイキャッチ画像)を楽しみながら作れるようになれる
  • カスタマイズが一定レベルでできるようになれる
  • パソコン自体の知識も身に付く
  • 程よい範囲のWEB知識がつくから、情報リテラシー(※)が高くなる
  • 登録してくれた方それぞれのお悩みに特化した、特別コンテンツを受け取れる

※情報リテラシー:世の中にあふれる多くの情報を、適切に活用できる能力

これから作っていくことになるのですが、

提供開始まで先行登録してくれた方には別途プレゼントもお送りしたいと考えています

最新の知識を受け取ることができますし、

登録してくれた方それぞれのお悩みに応じたコンテンツの提供ができることも、このLINEの一つの魅力かなと。

少しでも作れるよ〜って人にも、ためになる内容を盛り込む予定もあるので、興味がある方はLINE登録してもらえると嬉しいです^^

↓↓↓

チェックしてね
「お気軽にどうぞ〜」
よかったらシェアしてね!
  • URLをコピーしました!

コメント

コメントする

CAPTCHA


このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

目次