Web Liberty&freoカスタマイズ集

最近はソーシャルメディアのボタンが増えて、1つずつ設置するのが面倒なので、「忍者おまとめボタン」を利用する方が便利みたいです。当サイトでも導入してみました。

1. 忍者ツールズ のアカウントでログインし（忍者ツールズのアカウントがない場合は新規登録してください）、忍者おまとめボタンのトップ からスタイルを選んで「上記セットで新規作成」か「設置ボタンを1つずつ選択して作成」のボタンを押します。
2. 「利用規約に同意して次へ」を押します。
3. 「設置するWebサイトを選んでください。」と出たら、「その他のブログ」をクリックします。
4. プレビューで位置などを確認後、「コードをコピーする」を押してスクリプトコードをコピーします。
5. コードの貼り付け
   • エントリーの場合
     templates/internals/default/default.html または templates/internals/view/default.html の任意の部分にコードを一旦貼り付けます。
     貼りつけたコード（xxx～はコード番号）を

     <div class="ninja_onebutton">
     <script type="text/javascript">
     {literal}
     //<![CDATA[
     (function(d){
     if(typeof(window.NINJA_CO_JP_ONETAG_BUTTON_xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx)=='undefined'){
     				document.write("<sc"+"ript type='text¥/javascript' src='http:¥/¥/omt.shinobi.jp¥/b¥/xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx'><¥/sc"+"ript>");
     }else{ 
     		window.NINJA_CO_JP_ONETAG_BUTTON_xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx.ONETAGButton_Load();}
     })(document);
     //]]>
     {/literal}
     </script><span class="ninja_onebutton_hidden" style="display:none;">{$freo.core.http_file}/view/{if $entry.code}{$entry.code}{else}{$entry.id}{/if}</span><span style="display:none;" class="ninja_onebutton_hidden">{$entry.title}</span>
     </div>

     に編集（赤字を追加）します。
   • ページの場合
     templates/internals/page/default.html の任意の部分にコードを一旦貼り付けます。
     貼りつけたコード（xxx～はコード番号）を

     <div class="ninja_onebutton">
     <script type="text/javascript">
     {literal}
     //<![CDATA[
     (function(d){
     if(typeof(window.NINJA_CO_JP_ONETAG_BUTTON_xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx)=='undefined'){
     				document.write("<sc"+"ript type='text¥/javascript' src='http:¥/¥/omt.shinobi.jp¥/b¥/xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx'><¥/sc"+"ript>");
     }else{ 
     		window.NINJA_CO_JP_ONETAG_BUTTON_xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx.ONETAGButton_Load();}
     })(document);
     //]]>
     {/literal}
     </script><span class="ninja_onebutton_hidden" style="display:none;">{$freo.core.http_file}/page/{$page.id}</span><span style="display:none;" class="ninja_onebutton_hidden">{$page.title}</span>
     </div>

     に編集（赤字を追加）します。

   ※タイトル部分にサイトのタイトルを表示させたい場合は上記の{$entry.title}または{$page.title}の部分に適宜{$freo.config.basis.title}を加入してください。

※基本的には一度設置した管理画面でボタンを変更する時でもコードの張り替えを行う必要はありません。