[対応:6.1]ソーシャルボタンの並び換え、追加などの調整方法
賢威6.1に搭載されているソーシャルボタンについて、
並び換えや削除、追加など調整方法をご紹介します。
動画マニュアル
賢威6.0 ソーシャルボタンの設置場所
賢威6.0のソーシャルボタンですが、トップページ、記事ページ上下の計3箇所に
ソーシャルボタンが設定されています。
全て「<?php get_template_part(‘social-button’); ?>」のタグで制御されていますので、
必要ない場合は削除、また他の場所への設置も可能です。
トップページ
WordPressダッシュボードから外観⇒テーマ編集を開き、
メインインデックスのテンプレート (index.php)をクリックします。
記事ページ
WordPressダッシュボードから外観⇒テーマ編集を開き、
単一記事の投稿 (single.php)をクリックします。
以上の場所がそれぞれのソーシャルボタンの設置場所ソースになります。
消したい場合は、タグを削除することで消えます。
ソーシャルボタンの並び換え、修正方法
各設置されるソーシャルボタンですが、
・Twitter
・はてなブックマーク
・Google+
・Facebook
の順番に並んでいます。
この順番を入れ替えたり、削ることも可能です。
1.ダッシュボード⇒外観⇒テーマ編集から「social-button.php」をクリックします。
2.<li>~</li>でそれぞれのボタンが書かれていますので、
削除や並び換えが可能です。
3.デフォルトの並び順は、隙間が空いているので、並び替えて見ました。
↓
<ul class=”sb m20-b”>
<li class=”sb-tweet”></li>
<li class=”sb-hatebu”></li>
<li class=”sb-fb-like”></li>
<li class=”sb-gplus”></li>
</ul>
このように並び替えてみましたが、どうしてもTwitterの収まりが悪いですね。。
こんな感じで入れ替えや削除をすることが可能です。
ソーシャルボタンを新しく追加する方法
他に追加したいソーシャルボタンがある場合は、
この場所から追加することも可能です。
今回は例として「Buzzurl(バザール)」のアイコンを追加してみます。
1.Buzzurl(バザール)から設置するアイコンを作成します。
2.タグを作成してコピーしてください。
3.このタグを賢威の中に設置して行きます。
先ほどの「social-button.php」を開き、中に<li>~<li>で新しく追加します。
<ul class=”sb m20-b”>
<li class=”sb-tweet”></li>
<li class=”sb-hatebu”></li>
<li class=”sb-fb-like”></li>
<li class=”sb-gplus”></li>
<li><a href=”http://buzzurl.jp/entry/http://www.unitedorthodoxaid.com/” title=”Buzzurlにブックマーク” target=”_blank”><img src=”http://buzzurl.jp.eimg.jp/static/image/api/icon/add_icon_mini_01.gif” alt=”Buzzurlにブックマーク” style=”border:0″></a><a href=”http://buzzurl.jp/entry/http://www.unitedorthodoxaid.com/” title=”Buzzurlにブックマーク” target=”_blank”><img src=”http://api.buzzurl.jp/api/counter/http://www.unitedorthodoxaid.com/” alt=”Buzzurlにブックマーク” style=”border:0″></a><li>
</ul>
このように作成したタグを追加してあげてください。
また配置の調整は必要そうですが、このように追加されました^^
以上
賢威6.1 ソーシャルボタンの並び換え、追加などの調整方法でした。