★ワードプレス:プラグインを使わずにSNSシェアボタンを付ける
U3
2020/7/26
2024/11/7
add to any share プラグインを導入したかったが、オリジナルテーマを適用していたため、プラグインが効かなかった。下記の手順で、SNSシェアボタンを投稿に表示させました。
手順
- sns.phpファイルを作る
- 「sns.php」を、「wp-content」→「themes」→テーマフォルダ内にアップロード
- font-Awesomeが表示されるようにheadファイルに記述を追加
- CSSでスタイル設定(style.cssへ追記)
- 投稿記事内に表示する場合、「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/

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