twitter ウィジェット01

その他もろもろ

twitterのウィジェット

今日はtwitterのタイムラインをサイトに表示させてみました。

 

方法は、まず取得しているアカウントでtwitterの画面にログインします。

 

そして、右上にあるメニューから「設定」を選択します。
twitter ウィジェット

 

すると、

画面の左下に「ウィジェット」というメニューが出てくるので、選択します。↓
twitter ウィジェット

 

次に、画面右横の「新規作成」をクリックします。↓
twitter ウィジェット

 

この様な画面に出てくるので、↓

「高さ」や「テーマ」、「リンクの色」などを設定して、「ウィジェットを作成」をクリックします。
twitter ウィジェット

すると、以下の様にソースを取得出来るので、

サイトの表示させたい箇所に貼り付けてやればOKです。

twitter ウィジェット

 

タイムラインの横幅や高さは自動で取得してくれるみたいですが、

指定することも可能です。

具体的には、

「class="twitter-timeline"」というクラスを指定している<a>タグに「width=""」と「height=""」を指定してやります。

 

例えば、こんな感じです↓↓
<a class="twitter-timeline" width="520" height="200px" href="https://twitter.com/xxxxxxxxxxx"  data-widget-id="000000000000000">@〇〇〇〇 からのツイート</a>
※因みに、 横幅の最小は「180px」、最大は「520px」、高さは最小で「200px」となっているようです。

 

あと、

「data-chrome」を設定することでインターフェースを変更することも可能なようです。

「data-chrome」で設定できる項目は、以下の5つになります。
■noheader:タイムラインのヘッダーを表示させない
■nofooter:タイムラインのフッターを表示させない
■noborders:ウィジェットのボーダー(枠線)を削除する
■noscrollbar:タイムラインのスクロールバーを非表示にする
■transparent:タイムラインの背景を透明にする

半角スペースで区切れば、複数設定することも可能です。

 

例えば、こんな感じです↓↓
<a class="twitter-timeline" data-chrome="noheader nofooter transparent" width="520" height="200px" href="https://twitter.com/xxxxxxxxxxx"  data-widget-id="000000000000000">@〇〇〇〇 からのツイート</a>

弊社では、以下の方に向けて、WordPressの短期学習プログラムを
格安(15,000円~)で提供しております。

  • 個人でWordPressを使ったサイト(個人ブログやアフィリエイトサイトなど)構築をお考えの方
  • WordPressを使って副業で稼ぎたい方
  • フリーランスでWordPressを使ったお仕事をお考えの方
  • 自社でホームページの構築・運用をお考えの方
  • 企業のWEB担当者の方

内容

基本的には、初心者の方を対象にした学習プログラムです。

※ WordPress制作の上級者の方の場合、弊社の学習プログラムはあまり役に立たないと考えています。

  • ・ WordPressのインストールからセッティングの方法
  • ・ WordPressのテーマ選びについて
  • ・ WordPressのプラグイン選びと設定方法について
  • ・ サーバの準備方法
  • ・ ドメインの取得・管理の方法
  • ・ FTPの設定方法
  • など

ご用意頂くもの

  • ・ ノートPC
    ※ 弊社はWindowsを業務で利用しておりますので、できればWindowsのPCをおすすめしています。
  • WordPressでサイトの制作を考えているが、何から始めればいいのか分からない。
  • ドメインやサーバはどうやって準備すればいいの?
  • そもそもホームページの公開には何が必要なの?

などなど、

どのような内容でも構いませんので、お気軽にお問い合わせ下さい。

お客様の目的をお聞きした上で、最適の学習プランを提案致します。

ご興味のある方は、以下の内容を記載の上、一度お問い合わせ下さい。
こちらより、折り返しメールを致します。

  • ① お名前
  • ② 折り返し先のメールアドレス
  • ③ 希望の学習内容

関連記事

  1. FFFTP01

    その他もろもろ

    【新PCの設定⑤】FFFTPの設定

    次は、FFFTPの設定です。下記サイトよりFFFT…

  2. その他もろもろ

    ホームランバー、時々コーディング

    最近セブンイレブンに行くとプレミアムホームランバーなるものをつい買…

  3. Java

    その他もろもろ

    eclipse上からTomcatの起動設定

    前回書いた「Eclipse+Tomcatの開発環境を作成」の記事で…

  4. 健康診断 アイキャッチ

    その他もろもろ

    健康診断

    今日は1年ぶりの健康診断でした。弊社は世田谷で法人…

  5. Dropbox(ドロップボックス)03

    その他もろもろ

    【新PCの設定⑥】ドロップボックスの設定

    次はドロップボックスのインストールです。アカウント…

  6. CMS(Content Management)

    その他もろもろ

    Joomlaをインストールしてみました!!

    今回はJoomlaをインストールしてみました。まず、事前にデー…

最近の記事

  1. コピペ(Copy and Paste)
  2. Check Copy Contents(CCC)
  3. WordPress(WP)
  4. セキュリティ
  5. セキュリティ
  6. THE THOR(ザ・トール)
  7. SONY α6400の本体
  8. THE THOR(ザ・トール)
  9. 短縮URL
  10. FFFTP(ファイル転送)
PAGE TOP