QLOOKアクセス解析
RSS
« 8月 2012 2月
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29
 

WordPressのソーシャルブックマークボタンを追加するプラグイン

13 4月

WordPresswp-hatenaプラグインってのがあり

ソーシャルブックマークの追加ボタンを設置するプラグイン。

ウェブ上でブックマーク(お気に入り)を共有や管理できるソーシャルブックマークというのがある。

タグの関連付けやサムネイルによるスクリーンショットで管理しやすく

いろいろな端末から管理や編集可能。

また、一部のブックマークは非公開設定などもできるようだ。

Afroはソーシャルブックマーク使った事ないけどアイコンを設置してみる。

使用するテーマはWPTP-Chocolateです。

wp-hatenaプラグインのダウンロード

本家
WordPress Plugins/JSeries » wp-hatena
本家バージョンからの拡張版(本家から紹介されてるので承諾済みっぽい)
wp-hatena を Livedoorクリップ その他色々対応させてみました | Numb.

newsing , Choix 追加版のwp-hatena-0.93j-ino2.lzhをダウンロード。

解凍、アップロードしプラグイン有効にする。

各PHPファイルに追加するソース

反映させるためにはFC2拍手と同じように

投稿に関連するPHPファイルに下記ソース

<!-- ソーシャルブックマークwp-hatena -->
<?php if(isset($wph)) {
	$wph->addHatena();
	$wph->adddelicious();
	$wph->addLivedoor();
	$wph->addYahoo();
	$wph->addFC2();
	$wph->addNifty();
	$wph->addPOOKMARK();
	$wph->addBuzzurl();
	$wph->addChoix();
	$wph->addnewsing();
}?>
<!-- /ソーシャルブックマークwp-hatena -->

を追記する必要がある。

<!-- ソーシャルブックマークwp-hatena --><!-- /ソーシャルブックマークwp-hatena -->

コメントアウト部分でAfroが勝手につけている。

編集する必要のあるPHPファイル

WPTP-Chocolateの場合は

/wp-content/themes/wptp-chocolateディレクトリにある下記ファイルを編集

  • archive.phpファイル(カレンダーやアーカイブの各月、タグからの投稿)
  • category.phpファイル(カテゴリーからの投稿)
  • index.phpファイル(メインページの投稿)
  • single.phpファイル(単一記事の投稿)
  • search.phpファイル(検索結果からの投稿)

各ファイルのアップロード、ダウンロード作業をせず

WordPress外観編集から行う場合はこれらのファイルのパーミッション646にしておく。

テーマによってはこれらのファイルはテーマのディレクトリにではなく

別のディレクトリにあったりプラグインによってディレクトリを追加されてることがあるかも。

archive.phpファイルの編集

中央ぐらいにある

<div class="comment-count">
<div class="com-take"><?php comments_popup_link('No Comments', '1 Comment', '% Comments'); ?></div>
</div>
</div>

の直前にソースを追加。

category.phpファイルの編集

中央ぐらいにある

<div class="comment-count">
<div class="com-take"><?php comments_popup_link('No Comments', '1 Comment', '% Comments'); ?></div>
</div>
</div>
<div class="post-block"></div>

の直前にソースを追加。

index.phpファイルの編集

中央ぐらいにある

<div class="comment-count">
<div class="com-take"><?php comments_popup_link('No Comments', '1 Comment', '% Comments'); ?></div>
</div>
</div>
<div class="post-block"></div>

の直前にソースを追加。

single.phpファイル

中央ぐらいにある

<div class="bookmark"></div>

<div class="post-content">
<?php the_content(); ?>
</div>

</div>
<div class="post-block"></div>

<?php endwhile; ?>

<div class="paging-navigator-box">
<div class="alignleft"><?php previous_post_link('&laquo; %link') ?></div>
<div class="alignright"><?php next_post_link('%link &raquo;') ?></div>
</div>

の間にソースを追加。

search.phpファイルの編集

中央ぐらいにある

<div class="comment-count">
<div class="com-take"><?php comments_popup_link('No Comments', '1 Comment', '% Comments'); ?></div>
</div>
</div>
<div class="post-block"></div>

の直前にソースを追加。

以上で各投稿にソーシャルブックマークのアイコンが追加されます。

引用、参考サイト

複数のソーシャルブックマークサービス追加ボタンを一括表示|ブログパーツ|Web関連特集|PHP & JavaScript Room

記事にソーシャルブックマークボタンを挿入するプラグイン[WP] – ミblog : レビューや日常など

WordPress Plugins/JSeries » wp-hatena

wp-hatena を Livedoorクリップ その他色々対応させてみました | Numb.

 
拍手する このエントリをはてなブックマークに追加このエントリをdel.icio.usに追加このエントリをLivedoor Clipに追加このエントリをYahoo!ブックマークに追加このエントリをFC2ブックマークに追加このエントリをNifty Clipに追加このエントリをPOOKMARK. Airlinesに追加このエントリをBuzzurl(バザール)に追加このエントリをChoixに追加このエントリをnewsingに追加

Tags: , , , ,

Leave a Reply

 

 
 

Videos, Slideshows and Podcasts by Cincopa Wordpress Plugin