第3カラムへのtwitter表示 のバックアップの現在との差分(No.1)

[ トップ ]   [ 一覧 | 単語検索 | 最終更新 | ヘルプ ]

• バックアップ一覧
• 差分 を表示
• ソース を表示
• バックアップ を表示
• 第3カラムへのtwitter表示 へ行く。
  • 1 (2012-12-19 (水) 17:41:56)
  • 2 (2012-12-19 (水) 17:53:35)
  • 3 (2013-07-24 (水) 12:39:25)

---

• 追加された行はこの色です。
• 削除された行はこの色です。

[[サポートトップページ>サポート]]~

*目次 [#r6a2eb73]
#contents

*プラグインコードを取得する。 [#g196adce]

https://twitter.com/~
へアクセスし、ログインする。~
~
&attachref();~
&attachref(tw001.png);~
~
ログイン後、画面右上の歯車のアイコンをクリックすると下にメニューが出るので「設定」をクリック~
~
&attachref();~
&attachref(tw002.png);~
~
設定画面左側のメニューから「ウィジェット」をクリック~
~
&attachref();~
ウィジェット一覧ページから「新規作成」をクリック~
~
&attachref(tw003.png);~
~
各項目を設定し、「ウィジェットを作成」ボタンをクリック。~

&attachref(tw004.png);~
~
右下にコードが現れるので、コードを全て選択し、コピー。

*仲介UPに貼り付ける [#dc79ff3a]
サイト設定、ページ共通タブの「第3カラム」項目へ。~
~
&attachref();~
&attachref(tw005.png);~
~
tmlアイコンをクリックし、htmlエディタを起動させる。~
htmlアイコンをクリックし、htmlエディタを起動させる。~
~
&attachref();~
&attachref(tw006.png);~
~
コピーしたコードを貼り付け、「更新ボタン」をクリック。~
設定を保存すれば完了です。~
コピーしたコードを貼り付け、「更新」をクリック。

**幅を第3カラムに合わせる場合はサイズを変更が必要です。 [#td108e2e]









[[サポートトップページ>サポート]]~

*目次 [#r6a2eb73]
#contents

*プラグインコードを取得する。 [#g196adce]
ソーシャルプラグイン作成ページにアクセスする。~
http://developers.facebook.com/docs/reference/plugins/like-box/~
1行目の~
 <a class="twitter-timeline"
の後に~
 style="width: 192px;"
を追加してください。~
~
&attachref(fb001.png);~
変更前~
 <a class="twitter-timeline" href=
変更後~
 <a class="twitter-timeline" style="width: 192px;" href=
~
各項目を設定し、「Get Code」ボタンをクリック。~
~
&attachref(fb002.png);~
~
IFRAMEを選択後、表示されたコードをコピーする。~

*仲介UPに貼り付ける [#v8c9a16a]
サイト設定のトップページフリーコンテンツ項目へ~
~
&attachref(fb003.png);~
~
htmlアイコンをクリックし、htmlエディタを起動させる。~
~
&attachref(fb004.png);~
~
コピーしたコードを貼り付け、「更新ボタン」をクリック。~
「更新ボタン」をクリック。~
設定を保存すれば完了です。~