その他編 45、Twitterフォローボタンの設置

45	Twitterのロゴをトップページにいれる

Twitterのアカウントを取得したら、トップページにTwitterのロゴをいれて、
ホームページにきてもらった方にフォローをして頂きましょう。
たくさんの方にフォロワーになってもらうことで、自社の配信したつぶやきを多くの方に読んでもらうことができます。

Twitterの公式ホームページから配布している素材があります。
素材を使って、一目でTwitterをやっていることがわかるページにしてみましょう。

※Twitter ではロゴや画像を利用したり、Twitter に関連するサービスや Web サイト、
出版物を作成する場合のガイドラインが設けられています。
内容を踏まえたうえで利用するようにしてください。

⇒Twitter登録商標の利用ガイドライン

　

45-1	Twitter ボタンをダウンロードする

Twitterの素材ぺージには、ブログなどで使えるパーツが公開されています。
これらを使うことで自分のページにツイートを流したり、URL をツイートするボタンを設置したりすることができます。

１、Twitterにログインしてください。
https://about.twitter.com/ja/resources/buttons

２、「フォローする」にチェック

３、ユーザーに自分のTwtterアカウントを入力

４、言語設定「日本語」

　※ユーザー名を表示にチェックを入れると「ユーザー名をフォロー」ボタンになります

　※ボタン（大）にチェックでボタンが大きくなります

５、HTMLをコピーします。
　１）HTMLの上でクリックすると、青くなり全てを選択している状態になります。
　２）青くなっている部分の上で右クリック＞コピー　します。

45-2	トップページにはりつける

先ほどのTwitterページで作成・コピーしたTwitterボタンのHTMLをトップページにはりつけます

１、ホームページビルダーでトップページのファイル（index.htm)をひらきます

２、”ページ/ソース”タブをひらきます

３、挿入したい場所に上のページでカーソルをおきます。
下のHTMLソースで黄色くなったところがカーソルのあるところになります。
わかりやすいように今回は「１」といれます。

４、下のソースの「１」をドラッグで選択し、先ほどコピーしたHTMLをはりつけます

５、ソースにボタンのHTMLがはいります。
上の編集ページ内をクリックすると文字と｛S}のみ表示されます。

６、プレビューで確認します。
（この段階だとまだボタンではなく、ただのリンクとなってますが、アップロードするとちゃんとボタンになります。）

７、上書き保存し、ホームページビルダーは終了します。

８、FFFTP、NEXTFTPなどのホームページ出力ソフトでアップロードし、ページを確認します。