無料でビットコインをもらえるのは、ビットフライヤー

[み]WordPressで、プラグインなしでソーシャルボタンを設置する方法

wordpress

最近はどのサイトをみても、必ずと言っていいほどソーシャルボタンってついてますよね。逆に、ソーシャルボタンのついていないサイトを探す方が難しくなっているんじゃないでしょうか?もちろん、ソーシャルボタンがついていないサイトはありますが、まぁ、そう言わずに…

それで、みはら.comでもTwitterとか、Facebookのソーシャルボタンを設置しているワケですが、これは、まだまだWordPressを理解していない頃に、とにかくプラグインに頼りまくってサイトをつくっていたときに、「WP Social Bookmarking Light」というプラグインを使って設置して、そのまま放置しています。最近、少しづつWordPressを理解しはじめたので、プラグインをはずしてサイトを軽くしたい!という方のためにも、プラグインなしでソーシャルボタンを設置する方法を紹介します。

プラグインなしのソーシャルボタンの設置方法

ではさっそく設置方法を紹介します。

JavaScriptをコピペ

次のものから必要なものをコピペしてください。はりつけるのは、<body>~</body>であればどこでも大丈夫ですが、</body>の直前がいいって言われてますね。早くなるそうです。

  • Twitter
    [cc lang=”HTML”]

    [/cc]
  • はてブ
    [cc lang=”HTML”]

    [/cc]
  • Facebook
    [cc lang=”HTML”]


    [/cc]

  • Google+
    [cc lang=”HTML”]

    [/cc]
  • Evernote
    [cc lang=”HTML”]

    [/cc]

このなかから、設置するものを選んでコピペします。コメントを残したままコピペすると、後から修正しようと思ったときに便利です。

ボタンを表示するコードをコピペ

JavaScriptが準備できたので、次は、実際に表示するコードを準備します。今回は、Twitter、はてブ、Facebook、Google+、Evernoteの全部表示するコードですが、要らないものは削除してください。
[cc lang=”HTML”]

[/cc] これをそのまま、ソーシャルボタンを表示したいところに貼り付けてもかまいませんが、メンテナンスのことを考えると、ちょっとためらわれますよね。そんなときには、functions.phpを利用します。

functions.phpに次のコードをコピペします。上のコードと同じく、必要のないものは削除してください。
[cc lang=”php”] //ソーシャルボタン
function SocialButton()
{ ?>


[/cc] これで完了です。あ、もちろん、CSSで見た目の調整は必要かと思われますので、その辺はよろしくお願いいたします。

でも、「WP Social Bookmarking Light」はとても便利

ここまでプラグインを使わずにソーシャルボタンを設置する方法を紹介してきましたが、「WP Social Bookmarking Light」はやはりとても便利です。ので、コードをコピペするの面倒とか、functions.php弄くってエラーでるのやだという方は、「WP Social Bookmarking Light」を使う方が幸せになれると思います。

「WP Social Bookmarking Light」でも、好きなところに配置できる

ちなみに、いろんなところで、「WP Social Bookmarking Light」は上か下にしか設置できないので使うのやめたという記事を見かけますが、「WP Social Bookmarking Light」でも、好きな位置にソーシャルボタンを設置することができます。そのやり方は、けっこう前にみはら.comでも紹介しています。
WordPressのプラグイン「WP Social Bookmarking Light」を好きな位置に配置する方法
単純に、上か下かしか選べないから「WP Social Bookmarking Light」をやめるという方は、ぜひ↑この方法をお試しください。もちろん、コピペでいけますから。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です