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

公開日: : 最終更新日:2016/08/01 副業で稼ぐ仕組みの作り方

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上に表示させる事が出来るので、稼げる副業をしようと考えている人は活用して見て下さい。

広告

関連記事

no image

ワードプレスにソースコードを表示させるプラグイン【SyntaxHighlighter】

ワードプレスにhtmlタグなどのソースコードを記入した際にわかりやすくする為のプラグインです。

記事を読む

インフォトップの登録方法

情報商材の販売をするならやっぱりインフォトップ はじめに 2ティア制を利用して不労所得を得る

記事を読む

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

AとBの条件に当てはまる場合に表示させると言う分岐?のやり方がわかったのでご紹介いたします。 はじ

記事を読む

ワードプレスでページごとにレイアウトを変える方法

ワードプレスでブログを運営中で特定のページだけカスタマイズしたいなんて事ありませんか? はじめに

記事を読む

EC-CUBEでPHPを使う方法

EC-CUBEでもPHPが使えました!これで色々捗るね はじめに 私みたいなコピペでしか

記事を読む

ワードプレスのシンプルな営業日カレンダーBiz Calendar

店舗経営しているなら見ている人の為に一目でわかる営業日カレンダーって欲しいですよね。 はじめに

記事を読む

ECキューブで販売する為の最低限の設定その2

その1が終わったら次のこの2を見て下さいね。 はじめに とりあえず、デフォルトで表示して

記事を読む

ワードプレスで記事の投稿数を表示させる方法

ワードプレスで全○記事とブログ記事の投稿数を表示させる事が出来る方法をご紹介いたします。 はじ

記事を読む

画像を簡単に軽く出来るサイト

画像を軽くさせるために縮小したり解像度を低くするのは時代遅れです。 はじめに 大きなjpg画像を

記事を読む

ワードプレスに任意の画像サイズを追加する方法

2種類のサムネイル画像を表示させたいなぁって時に使えた技です。 はじめに ワードプレスだと元々サ

記事を読む

広告

Message

広告

現在の総記事数: 292件

GoogleのWEBフォントを導入してみた

過去にもwebフォントに触れている記事は多いですが、googleさんの

yahooリスティング広告のオプション登録は必須

広告の下に出てくるリンクは絶対に設定しておきましょう はじめ

2017年最新版 メルカリで受取評価してくれない時の対策

メルカリを利用していると変なお客さんにあたる場合があります はじめに

Googleアナリティクス一覧のセッションなどのデータが表示されなくなった

久々にGoogleアナリティクスを見たらデータが表示されなくなっていた

yahooリスティング広告で広告を作るまでの流れ

yahooリスティング広告でキャンペーンの作成から広告の登録までをご紹

→もっと見る


  • ここでは副業での稼ぎ方や、誰でも簡単に稼げる副業のジャンルなどを紹介しております。 今の所、平均して月に15,000円ほど副収入があります。
    • エステコスメ エステ化粧品やエステコスメの通販サイトです。一般の方でもエステサロンで使用しているコスメを激安価格で購入出来ます。
    • エステ用品 エステ用品のMOCOエステです。新規開業を考えているエステサロン様向けに卸価格でご提供させて頂きます。
    • サロン集客 サロン集客に悩んでいる人向けに完全無料で集客方法を公開しております。インターネットを使う事で0円でサロン集客する方法もお教えいたします。
    • ヒートマット 遠赤外線ヒートマットシリーズは入ると滝に打たれたような発汗を体験できます。サロン様から一般の方までご利用いただけます
    • フェイシャルスチーマー 業務用だけでなく、一般の方も使用出来るフェイシャルスチーマーを詳しく説明しているホームページです。
    • 美容室のホームページ制作 美容室やエステサロン、ネイルのホームページ制作です。3万円台から制作も出来るので予算のないサロン様にも対応しております。
PAGE TOP ↑