簡単ホームページ作成ツールならAMS - まずはお試し

全国対応!まずはご相談ください 電話番号0120-55-4682

サイト内検索

Twitter タイムラインウィジェットの設置方法

※この情報は、2016年9月23日現在の情報となります。

1)Twitterを開き、ログインする

Twitter」のサイトへアクセスする。

Twitterアカウントを、既にもっている人は【ログイン】ボタンを押してください。
Twitterアカウントを、持っていない人は「アカウント作成」に進んでください。

Twitter開く.png

ログイン後、TwitterのURLをコピーし、
メモ帳などのテキストエディタに貼り付け、保存しておきます。

URLのコピー方法はこちら

==========================================

2)画面右上のアイコンをクリックします。
※マウスを置くと「プロフィールと設定」と表示されます。
twitter設定.png



設定】を押す。

==========================================

3)画面左のメニューを見る。

twitterウィジェット.png
【ウィジェット】を押す。

==========================================

4)ウィジェット画面で新規作成をクリック

twitterウィジェットプロフィール.png


【プロフィール】を押す。
==========================================

5)青から紫のグラデーションの画面が表示されたら、
下へスクロールします。


twittertimeline.png

【Embedded Timeline】を押す。

==========================================

6)手順1で保存しておいたURLをコピーして貼り付ける。

twitterURL貼付け.png


【Preview】を押す。

==========================================

7)表示の詳細設定をします。

twitterカスタム.png
【set customization options.(水色の文字)】を押す。


==========================================
8)「Height(px)」(高さ)を入力します。
オススメは、Facebook  Page Plugin とあわせるなら、【450】
Twitterだけなら【380〜】

※表示の高さは、ページとのバランスを考えて、適宜変更してください。

「Width(px)」(幅)を入力します。
記事内に設置ならば、【420〜500】
※表示の幅は、テンプレートによって、適宜変更してください。

サイドに設置ならば、【250】

twitter高さ・幅.png


【Update】を押す。

==========================================
9)コードをコピーします。

twittercopycode.png


【Code Copy】を押す。

twittercopy完了.png

コピーされた状態になっているので、
メモ帳などのテキストエディタに貼り付け、保存しておきます。 
設置したい記事の【ソース】または、サイドHTML部分に貼付けてください。