こんにちは、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シェアボタンを設置する方法をシンプルに解説してみました。
お役に立てれば幸いです。
ではまた…！
コメント