WordPressにソーシャルブックマークに追加ボタンを設置


投稿日:2011年11月9日
  • 0
  • 0



ソーシャルメディアボタンを設置することでサイトが大盛況

にはなりませんw
このサイトは備忘録が主な内容なのであまり宣伝めいたことをするつもりはないのですが、あって便利なものは付けてしまおうということで設置しました。

今回設置したのは「Google+1、Twitter、Facebook、はてなブックマーク、Yahoo!ブックマーク、Googleブックマーク」です。

追記

「最新版」WordPressに各種ソーシャルメディアボタンを追加する方法で最新版の設置方法を詳しく解説しました。


設置方法は、PukiWikiの時と同様。

1.まずは「Google+1」用のコードを「header.php」に追加。

<script type="text/javascript" src="https://apis.google.com/js/plusone.js">
  {lang: 'ja'}
</script>

を</head>直前に追加。

2.あとは各々のブックマーク用のタグを「loop-single.php」へ追加。

<!– .entry-content –>の直後に追加する。(画像のリンクを修正するだけで問題なく動いた)

3.仕上げにCSSで整形

「style.css」にブックマーク用のタグを追加。

以上で完成だ。サンプルは下を見てください。


現在のページを共有する



現在のページに関連する記事

WordPressにソーシャルブックマークに追加ボタンを設置 「最新版」WordPressに各種ソーシャルメディアボタンを追加する方法
WordPressにソーシャルブックマークに追加ボタンを設置 WordPressのショートコードを利用してSNSのVertical Balloonを設置する方法
WordPressにソーシャルブックマークに追加ボタンを設置 wordpressに新ツイートボタンを設置
WordPressをインストールしたら初めに設定する項目 WordPressをインストールしたら初めに設定する項目
WordPressにソーシャルブックマークに追加ボタンを設置 もう覚えなくても大丈夫!?WordPressの条件分岐タグの使い方まとめ
WordPressにGoogle Adsenseを貼り付ける WordPressにGoogle Adsenseを貼り付ける
PukiwikiでGoogle Analyticsを使う PukiwikiでGoogle Analyticsを使う

おすすめの記事

W3 Total Cacheの設定を通して学ぶ、WordPressを高速化するキャッシュの仕組み

W3 Total Cacheの設定を通して学ぶ、WordPressを高速化するキャ…

これ以上ないくらい簡単な例から学ぶ、レスポンシブwebデザインの作り方

これ以上ないくらい簡単な例から学ぶ、レスポンシブwebデザイン…

Mac OS 9時代のIDE接続のHDDをMacDrive 10を利用してWindows 10で読み込む方法

Mac OS 9時代のIDE接続のHDDをMacDrive 10を利用してWindows 10…

エンティティとデコード用プラグイン「Entity Decode Button」を作成しました

エンティティとデコード用プラグイン「Entity Decode Button」…

WordPressでアイキャッチ画像をサムネイルとして一覧ページに表示する方法

WordPressでアイキャッチ画像をサムネイルとして一覧ページに表…

ads.txtの設置方法を通して学ぶインターネット広告の問題点

ads.txtの設置方法を通して学ぶインターネット広告の問題点

rsyslogを利用したログファイル作成と、logrotateを利用したログのローテーション

rsyslogを利用したログファイル作成と、logrotateを利用したロ…

WordPress公式テーマTwenty Tenを子テーマでレスポンシブWebデザインに変更

WordPress公式テーマTwenty Tenを子テーマでレスポンシブWebデ…


コメントを残す

コメントは認証制のため、すぐには反映されません。

プログラミングに関する質問は「日本語でプログラミングの悩みを解決するQ&Aサイト sukegra」をご利用ください。