Twitterボタンを入れる
Twitterのツイートボタンを、ホームページに入れる方法をご案内します。
Twitterは、他社が運営するサービスです。そのため、予告なく仕様や操作手順が変更となる場合があります。ご利用の際には、Twitterが提供している最新情報ページやヘルプページなどをご確認ください。
以下の情報は、2016年8月現在の情報です。
はじめに
Twitterを利用するには、アカウント登録が必要です。
アカウント登録の方法は、Twitterのヘルプにてご確認ください
操作の流れ
ページ内に動画を入れるために、まず、Twitterの画面で「埋め込みコード」を取得します。その後、取得したコードを部品に追加します。
以下の手順で行います。
操作手順１．Twitterコードの取得
- Twitterにログインします。
twitterのログイン画面
１）Twitterのアドレス（URL）をコピーします
２）以下のTwitterのサイトにアクセスし、HTMLタグを取得します。
以下のサイトにアクセスします。
▼Twitterボタン取得サイト
https://about.twitter.com/ja/resources/buttons#tweet
1）サイドエリアに「HTML部品」を追加して、右パネルを表示させます
部品を追加する
２）「HTML部品」をクリックして、右パネルのHTML欄にカーソルをおき、右クリックでコードを貼り付けます
３）コードが貼り付けられます
→コピーした埋め込みコードが貼り付けられます
４）入力欄以外の箇所をクリックして、確定します
→入力内容がサーバーに保存されます
５）画面右上［プレビュー］をクリックして、twitterが表示されることを確認します（編集エリアでは、Twitterの表示は確認できません）
【上級者向け】表示サイズを変更する
表示サイズを変更したい場合、コード内の以下の数値を書き換えます。
width="数値" height="数値"
※widthは横幅 heightは縦幅です
※単位はpx（ピクセル）で記入します
※半角数字で記入します
マニュアル更新情報
2022年2月9日
新機能の追加に伴い、下記のページを追加いたしました。
・スライダー機能
└メイン画像で使用されている
部品がスライダーか確認する方法
└過去に作ったスライダーを
修正する
└スライダーを１から作成する場合
└部品設定解説
2022年1月11日
新機能の追加に伴い、下記のページを追加いたしました。
・リッチ画像編集
└メイン画像で使われている
部品を確認する方法
└過去に作ったメイン画像を
修正する
└リッチ画像機能で１から
作成する場合
└機能解説
2018年8月30日
新機能の追加に伴い、下記のページを追加いたしました。
・書体を変更する
各種ダウンロード資料
ホームページ更新画面の
基本操作（印刷版PDF資料）
A4カラー印刷用
印刷版PDFはこちらをクリック