• メニュー
  • メニュー

【簡単です】ワードプレスにツイッター(Twitter)を埋め込む方法について

WordPressにTwitterを埋め込む記事を見かけたことがあると思います。

知っている人にはとても簡単なことなのですが、Wordpressにツイッターを埋め込む方法について解説致します。

とても簡単なので、貼り付けすぎは注意ですが、うまく引用すると記事に幅広がりますので是非使ってみてください。

WordPressにツイッターを埋め込む方法

 

下記の画像のように、ブログ記事にツイッターが埋め込まれた記事を作りたい、と思った時、下記のように貼り付けします。

1.まずツイッターのアドレスを取得する

ツイッターの投稿のアドレスは、http://twitter.com/xxxxx/数字 です。

ビデオが貼り付けられたツイッターの場合は、http://twitter.com/xxxxx/video
と言う形になります。

2.Wordpressに貼り付ける。

記事投稿画面で、「ビジュアルモード」にしておきます。

このビジュアルモードで、ツイッターのアドレスをそのまま貼り付けます。

貼り付けて正常に取得できると、自動でツイッターの情報が読み込まれて、期待した表示がされると思います。

このように自動で読み込まれたOK!!!

 

この時、投稿が削除されていたり、公開方法などに変更があったら、読み込みできず、アドレスだけが表示されてしまうことになります。

貼る時は、貼る前に改行してから貼り付けてください。
改行しないでそのまま貼るとなぜか読み込んでくれないことが多かったです。

 

自動で表示されない場合は、

・コードがタグなどで囲まれている

・そのツイッター自体の公開設定で表示できないこのケースがありますので注意してみてください。

WordPressにツイッター、インスタ貼り付けすぎ注意!

 

画像もそうですが、1記事に画像や動画を貼りつけすぎは、表示速度に影響があるためおすすめしません。

ツイッターやインスタグラムの読み込みは、画像の読み込みよりも時間がかかりますので、貼りつけすぎには注意してください。

もしもツイッターでの感想などを引用した場合などは、コメントをコピーして引用として貼り付けにするなどの工夫をしてみてください。もちろんそのまま貼ると、クリックすることでオリジナルに飛ぶことができるので、ユーザーに親切な部分もあります。

貼りつける量と、読み手(ユーザー)のことを考えた記事つくりをしましょうね。

ツイッターが表示されなくなってURLが表示される

また、元のツイッターに公開制限の変更があったり、削除されたりすると、URLのみが表示される状態になってしまいます。

ツイッターのタイルのようには表示されませんが、HTMLタグを取得して貼り付けることで、元のツイートが削除されてもそのまま表示が残ります。

フォローするの右側にある∨をクリックすると、「ツイートをサイトに埋め込む」という項目が出てきますので、こちらをクリックして、表示されたコードをコピーして貼り付けてみましょう!

Wordpress twitter 貼りつけ

↑のものを、サイトに埋め込むのコードを貼りつけると以下のようになります。

貼りつける際は、テキストモードで貼りつけないとうまく表示されませんので、ご注意を!!


有益情報も流しているのでツイッターもぜひフォローお願いします。


参考になったらシェアお願いします!
toshiki@ひざのうえ起業家

3児&2犬(大型)のウェブ大好きパパです。

サイト作り・デザイン大好きで、どんどん新しいサイトを作ろうとしてしまう性格の持ち主。けど、深く深く極めるのも好きなハイブリットです。Wordpress歴は18年くらいです。

子どもが大きくなってしまう前に、子どもとの時間を作りたくて脱サラ計画中。ひざのうえにノートパソコンを置いてでも稼げる仕事で起業を目指しています。

10年ちょい前に世界一周チケットで主要都市だけ回る旅行も経験、これからもいっぱい旅行したい一心で切磋琢磨しています。旅行大好きだから。

好きな物:ウェブサイト/旅行(国内・海外)/動画編集/音楽(クラシック/JAZZ/ポップス)/山崎豊子/久石譲/ショパン/ピアノ/ラブラドールレトリバー/コーヒー/ワイン/スポーツ全般/スキーモーグル/高校野球/スキューバ

夢:キャンピングカーで子どもと犬と日本一周、もう一度乗りたい豪華客船クルーズ、映画音楽の作曲、プール付きか温泉付きの別荘で暖炉の前でリクライニングチェアで老眼鏡付けて分厚い洋書を手に犬を足元に居眠り。

ストーリーを見る

コメント・質問する

メールアドレスが公開されることはありません。 が付いている欄は必須項目です