★ワードプレス:プラグインを使わずにSNSシェアボタンを付ける

U3
2020/7/26
2024/11/7

add to any share プラグインを導入したかったが、オリジナルテーマを適用していたため、プラグインが効かなかった。下記の手順で、SNSシェアボタンを投稿に表示させました。


手順

  1. sns.phpファイルを作る
  2. 「sns.php」を、「wp-content」→「themes」→テーマフォルダ内にアップロード
  3. font-Awesomeが表示されるようにheadファイルに記述を追加
  4. CSSでスタイル設定(style.cssへ追記)
  5. 投稿記事内に表示する場合、「single.php」の任意の場所に、sns.phpを呼び出す記述を1行追加


<?php get_template_part( 'sns' ); ?>


デザインを変えたいとき

下記を参考にカスタマイズしてはどうでしょうか。


オリジナルのシェアボタンを作ろう!各種SNSのボタン設置用URLまとめ

https://webdesign-trends.net/entry/3632


PHPの記述が文字化けするとき

はてブ などが文字化けするときは、秀丸エディタ等で文字コードをUTF-8に変えて保存します。

https://www.flatflag.nir87.com/encode-129#php


プラグインを使わないメリット

  • サイトの読み込み速度が早くなる
  • 自由にカスタマイズができる
  • プラグインのアップデートによる不具合の干渉を受けない

参考サイト

https://www.torat.jp/wordpress-sns-share/

より


WordPressに7つのSNSシェアボタンをプラグインなしで実装

https://webjin.work/implement-8-sns-share-buttons-in-wordpress-without-plugin/


コメント

コメントはまだありません。