賢威のサイドバーにSNSボタンを表示させる

賢威のサイドバーにSNSボタンを表示させる方法です。


賢威のデフォルト(標準)では、

記事ページの上下2か所にSNSボタンが表示されます。


これをサイドバーにも表示したい、

又はサイドバー1か所だけにしたい場合などにお役に立つと思います。


賢威のサイドバーにSNSボタンを表示させるには、

次の①と②の作業を行います。


①の作業

WordPress管理画面から

「外観」⇒「ウィジェット」をクリックして、


「テキスト」を追加して、リンクを貼る
画像は大きくなります。



左にある「テキスト」を右にあるサイドバー欄やサブコンテンツ欄に

ドラッグ&ドロップして追加します。


ドラッグ&ドロップ

マウスポインターを「テキスト」上に乗せ、

左クリックしたまま(押したまま)、サブコンテンツ内へ持って行きます。



そして次の内容をコピーして

<li class="sb-tweet"></li>
<li class="sb-hatebu"></li>
<li class="sb-gplus"></li>
<li class="sb-fb-like"></li>


追加した「テキスト」内に貼り付けて保存&キャッシュの削除をして下さい。


テンプレートによっては、

①の作業だけでサイドバーにSNSボタンを表示出来ますので、

①の作業後にサイトを一度確認してみて下さい。


②の作業

①の作業後にサイドバーにSNSボタンが表示されない場合は、

「外観」⇒「エディター」をクリックして、

design.cssを開きます。

サイドバーにSNSボタンを表示させるためdesign.cssを修正する


そしてdesign.cssの一番下に、次の内容を追加して保存します。

.sub-column .sb li {
float: left;
padding-bottom: 10px;
}
.sub-column .sb-hatebu {
margin-right: 10px;
}
.widget-conts {
clear: both;
display: block;
}

サイトを確認して頂くと、先ほど追加した「テキスト」の場所に

SNSボタンが表示されてると思います。


何度も書いて申し訳ないのでが、

修正を加えたら必ずキャッシュの削除をしてからサイトを確認して下さいね。


特にスマホの表示は、

キャッシュの削除をしないと反映されないです。


以上で、

賢威のサイドバーにSNSボタンを表示させる方法の

説明を終えます。








サブコンテンツ

当サイトの記事一覧

アーカイブ

このページの先頭へ