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

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

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

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

関連記事

no image

オリジナルドメインを使おう

オリジナルのドメインについては取得するだけだと意味がありません。オリジナルのドメインは設定しないと使えません。今回はその設定の方法を紹介いたします。 関連記事: サクラで日本語ドメインを使う方法 お名 …

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

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

フォトショップで英文字が小文字にならない時の対処

フォトショップで英文字を入力した際に全て大文字になってしまう。 関連記事: ムーバブルタイプからワードプレスに引越しする方法 Jetpackのスペル&文法チェック PHPのシングルクォーテーションとダ …

ECCUBEのスマホでページ移管を使う方法

ECCUBEのスマホで簡単にページ移管する方法をご紹介 関連記事: カスタムフィールドで画像を出力する時のヒント【ワードプレス】 Biz Calendarを使いやすくカスタマイズ 新googlemap …

EC CUBEでSSLページのみに表示させる方法

EC CUBEでSSLページにだけ違うデザインをしたい時に使えるコードです。 関連記事: 【EC-CUBE】管理画面に色々な箇所のファイルを呼び出す方法 iPhoneアプリ内の広告を無料で消す方法 ネ …