稼げる副業でお小遣いを稼ぐ方法

稼げる副業でお小遣いを稼ぐだけじゃなく、料理や映画アニメ、趣味などメモにも使っているブログ

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

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 を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

関連記事

カスタムフィールドをand条件で表示させる

AとBの条件に当てはまる場合に表示させると言う分岐?のやり方がわかったのでご紹介いたします。 関連記事: カスタムフィールドで画像を出力する時のヒント【ワードプレス】 カスタムフィールドをor条件で表 …

QRコードからURLを取得する方法

QRコードはわかるがリンク先のURLとして取得する方法をご紹介いたします。 関連記事: contact form 7を全ページに表示させ記事と連携させる方法 tinymce advancedで絵文字も …

Yahoo!ショッピングの設定方法Step4-7の詳しい説明

Step4に入っても結構楽ちんやわ 関連記事: Merchant Centerから商品を再アップロードする方法 【2020年最新版】アリエクスプレスでアフィリエイトリンクの貼り方 Yahoo!ショッピ …

アドセンスのシンガポールの税務情報の追加は簡単

久々にアドセンスの管理画面にログインしたら、何か税金関係で対策しないといけないようです 関連記事: カスタムフィールドで画像を出力する時のヒント【ワードプレス】 ネスタリゾートを100%遊びたい人へ【 …

Contact Form 7のエラー項目を分かりやすく方法

Contact Form 7を利用している方でエラー項目をよりわかりやすくさせる方法をご紹介いたします 関連記事: スマホ画面の一番下にふわっとコンテンツを表示させる方法 スマホ画面の下にPC切り替え …