ツイッター

Twitterタイムラインの埋め込みとデザインカスタマイズの実施手順

自分のTwitterアカウントを宣伝するために、ブログやウェブサイトに「Twitterのタイムライン(ウィジェット)を埋め込みたい」という人は多いと思います。

私もその一人で、さきほどブログの記事下にタイムラインを埋め込みました。

 

Twitterタイムラインをブログに埋め込む方法とカスタマイズ方法についてまとめたのでご参考に。

Twitterタイムラインの埋め込み手順

まず初めに、こちらのページにアクセスしてください。

https://publish.twitter.com/#

 

ちなみにこのページ、自分のツイッターアカウントにログインしたあと、「設定とプライバシー」⇒「ウィジェット」⇒「新規作成」からもアクセスすることができます。

 

アクセスしたら、中央の入力欄に自分のツイッターアカウントのURLを入力してEnterキーを押します。

 

 

すると画面が下の方に移動しますので、「Enbedded Timeline」をクリックしてください。

 

画面下の方に埋め込み用のコードが表示されるので、コードをコピーしてブログの好きなところに貼り付ければ、Twitterのタイムラインが表示されます。

 

 

コピーしたコードをそのまま貼り付けても使えないことはないですが、そのまま貼り付けると縦に長くなってしまったり、横幅が広くなってしまったりするので、ひと手間加えてカスタマイズしてみましょう

Twitter埋め込みタイムラインのカスタマイズ

カスタマイズする際は、先ほどの埋め込み用コードを一旦「メモ帳」「ワード」などのテキストソフトに貼り付けてからカスタマイズすると編集しやすいです。

幅と高さの調節

まずは埋め込みタイムラインの「横幅」「高さ」を調節してみましょう。

基本的には埋め込み用コードの先頭部分にある「“twitter-timeline”」の後ろに、カスタマイズ用のコードを追加していけば大丈夫です。

 

 

コードを追加する際は、必ず前後に半角スペースを空けるようにしてください。

 

・幅:width=”○○px”

・高さ:height=”○○px”

 

「○○」の部分に、半角で任意の数字を入力します。

このブログはたぶんコピー禁止になっていると思うので、↓こちらのツイッターの内容をコピーしてもらえれば、コピペで編集できるはずです。

 


編集後はこうなるはず。

 

 

半角スペースの部分には、矢印を表示しておきました。

その他のカスタマイズ例

幅、高さ以外にも、埋め込みタイムラインをカスタマイズできます。

たとえば境界線の色とか。

 


URLリンクの色。

テーマの色も変更可能。


あとはヘッダー・フッター・境界線・スクロールバー・背景の有無も調節可能です。


このように色々とカスタマイズできるので、ブログやウェブサイトにTwitterのタイムラインを埋め込む際には参考にしてみてください。

bitFlyer ビットコインを始めるなら安心・安全な取引所で CMでもお馴染みの仮想通貨取引所
カンファレンスバナー 日本一満足度の高いASP

関連記事

  1. ネットビジネスに使えるTwitterの無料ボット(bot)サービ…
  2. 広告費をかけてTwitterのフォロワー数を劇的に増やした方法(…
  3. ツイッターで複数アカウントの切り替えにはTwitcherが便利!…
  4. Twitterの片思いアカウントを高速リムーブするManageF…
  5. フォロワーの数ばかり増えてもツイッターアフィリエイトでは稼げない…
  6. Twirretが文字数制限を緩和して280文字に増加!これは失敗…
  7. ツイッターのアカウント凍結祭りキタ――(゚∀゚)――!?
  8. ツイッターのタイムラインを見やすくする裏ワザ【不要な情報をカット…

コメント

  • トラックバックは利用できません。

  • コメント (8)

    • あやまめ
    • 2017年 10月 08日

    はじめまして。
    ランキングから訪問しました。
    Twitterはこれからやろうと思っています。
    このようにわかりやすく説明していただけると、理解しやすいです。
    このような画像を作れるってすごいです。私はできないので、尊敬します。

    • お役に立てて良かったです。

      画面のキャプチャ画面は
      Snipping Tool(スニッピング ツール)という
      無料のソフトを使って撮影しています。

      画像の編集はWindowsに標準装備の
      「ペイント」というソフトを使いました。

      画像付の記事は作成に時間がかかりますが、
      そのぶんたくさんの人にじっくり読んでもらえるので
      長期的にみると収益化しやすいです。

      画像付きの方が読む人が理解しやすいし
      自分のスキルアップにもつながるので、
      ぜひ画像付きの記事も作ってみてください。

    • きょろ
    • 2017年 10月 09日

    こんにちは
    wordpressとかSNSとツイッターを連動させて投稿していますが
    ツイッター自体をあまりみないので
    ツイッターのタイムラインを表示させたいと思ってました
    これつかってみます

    • ツイッタータイムラインの埋め込みは
      HTMLのカスタマイズが必要になりますので、
      事前にバックアップをとったうえで
      カスタマイズしてみてください。

      ツイッターで普段から有益な情報をつぶやいていれば、
      ブログを読んだ方がツイッターをフォローしてくれます。

      フォロワー数が数千くらいまで増えると
      Amazonの本を1回紹介しただけでも
      数百~数千円の報酬につながります。

      これをひと月に10回繰り返すだけでも
      1カ月のアフィリエイト報酬が
      5000円以上になりますので、
      馬鹿にできないですね。

    • ヨッシー
    • 2017年 10月 11日

    こんにちは!

    ツイッターの埋め込みを丁寧に説明してあり、とても参考になりました。
    HPを構築中なので、参考にさせていただきます。(^^)

    • ヨッシー
    • 2017年 10月 12日

    こんにちは!

    ツイッターを埋め込んで、複合的に読者さんを増やしていくということですね。

    せっかくの媒体、単体で使うより相乗効果を期待できますね。

    私もやってみます。

    応援完了です。

    • 媒体は単体で使うよりも、複合的に活用した方が
      効果が高いです。

      メルマガ×ブログも同じですが
      複数の媒体を組み合わせながらビジネスをすることで
      非常に稼ぎやすくなります。

ソーシャルメディア

  1. Facebook
  2. Twitter
  3. YouTube
  4. LINE@
  5. Mailmagazine

アーカイブ

最近の投稿

カテゴリー

おすすめ記事

Facebookで300いいね以上される5つのコツ。劇的にいいね数を増やす方法

Facebookでビジネスを拡大したい!有名になりたい!集客したい!という方は多いはずです。…

ピックアップ記事

おすすめ記事

  1. もう貧乏は嫌だ!『ラットレース』『ワーキングプア』から脱出する方法
  2. 貧乏になる人、貧乏になりやすい人の3つのタイプ/お金持ちになる方法
  3. コロナ不況になりネットビジネスは大学生・主婦・サラリーマンの必修科目になりました
PAGE TOP