Webサイトにtwitterタイムラインを埋め込む／WEBサイト編集ツール

SELECTTYPEのWEBサイト機能には、サイトを作成するために便利な機能が色々と用意されています。
このブログエントリーでは、「twitterタイムライン」を設置する方法をご案内します。

Webサイトにtwitterタイムラインを埋め込む

ページ上部ヘッダーより「ホームページ」→「サイト・ページ一覧」をクリックします。

作成済みのサイト・ページ一覧が表示されます。
目的のサイト・ページの「編集」アイコンをクリックします。

サイトの編集画面が表示されます。
サイトの編集画面の左側にある「編集ツール」より「SNS埋め込み」⇒「facebook」をクリックします。

サンプルのtwitterタイムラインが画面に設置されます。
要素にマウスをのせて、右上に表示される「歯車」マークをクリックしてメニューを表示します。
メニューから「編集」をクリックします。

twitterタイムライン埋め込み設定画面が表示されます。
twitterタイムライン埋め込みコードを設定します。

埋め込むtwitterタイムラインの周りに枠線を入れる場合は
「枠線を表示する」を選択します。
枠線の種類、枠線の太さ、枠線の色が設定できます。

設定内容が確定したら「保存する」をクリックします。

編集画面のtwitterタイムラインが設定した内容に変更されます。

位置やサイズの調整が完了したら、その内容を保存しておきましょう。
保存はメニューバーの「仮保存」ボタンをクリックします。

保存が完了すると、完了メッセージが表示されます。