[対応:6.1]ソーシャルボタンの並び換え、追加などの調整方法

賢威6.1に搭載されているソーシャルボタンについて、
並び換えや削除、追加など調整方法をご紹介します。

toppp

 

動画マニュアル

 

賢威6.0 ソーシャルボタンの設置場所

賢威6.0のソーシャルボタンですが、トップページ、記事ページ上下の計3箇所に
ソーシャルボタンが設定されています。

全て「<?php get_template_part(‘social-button’); ?>」のタグで制御されていますので、
必要ない場合は削除、また他の場所への設置も可能です。

トップページ

ws0000093

WordPressダッシュボードから外観⇒テーマ編集を開き、
メインインデックスのテンプレート (index.php)をクリックします。

ws0000112

 

記事ページ

ws0000101

WordPressダッシュボードから外観⇒テーマ編集を開き、

単一記事の投稿 (single.php)をクリックします。

ws000012

 

以上の場所がそれぞれのソーシャルボタンの設置場所ソースになります。
消したい場合は、タグを削除することで消えます。

 

ソーシャルボタンの並び換え、修正方法

ws000013

各設置されるソーシャルボタンですが、

・Twitter
・はてなブックマーク
・Google+
・Facebook

の順番に並んでいます。
この順番を入れ替えたり、削ることも可能です。

1.ダッシュボード⇒外観⇒テーマ編集から「social-button.php」をクリックします。

ws000014

 

2.<li>~</li>でそれぞれのボタンが書かれていますので、
削除や並び換えが可能です。

ws000015

 

3.デフォルトの並び順は、隙間が空いているので、並び替えて見ました。

ws000013

<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>

ws000016

このように並び替えてみましたが、どうしてもTwitterの収まりが悪いですね。。

こんな感じで入れ替えや削除をすることが可能です。

 

ソーシャルボタンを新しく追加する方法

他に追加したいソーシャルボタンがある場合は、
この場所から追加することも可能です。

今回は例として「Buzzurl(バザール)」のアイコンを追加してみます。

1.Buzzurl(バザール)から設置するアイコンを作成します。

Buzzurlブックマークアイコンの取り付け

ws000018

 

2.タグを作成してコピーしてください。screenshot_14

 

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>

このように作成したタグを追加してあげてください。

 

ws0000202

また配置の調整は必要そうですが、このように追加されました^^

 

以上

賢威6.1 ソーシャルボタンの並び換え、追加などの調整方法でした。

コメントを残す

CAPTCHA


サブコンテンツ

このページの先頭へ