副業で稼ぐ仕組みの作り方

twitterをHPに埋め込みしてみたよ

投稿日:2016年7月30日 更新日:

twitterの埋め込みって昔よりも簡単になってました

はじめに

今「twitter 埋め込み」って調べても昔の情報しか出てこなかったので最新の埋め込み方法をご紹介いたします。

注意事項

公開時点の方法ですので、また変わる場合がございます。

今回やりたい事

このようにtwitterに自分のタイムラインを表示させる方法をご紹介いたします。

コードを取得しよう

twitterのタイムラインを表示させるには埋め込む為に必要なコードを取得しなければいけません。

https://publish.twitter.com/

まずはこちらのサイトにアクセスし、検索窓に自分のtwitterアカウントのURLを入力してエンターボタンを押します。

tw1

URLがわからない場合は一度自分のアカウントにアクセスして、名前の下に表示されている@の後ろがアカウント情報になります。

tw2

https://twitter.com/アカウント情報

このようになります。

タイムラインを選択

tw3

次は2つ表示されるので、左側のタイムラインを選択します。

tw4

するとこのようにコードが表示されるのでコピーしましょう。

twitterを埋め込もう

後は任意の箇所にこのコードを貼り付けすると

tw5

このようにタイムラインが表示されるようになります。
ね?とっても簡単でしょ?

カスタマイズしよう

ホームページやブログにtwitterを埋め込む場合、一番気になるのはデザインですよね。
同化させたい場合や逆に目立たせたい場合など色々あると思います。

そんな時は「set customization options.」と書かれている部分をクリックします。

tw6

ここでは

  • 高さ
  • 横幅
  • 明るさ
  • 言語

を選択できるようになります。1つの項目をいじればリアルタイムで表示されるので、カスタマイズもやりやすいですね。

tw7

カスタマイズが完了すれば、アップデートを押して、再度コピーして貼り付けしていただければ表示されます。

tw8

以上でtwitterをHPに埋め込み方法を終了いたします。

さいごに

色々と進化してますね

自分がtwitterに登録したのは2011年で5年も経過していたらさすがに埋め込み方法やタイムラインの表示方法も全て変っていますよね笑

今回の方法だと自分のアカウントだけでなく他人のアカウントをブログやHP上に表示させる事が出来るので、稼げる副業をしようと考えている人は活用して見て下さい。

-副業で稼ぐ仕組みの作り方

執筆者:


comment

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

関連記事

substr_count();は大文字小文字も判定

PHPをCodecademyで勉強中わからない箇所があったので

Contact Form 7の送信元をメールアドレスにする方法【さくら】

コンタクトフォーム7からのメールのメールアドレスと送信元が違うケースって結構ありますよね。

カスタムフィールドでチェックを入れた記事のみ表示

ワードプレスではカスタムフィールドを使う事で特定の記事のみ表示させる方法もございます。

WordPressでCSV登録が出来るReally Simple CSV Importer

とにかく沢山のデータをワードプレス上に登録しなければいけない場合、1つづつ入力するのってバカらしいですよね。

フォトショップで文字や人物が簡単に消せたったwww

フォトショップを使えば人物を消す事がこんなにも簡単に出来るとは思ってもみませんでした

人気の副業記事(24時間で更新)