アンディwordpressSNSの持つ高い拡散力はブログを運営していく上で無視することはできません。上手に活用することで新しいユーザーの獲得や読者の増加といった機会を大幅に増やすことができます。WordPressの投稿記事内などの特定の場所にSNSのシェアボタンをプラグインなしで設置する方法を紹介します。SNSの効果的な使用方法についてはこちらSNS余談:プラグインを使わない理由プラグインを使わない理由は、サイトの読み込み速度が早くなること、自由にカスタマイズができること、プラグインのアップデートによる不具合の干渉を受けないことなどがあります。軽快にサイトが表示されれば検索順位も上げられますよね。プラグインの脆弱性からサイトを攻撃される恐れもあるとか。できる限りプラグインは使わないということを目指した方がよさそうです。SNSボタンをまとめたsns.phpを作成するまずは、SNSボタンをテンプレートとして使用するために”sns.php”など任意の名前をつけたPHPファイルを作成します。下記のコードをコピペしたPHPファイルをWordPressのテーマ内に設置しておきます。することで好きな場所に一行のコードで設置することができます。下記は「Facebook」「Twitter」「LINE」「はてなブックマーク」の4つのSNSシェアボタンを設置するためのコードとなっています。</li></ul></div>SNS共有ボタンのアイコンにFontAwesomeのWebアイコンを表示させています。FontAwesomeを使用する設定を行っていない場合はWebアイコンを利用する設定を行ってください。CDNで利用するには、下記のリンクをheadタグに追加します。rel="stylesheet">CSSでデザインを整える次にCSSを使って装飾を行いましょう。下記にはデザイン例を載せましたので好みにカスタマイズしてください。レスポンシブ対応も忘れずに行いましょう。viewportの設定を行ってください。}}CSSで下記のようなボタンにしました。はてなブックマークはFontAwsomeにアイコンがないので、似ているフォントで代用してアイコンにしています。設置しましたが、他に追加するとしたらGoogle+はサービス終了したしPocketとかFeedlyくらい?あと、スマホ用ではアイコンをdisplay:none;にして文字のみの表示にしましたが、逆にしてアイコンのみの表示にしてもいいかと思います。}}デザイン例PC用スマホ用ちなみにFontAwsomeのLINEとPocketのアイコンは有料となっています。記事内にSNSボタンを設置する投稿記事内や、任意の場所にSNSボタンを表示させるには下記のコードを一行追加するだけで設置する事ができます。?>‘sns’には制作したファイルの名前が入ります。先程「sns.php」という名前のファイルを作成したので「sns」と記述します。WordPressの投稿記事に設置したい場合は「single.php」に追加します。投稿記事以外の他の場所にも設置することができます。テンプレートを作っていおけば一行のコードを記述するだけでいろんな場所で読み込めるため便利です。採用情報プライバシーポリシーお問い合わせお問い合わせはこちら制作の流れホームページ制作・ショッピングサイト制作・Webデザイン制作・Webシステム開発。