grandstream blog

【WordPress】SNSシェアボタンを設置する方法!シンプル解説【コピペ】

こんにちは、grandstreamです。

今回は、WordPressの記事ページにSNSシェアボタンを設置する方法をシンプルに解説します。

なお本記事で紹介するのは、「Facebook」「Twitter」「Line」の3種類です。

コードはコピペして使用してOKです。

SNSシェアボタンを設置する方法

WordPressのテンプレート「single.php」内のどこでもいいので以下のコードをコピペしましょう。

次に、シェアリンクを設置したい箇所に以下のコードを貼り付けます。

以下、コードをざっくり解説します。

記事のURLとタイトルを取得


最初の部分「get_the_permalink()」「get_the_title()」、でそれぞれ現在表示している記事のURLとタイトルを取得しています。

なお、「rawurlencode()」でそれぞれURLエンコードしています。URLの中に日本語は使用できないので、URLに使用できるような形式に変換する必要があるわけですね。

リンク用のURLを作成


次にaタグのhref属性に記述するためのURLを作成します。

ここでは「Facebook」「Twitter」「Line」の3種類作成しています。

先程取得した記事のURL($url_encode)やタイトル($text_encode)をパラメータとして入れています。

aタグのhref内にシェアリンクURLを設置

あとは、single.php内のシェアリンクを設置したい箇所にaタグを設置し、変数「$href_fb」「$href_tw」「$href_line」をaタグのhref内でechoすればOKです。

aタグの中身は、アイコンや画像などをお好きに設置してください。

まとめ

というわけで今回は、WordPressの記事ページにSNSシェアボタンを設置する方法をシンプルに解説してみました。

お役に立てれば幸いです。

ではまた…!

コメントはお気軽にどうぞ