Xeoryカスタマイズ!忍者おまとめボタンでSNSボタンを目立たせよう

xeory basic のカスタマイズをしばらく紹介してましたが、今回は、SNSボタン設置について紹介したいと思います。
これは、どのテーマでもいっしょなので、是非ご活用ください。

まず、もともとついてるSNSボタンはこんな感じで、全然目立たないんです。
1
このように、もうちょっと目立つようにしたいですね。

sns

スポンサーリンク
[ad]

忍者ツールズを使おう

忍者アナライズ忍者アクセス解析などの解析ツールでおなじみの、忍者ツールズがSNSボタンを簡単に設置できるツールを出してるので、それを使おうと思います。

忍者アクセス解析と忍者アナライズ

ちなみに、忍者アクセス解析と忍者アナライズは、どちらもサイトのアクセスログなどをするツールですが
アナライズのほうが、個人のサイト向けです。
リアルタイム解析やアクセスログ、滞在時間、直帰率、入口・出口ページなどを見れるんですが、GoogleAnalyticsよりも簡単だしわかりやすいです。
GoogleAnalyticsって、とにかく知りたい情報にたどり着くのに一苦労するんです。
特に私のような理解力のない人はw

その点、忍者アナライズはグラフなども見やすく、ほら、メニューもGoogleAnalyticsに比べたら、とてもわかりやすいでしょw

3
忍者アクセス解析のほうは、携帯の解析もできるけど、アナライズに比べたらわかりにくいし、個人サイト向けではありません。
ここに比較が載ってます。
http://www.ninja.co.jp/analyze/

おすすめの忍者アナライズはこちら
http://www.ninja.co.jp/analysis/

 

忍者おまとめボタンを設置しよう

さて、この忍者ツールズには、「忍者おまとめボタン」っていうのもあって、
載せたいSNSのボタンを、好きなデザインから選んで設置することができます。
そして、ボタンの解析もできます。

 

使い方

使い方は簡単。
サイトを選びます。

サイトを選ぶ

設置したいSNSのボタンを選びます。

おすすめがセットにになってるので、それを使ってもいいです。

おすすめを選ぶ

自分でデザインや使うものを選びたいときは、「自分でカスタマイズして選ぶ」クリック

カスタマイズする

好きなボタンを選んでいきます

選ぶ

 

コードをコピーして、サイトに貼るんですが、ワードプレスの場合、忍者おまとめボタン用のプラグインがあるので、それを使ったら簡単。

コードをコピーする

 

WordPressの人はNinjaToolsを入れる

 

NinjaToolsというプラグインを検索してインストールしてください。

1

すると、ダッシュボードのメニューの「設定」に、「忍者ツールズ」というのができてるので、クリックします。

2

そして、忍者ツールズにログインして忍者おまとめボタンのところに、作ったボタンの名前がでてるので、それを置きたいところにドラッグするだけ。

3

超簡単!

 

直接入力するとき

Xeoryと相性が悪いのか、プラグイン同士の相性が悪いのか、私のブログではちゃんと表示されませんでした。
なので、直接header.phpsingle.phpにコードを入力しました。

 

header.php は<?php header_social_buttons();?> をコメントアウトし

<!– <?php header_social_buttons();?> –> ←コメントアウトとはこのようにすることw

その下にコードを入れます。

 

single.phpも

<?php social_buttons();?>
     
        <ul>
          <li><i></i> <?php the_category(‘, ‘);?></li>
          <?php
          $posttags = get_the_tags();
          if($posttags){ ?>
          <li><i></i> <?php the_tags(”);?></li>
          <?php } ?>
このコードをコメントアウトして、おまとめボタンのコードを下に入れます。
もし、コメントアウトしても消えなければ、一応バックアップは取って削除してください。
ほんとは、子テーマを作って子テーマでいろいろ削除したり付け加えたりするのが一番いいんですが
自分のブログをカスタマイズするくらいなら、そこまでしなくていいかなと思います。

 

 

コメントする

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

two × three =