Joomla!,Wordpressでサイトを構築するためのヒント

WordPressにソーシャルブックマークアイコンをつける

公開日| 2009年11月26日 | コメントはまだありません。

WordPressにソーシャルブックマークアイコンをつけるには、それ用のプラグインをインストールし、表示したい位置にテーマを編集してあげるとできます。
ここでは、はてなブックマークアイコンを表示するためのプラグインを簡単に紹介してみましょう。

はてなブックマークアイコンを表示するためのプラグインは、wp-hatena(ダウンロード先)で提供されています。

インストールしましょう。

インストールは、通常のプラグイン同様、[プラグイン]-[新規追加]-[アップロード]から、先のダウンロード先からダウンロードしたZIPファイルを指定して、インストールします。
インストール後、プラグインを有効にします。
次に、テーマを編集してみましょう。

表示させてみましょう。

例えば、記事を表示しているときにのみ表示させる場合、テーマでは、single.phpやhome.phpなどの名前で提供されているファイルが、記事を表示するためのphpファイルですので、それをテキストエディタなどで開き、表示したい位置に、以下のコードを貼り付けるだけです。

<?php if(isset($wph)) {
	$wph->addHatena();
}?>

実際に記事を表示してみると、以下のようなアイコンが表示されていればOKです。
hatena

はてなのIDをおもちなら、一度、確認されることをお勧めいたします。

拡張させてみましょう。

はてな以外のソーシャルブックマークをこのプラグインに追加されている方がおられます。
http://wp.graphact.com/2007/07/11/96からwp-hatena-0.93j-ino2.lzhをダウンロードし、wp-content/plugins/wp-hatenaへ上書きすると同じように使うことができます。(はてなブックマークを含めて10のソーシャルブックマークを利用できるようになります。)

テーマへの追加は、以下のようなコードを追加します。

<?php if(isset($wph)) {
	$wph->addHatena();	//    * はてブ
	$wph->adddelicious();	//    * del.icio.us
	$wph->addLivedoor();	//    * Livedoorクリップ
	$wph->addYahoo();	//    * Yahoo!ブックマーク
	$wph->addFC2();		//    * FC2ブックマーク
	$wph->addNifty();	//    * ニフティクリップ
	$wph->addPOOKMARK();	//    * POOKMARK Airlines
	$wph->addBuzzurl();	//    * Buzzurl
	$wph->addChoix();	//    * Choix
	$wph->addnewsing();	//    * newsing
}?>

アイコンが表示されると以下のような感じです。
bookmark

すべて登録の動作確認までしていませんが、このプラグインには、非常に楽をさせていただきました。
ひとつひとつをphpで、書こうと思えば書けますが、少々、手間がかかります。
時間の惜しい方や、筆者のようなめんどくさがりには、非常にありがたいプラグインです。()






コメント

コメントをどうぞ








翻訳

最近の記事

カテゴリー

タグクラウド

execute remove フロントページ 投稿ページ トップページ install WIndows Note Convert META generator 日付 donwload file manage multibyte utf-8 unicode shiftjis euc console サイトマップ 問題 ParmaLink Redirect パーマリンク はみ出る pre 幅 テンプレート テーマ タグクラウド マルチランゲージ リダイレクト PHP(タグ) タグ table control HTML(タグ) コマンド 国際化(翻訳) SQLite(タグ) MySQL(タグ) qTranslate プラグイン(タグ) Wordpress(タグ)

リンク

このサイトは?

Joomla!,WordpressなどCMSを使ったサイト構築、サイト管理からソフトウェアの使用方法、開発環境までのヒントを記述します。

  • はてなブックマークへ追加する
  • Facebookでシェアする
  • twitter でつぶやく
  • Google Plusでシェアする
  • Pocketでシェアする
ページトップへ