賢威テンプレートにLINEボタンを追加する方法

賢威テンプレートにLINEボタンを追加する方法を説明いたします。

賢威テンプレートを導入したら フッターをカスタマイズしましょう。



編集前に必ずバックアップを忘れないでくださいね。



設定方法は


ワードプレス管理から 外観>テーマ編集>social-button.php を開きます。

開きましたら 初期設定はこのようになってます。

<ul class=”sb m20-b”>
<li class=”sb-tweet”></li>
<li class=”sb-hatebu”></li>
<li class=”sb-gplus”></li>
<li class=”sb-fb-like”></li>

</ul>

ここにラインボタンを設定しておきます。

まずはLINEボタンの画像をダウンロードしてください。

ボタン画像をダウンロード



ダウンロードが終わりましたら お好きなアイコンをアップロードしてください。


画像URLを作成しましたら下記タグを追加します。

<a href=”http://line.naver.jp/R/msg/text/?<?php the_title(); ?>%0D%0A<?php the_permalink(); ?>”><img src=”画像URL” width=”画像の幅” height=”画像の高さ” alt=”LINEで送る” /></a>

(画像URL 画像の幅 画像の高さは 先ほどのアイコンの画像にあわせて設定してください。)

<ul class=”sb m20-b”>
<li class=”sb-tweet”></li>
<li class=”sb-hatebu”></li>
<li class=”sb-gplus”></li>
<li class=”sb-fb-like”></li>
<a href=”http://line.naver.jp/R/msg/text/?<?php the_title(); ?>%0D%0A<?php the_permalink(); ?>”><img src=”画像URL” width=”画像の幅” height=”画像の高さ” alt=”LINEで送る” /></a>

</ul>

これで無事にLINEボタンが追加できました。

<a href=”http://line.naver.jp/R/msg/text/?<?php the_title(); ?>%0D%0A<?php the_permalink(); ?>”><img src=”画像URL” width=”画像の幅” height=”画像の高さ” alt=”LINEで送る” /></a>

だけ お好きな場所に設置して LINEボタンのみの使用でも大丈夫なので設置してみたください。

             夢実現プロジェクト・メールマガジン講座

AYUMI&HIROの夢実現プロジェクト始動
あなたは現状に満足されてますか?


magajin

本気で稼ぐ気があるのならご参加下さい。
アフィリエイトで稼ぐためのメールマガジン講座

btn043

この記事はお役に立てましたでしょうか? また他の誰かの役に立ちそうだと思っていただけたら、下のボタンから共有をいただけましたら運営者のモチベーション維持にもつながります。

ブログランキング・にほんブログ村へ
にほんブログ村

3 Responses to “賢威テンプレートにLINEボタンを追加する方法”

  1. サッキーナ より:

    賢威テンプレートにLINEボタンを追加する方法を拝見しましたが、超初心者の為、うまく行きません。

    ・アイコンのアップロード場所はどこにすれば良いですか?
    ・画像URL作成とはどうすればいいのでしょうか?
    ・画像サイズは176×40ですが、幅と高さは数字をそのまま入れればいいのでしょうか?

    お忙しい中恐縮ですが、ご教授頂ければ幸いです。

  2. サッキーナ より:

    度々すみません。google先生により自己解決しました。ありがとうございました。

コメントを残す

サブコンテンツ

このページの先頭へ