結婚式の余興を盛り上げたい

各種ブログへの設置

FC2ブログ(WEB拍手ランキング)

①ブログ管理画面「プラグインの設定」

FC2PCWEB拍手ランキング①

ブログ管理画面にログインし、左メニューより「プラグインの設定」を選びます。

②プラグイン対応テンプレートの確認

FC2PCWEB拍手ランキング②

ページ中程、利用しているテンプレートがプラグインに対応し、有効になっていることを確認します。

③公式プラグイン追加

FC2PCWEB拍手ランキング③

②と同じページの上段より、公式プラグイン追加を選びます。

④フリーエリアを利用して追加する

FC2PCWEB拍手ランキング④

拡張プラグインから「フリーエリア」の追加を選びます。

⑤取得タグをコピーする

FC2PCWEB拍手ランキング⑤

ブログ管理画面はそのままで、次にi2iWEB拍手ランキングパーツの管理画面にログインします。
左メニュー「タグ発行」より『取得タグ(ランキング表示兼用)』をコピーします。

⑥フリーエリアへタグを貼り付ける

FC2PCWEB拍手ランキング⑥

④の画面へ戻り、⑤でコピーしたi2iWEB拍手ランキングの取得タグを、ブログ管理画面「フリーエリア」へ貼り付けます。
タイトルは自由にご入力ください。例では「i2iWEB拍手」としました。

「追加」を押します。

⑦プラグイン追加の確認

FC2PCWEB拍手ランキング⑦

図のように追加されていれば取得タグ(ランキング表示)の設置は完了です。

⑧テンプレート設定

FC2PCWEB拍手ランキング⑧

拍手ボタンをブログエントリー毎に設置するため、ブログ管理画面「テンプレートの設定」を選択します。

⑨利用中のテンプレートのHTMLを編集する

FC2PCWEB拍手ランキング⑨

現在利用中のテンプレートのHTML,CSS編集を選択します。

⑩拍手ボタンタグをコピーする

FC2PCWEB拍手ランキング⑩

通常はi2iWEB拍手ランキングパーツの「タグ発行」より『拍手ボタンタグ』を、ブログ記事を投稿する度に設定が必要となりますが、 FC2ブログで利用する場合にはその設定は必要ありません。

FC2ブログではテンプレート内で使える変数として、ブログエントリー毎に異なる数字を自動で出力する機能を備えています。
今回はこの機能を利用して設置を行います。

FC2ブログ用拍手ボタンタグ

⑪テンプレートのHTML編集にてタグを貼り付ける

FC2PCWEB拍手ランキング⑪

今回は設置例として、ブログエントリーの本文の下に拍手ボタンタグが表示されるように設置します。

テンプレート内から『 <%topentry_body> 』という記述を探します。
そのすぐ下に⑩でコピーしたFC2ブログ用の拍手ボタンタグを挿入します。
「更新」を押して完了です。

同様の操作で設置可能なパーツ

PCテンプレートへ設置

スマホテンプレートへ設置

各種ブログへの設置