記事の詳細ブログにFacebookやTwitterなどのソーシャルボタンを設置する方法ブログ運営ヒントTweetWordPressをインストールしたときの初期のテーマだと、ソーシャルボタン(Facebook、Twitterなど)が設置されていません。ソーシャルボタンを設置したい場合は、自分で任意の場所に設置コードを記述する方法、プラグインを使用する方法、簡単にソーシャルボタン設置できるサービスを利用する方法の3つがあります。ここでは、簡単にソーシャルボタン設置できるサービスを利用する方法と、自分で任意の場所に設置コードを記述する方法を紹介します。自分で任意の場所に設置コードを記述する方法(横並び)簡単にソーシャルボタン設置できるサービスを利用する一番手軽にできるのが、ソーシャルボタン設置サービスを利用する方法です。ここでは2つのサービスを紹介します。忍者おまとめボタンでソーシャルボタンを設置する方法ローソンガジェットでソーシャルボタンを設置する方法ローソンガジェットは、LAWSON(ローソン)が提供しているソーシャルボタンを簡単に設置できるサービスです。ローソンガジェット1.まずローソンガジェットのページで色を選んでソースをコピーします。2.ソースをコピーしたら、ヘッダーやフッターの任意の場所(php)に貼り付けます。左端にガジェットが表示されます。忍者ブログでおなじみのサムライファクトリーが提供しているサービスです。忍者おまとめボタン1.まず「設置ボタンを1つずつ選択して作成」をクリックします。2.忍者ツールズのアカウントを作るか、FacebookやTwitterのアカウントでログインします。3.規約に同意して、設置するサイトで「WordPress」を選びます。4.使用したいブックマークボタンを追加していきます。5.追加し終わったら「コードを取得する」ボタンを押します。6.コードをコピーして、WordPressの任意の場所(テンプレートの記事下やサイドバーなど)にコードを挿入します。7.これでコードを貼り付けた場所にソーシャルボタンが表示されます。自分で任意の場所に設置コードを記述する方法(横並び)まず使用しているテーマのスタイルシート(CSS)に以下のようなid属性を記述します。15px;}後はブックマークボタンを表示させたい場所に、以下のコードを貼り付けます。(ここではTwitter、Facebook、google+、はてなブックマークを設置するコードを紹介しています)※テキストウィジェットや記事本文にコードを貼り付ける場合は、PHPを書き込めるようにするプラグイン(Exec-PHPなど)が必要です。async="async"></script></li></ul></div>これでコードを貼り付けた場所に、以下のようなソーシャルボタンが表示されると思います。無料で使える写真・イラスト素材配布サイトのまとめ見出しタグ(h1~h6)の正しい使い方。views見出しタグ(h1~h6)の正しい使い方。viewsページ上部へ戻る『WPナビ』について当ブログでは初心者の方でもワードプレスで個人ブログが作れるように、ワードプレスをインストールするまでの手順、初期設定と記事の書き方、ブログの運営に便利なプラグインなどを紹介しています。ワードプレスを利用する方は難しいと感じることもあるかもしれませんが、慣れてしまえばカスタマイズ性に優れた使いやすいツールです。これから自分のブログを作ってみようかなと思っている方は、是非ワードプレスを使ったブログにチャレンジしてみてください。WordPressの使い方。WPナビページ上部へ戻る。