賢威8にLINE (ライン)とPocket (ポケット)のSNSシェアボタンを追加する方法

賢威8にLINE (ライン)とPocket (ポケット)のSNSシェアボタンを追加する方法を紹介します。以前は「WP Social Bookmarking Light」というワードプレスのプラグインを使用していたのですが、プラグインの使用を抑えたいのと賢威8でLINEとPocketのSNSシェアボタンを追加できればそれでよい。ということになりました。

パソコン・スマホ画面共通

以下は、パソコン・スマホ画面共通のSNSシェアボタンを追加する方法です。

ファイル「keni/module/keni-sns/keni-sns.php」の877行目と878行目の間に以下を追加します。

        <div class="sns-btn_line"<?php echo $link; ?><?php echo $title; ?>></div>
        <div class="sns-btn_pocket"<?php echo $link; ?><?php echo $title; ?>></div>

修正前と修正後は以下の通りです。

修正前

        <div class="sns-btn_tw"<?php echo $link; ?><?php echo $title; ?>></div>
        <div class="sns-btn_fb"<?php echo $link; ?><?php echo $title; ?>></div>
        <div class="sns-btn_hatena"<?php echo $link; ?><?php echo $title; ?>></div>
		<?php
		$ret = ob_get_contents();
		ob_end_clean();

修正後

        <div class="sns-btn_tw"<?php echo $link; ?><?php echo $title; ?>></div>
        <div class="sns-btn_fb"<?php echo $link; ?><?php echo $title; ?>></div>
        <div class="sns-btn_hatena"<?php echo $link; ?><?php echo $title; ?>></div>
        <div class="sns-btn_line"<?php echo $link; ?><?php echo $title; ?>></div>
        <div class="sns-btn_pocket"<?php echo $link; ?><?php echo $title; ?>></div>
		<?php
		$ret = ob_get_contents();
		ob_end_clean();

スマホ画面 (スマートフォン向けフッターパネル)

スマホ画面 (スマートフォン向けフッターパネル)にSNSシェアボタンを追加する方法です。

ワードプレスのダッシュボード→賢威の設定をクリック。賢威の設定画面を表示します。中央あたりにある「スマートフォン向けフッターパネル」の「コンテンツ」に以下を追加します。

        <div class="sns-btn_line"></div>
        <div class="sns-btn_pocket"></div>

修正前と修正後は以下の通りです。

修正前

<div class="sns-btn_wrap sns-btn_wrap_s">
        <div class="sns-btn_tw"></div>
        <div class="sns-btn_fb"></div>
        <div class="sns-btn_hatena"></div>
		
</div>

修正後

<div class="sns-btn_wrap sns-btn_wrap_s">
        <div class="sns-btn_tw"></div>
        <div class="sns-btn_fb"></div>
        <div class="sns-btn_hatena"></div>
        <div class="sns-btn_line"></div>
        <div class="sns-btn_pocket"></div>
</div>

SNSシェアボタンの順番の入れ替え

ちなみに各SNSシェアボタンの順番は入れ替えることができます。例えばはてなのボタンを一番右にしたい場合は以下のように修正します。

パソコン・スマホ画面共通

修正前

        <div class="sns-btn_tw"<?php echo $link; ?><?php echo $title; ?>></div>
        <div class="sns-btn_fb"<?php echo $link; ?><?php echo $title; ?>></div>
        <div class="sns-btn_hatena"<?php echo $link; ?><?php echo $title; ?>></div>
        <div class="sns-btn_line"<?php echo $link; ?><?php echo $title; ?>></div>
        <div class="sns-btn_pocket"<?php echo $link; ?><?php echo $title; ?>></div>

修正後

        <div class="sns-btn_tw"<?php echo $link; ?><?php echo $title; ?>></div>
        <div class="sns-btn_fb"<?php echo $link; ?><?php echo $title; ?>></div>
        <div class="sns-btn_line"<?php echo $link; ?><?php echo $title; ?>></div>
        <div class="sns-btn_pocket"<?php echo $link; ?><?php echo $title; ?>></div>
        <div class="sns-btn_hatena"<?php echo $link; ?><?php echo $title; ?>></div>

スマホ画面 (スマートフォン向けフッターパネル)

修正前

        <div class="sns-btn_tw"></div>
        <div class="sns-btn_line"></div>
        <div class="sns-btn_hatena"></div>
        <div class="sns-btn_fb"></div>
        <div class="sns-btn_pocket"></div>

修正後

        <div class="sns-btn_tw"></div>
        <div class="sns-btn_line"></div>
        <div class="sns-btn_fb"></div>
        <div class="sns-btn_pocket"></div>
        <div class="sns-btn_hatena"></div>

まとめ

以前はSNSを全然意識してなくて、これじゃダメだと2年前くらいから勉強しています。ダメっていうのが私も実際にツイッターをメインに使用しているんですが、明らかにググることが少なくなってるんですよね。もちろん仮想通貨みたいな情報自体がない場合は、ググって基本的なことを調べるんですが、いったんキーワードが定まるとひたすらそれについてツイッターで追いかけるみたいな。

で、ツイートの詳細はこちらみたいなリンクがあって、ブログやらサイトやらに誘導されるわけです。グーグルに登録されているウェブページの情報がツイッターの情報に追いついてない感じですね。そんなこともあって、賢威8にLINE (ライン)とPocket (ポケット)のSNSシェアボタンを追加しました。