2020-08-05

個別記事に「LINEで送るボタン」を付けました

梅雨明けて35度の猛暑です(;^_^A

皆様はお元気でお過ごしでしょうか?

私は、早朝に庭の水やりをして、ウオーキング30分して汗だくになってシャワーをする毎日です。

今回は「LINEでお送る」ボタンを付けてみましたよ。

スポンサーリンク


LINEで送るボタンの付け方

まず、こちらから「LINEで送るボタン」のコードを取得します。

1.URLを入力します。
2.ボタンのタイプを選択します。
3.コードをコピーします。

<div class="line-it-button" data-lang="ja" data-type="share-a" data-ver="3" data-url="https://peewee.mocot.net/" data-color="default" data-size="small" data-count="false" style="display: none;"></div>
 <script src="https://d.line-scdn.net/r/web/social-plugin/js/thirdparty/loader.min.js" async="async" defer="defer"></script>

 

4.このままではブログのトップページを送ることになるので

data-url="https://peewee.mocot.net/"

この部分を以下のように書き換えます。

data-url="<?php echo get_permalink(); ?>"

これで個別記事のURLをLINEで送ることが出来るようになりました。

 

スポンサーリンク


こちらの記事も読まれています。