WordPressにwp-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('« %link') ?></div>
<div class="alignright"><?php next_post_link('%link »') ?></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.





