WordPressメモ

前回の投稿で「はてなブックマークボタンを表示する方法」を載せましたが、それ以外のソーシャルブックマークの追加ボタンを表示する方法について調べたので、こちらにまとめておきます。
↑タイトルの上に表示されているようなボタンを作ります♪クリックすると各ソーシャルブックマークに追加されます♪

まず、ボタン各画像「右クリック＞名前を付けて画像を保存」でダウンロードし、それぞれを自分のサーバーにアップロードします。

　
画像を自分のサーバーにアップロードしたら、下のコードを表示したい場所に貼り付けます。
※下のコードの「画像を保存したURL」を自分が画像を保存したURIに変更してください。
貼り付け場所は好みですが、私はpage.phpとsingle.phpの中に貼り付けました。index.phpに貼り付けてもよいでしょう。

はてな
<a href="http://b.hatena.ne.jp/append?<?php the_permalink() ?>" rel="nofollow"><img alt="はてなにブックマーク" src="画像を保存したURL" /></a>

del.icio.us
<a href="javascript:location.href=’http://del.icio.us/post?v=4;url=’+encodeURIComponent(location.href)+’;title=’+encodeURIComponent(document.title)" rel="nofollow"><img alt="このページをdel.icio.usに登録" src="画像を保存したURL" /></a>

Livedoorクリップ
<a href="http://clip.livedoor.com/redirect?link=<?php the_permalink() ?>&title=<?= urlencode(mb_convert_encoding(the_title("","",false),"UTF-8")) ?>&jump=ref" class="ldclip-redirect" title="この記事をクリップ！"><img src="画像を保存したURL" width="16" height="16" alt="この記事をLivedoorクリップ！" style="border: none;vertical-align: middle;" /></a>

ニフティクリップ
<a href="javascript:(function(){location.href=’http://clip.nifty.com/create?url=’+encodeURIComponent(location.href)+’&amp;title=’+encodeURIComponent(document.title);})()" rel="nofollow"><img alt="このエントリをニフティクリップに登録" src="画像を保存したURL" /></a>

Buzzurl
<a href="http://buzzurl.jp/entry/<?php the_permalink() ?>" rel="nofollow"><img alt="このエントリをBuzzurlにブックマーク" src="画像を保存したURL" /></a>

POOKMARK Airlines
<a href="javascript:window.location=’http://pookmark.jp/post?url=’+encodeURIComponent(’<?php the_permalink() ?>’)+’&title=’+encodeURIComponent(’<?php the_title() ?>’);" title="このページを POOKMARK Airlines の行き先に登録する"><img src="画像を保存したURL" alt="このページを POOKMARK Airlines の行き先に登録する" […]

WordPressにはてなブックマークボタンを表示する方法が公式サイトヘルプに載っていなかったので、ググってみました。
（WordPressってまだマイナーなんですね～）

↑こんなボタンを作ります♪クリックするとハテナブックマークに追加されます♪
Knowledge of WP » はてなブックマーク用ボタンをつける for WPで詳しく紹介されており参考にさせていただきました。

まず、ボタン画像をダウンロードします。
http://d.hatena.ne.jp/images/b_entry.gif
http://b.hatena.ne.jp/images/append.gif
　
画像を自分のサーバーにアップロードしたら、下のコードを表示したい場所に貼り付けます。
<a href="http://b.hatena.ne.jp/entry/<?php the_permalink() ?>">
<img src="アップロードしたb_entry.gifのURL" width="16" height="12" alt="このエントリーを含むはてなブックマーク" title="このエントリーを含むはてなブックマーク" /></a>
<a href="http://b.hatena.ne.jp/append?<?php the_permalink() ?>">
<img src="アップロードしたappend.gifのURL" alt="このエントリーをはてなブックマークに追加" title="このエントリーをはてなブックマークに追加" width="16" height="12" /></a>

　
これで完成！

プラグイン詳細
機能紹介
インストール方法
使い方
Yahoo Application IDの取得方法
メモ

プラグイン詳細

プラグイン名：Google Sitemap Generator
バージョン：3.0b6
配布元：http://www.arnebrachhold.de/2006/01/07/google-sitemap-generator-for-wordpress-3-beta
適応しているWPバージョン：

「google sitemap:google検索エンジンに拾ってもらうプラグイン」でインストールしたGoogle Sitemap GeneratorをYahoo（ＹＳＴ）やＭＳＮに対応した最新ベータ版にアップグレードしました。
機能紹介
Google,yahoo,MSNに対応したサイトマップを作ってくれます。
インストール方法

ダウンロードしたファイルを解凍
　
「/wp-content/plugins/」　配下に「sitemap」というフォルダをつくり、そこにダウンロードしたファイルの中から
sitemap.php
sitemap.pot
sitemap-ja_JP.UTF-8.mo
sitemap-ja_JP.UTF-8.po
　
を．「/wp-content/plugins/sitemap/」にアップロード
　
さらに
　
sitemap.xml　と sitemap.xml.gz
　
を空ファイルで作成し、トップディレクトリにアップロードし、パーミッションを606に設定します。
　
「管理画面＞プラグイン」　で「Google (XML) Sitemaps」を有効化

　
使い方
　

「管理画面＞各種設定＞SiteMap」へアクセスして各種設定する
　
rebuild the sitemapを押すとサイトマップが作成or更新される

　
Yahoo Application IDの取得方法
yahoo（ＹＳＴ）へ更新情報を送信するにはApplication IDを取得する必要があります。
　

取得方法は次の通りです。
　

Request it here!をクリックします。
　
　

米YahooのＩＤでログインする必要があります。（Yahoo Japan!　ＩＤは使えません。）
新しくＩＤを取得するので「Sign Up」をクリックします。
　
　

必要事項を記入して「I Agree」をクリックします。
　　
　

登録したメールアドレスにメールアドレス確認用のメールが届くので、メール本文中の「Important! Click here to activate your new account.」をクリックします。すると「アカウント作成の成功」を示す趣旨の画面が開きます。
　
新しいＩＤでログインしたら次の画面が表示されます。

必要事項を記入して「Continue」をクリックします。
　
　

Application IDが表示されているのでコピーしておきます。
「Finished」をクリックすると　WordPressの「管理画面＞各種設定＞SiteMap」画面へ戻ります。

　
　
先ほどのApplication IDを貼り付けて、チェックボックスをオンにして、画面一番したの「Update Options」をクリックすると設定完了です。

　
メモ

更新情報送信のためか、サイトマップを更新するとその後の画面がうまく表示されない。
「管理画面＞各種設定＞SiteMap」画面へアクセスし直すと更新は成功したという趣旨のメッセージが表示されるので更新はできているのだろう。

プラグイン詳細
機能紹介
インストール方法
使い方
例

プラグイン詳細

プラグイン名：Executable PHP widget
バージョン：1.0
配布元：http://ottodestruct.com/blog/2006/04/09/fun-with-widgets/
適応しているWPバージョン：Me2.2でＯＫでした。

機能紹介
サイドバーウィゲットには「ＴＥＸＴ」という自由に内容を記述できるウィゲットがありますが、ＰＨＰは実行できません。そこで、Executable PHP widgetを使うと、「PHP Code 」といウィゲットにＰＨＰコードを記述してＰＨＰを実行できます。
インストール方法

ダウンロードしたファイルを解凍
phpファイルを「wp-content/plugins/」　配下にアップロード
「管理画面＞プラグイン」　で「Executable PHP widget」を有効化

使い方

「管理画面＞表示＞Sidebar Widgets」へアクセス。　
下の方に「PHP Code Widgets」というテーブルができているので、そこでＰＨＰコードを扱うウィゲットの数を指定する。（デフォルトでは「１」）
「Available Widgets」に「PHP CODE1」というタブがあるので、（「TEXT」と同じ要領で、）Sidebar 1（もしくはSidebar 2）にドラッグ＆ドロップして移動したら、タブ横のボタンを押してタイトルと内容（ＰＨＰコード）を記述します。
「Save Changes」をクリックして内容を保存します。
例
今回この機能を使ってサイドバーにページ一覧を表示してみました。
次のＰＨＰコードを記述し、タイトルは「ページ一覧」としています。
<ul>
<?php wp_list_pages(’sort_column=menu_order&title_li=&depth=2′);?>
</ul>

プラグイン詳細
機能紹介
インストール方法
使い方
動作テスト

プラグイン詳細

プラグイン名：WP-UnFormating
バージョン：1.0a
配布元：http://www.belive.jp/archives/wp-unformating-1_0/
適応しているWPバージョン：

機能紹介
記事内の自動整形を一時的に回避してくれます。
私は記事内でJavascriptを実行するのに使いました。
インストール方法

ダウンロードしたファイルを解凍。
「wp-UnFormating.php」を「wp-content/plugins/」　配下にアップロード。
「管理画面＞プラグイン」　で「WP-UnFormating」を有効化。

使い方

自動整形を回避さいたいコードを
ではさむ。

動作テスト
Google AJAX Search APIを実行してみました。

Loading…

@import url(”http://www.google.com/uds/css/gsearch.css”);

window._uds_nbw_donotrepair = true;

@import url(”http://www.google.com/uds/solutions/newsbar/gsnewsbar.css”);

[…]

ページの表示順を変更する方法です。

まず、wp_list_pagesタグの引数に
sort_column=menu_order
を指定しなければいけません
私のテーマの場合は
header.phpファイルに
<?php wp_list_pages(’title_li=&depth=1′); ?>
とタグが書かれていたので引数
sort_column=menu_order
を足して
<?php wp_list_pages(’sort_column=menu_order&title_li=&depth=1′); ?>
というふうにしました。
ページ作成・編集画面には「ページ表示順」といボックスが表示されています。
（デフォルトでは数字が0になっています。）
その数字が低いページが前に表示されます。

簡単です♪
「　編集画面でのページ表示順が面倒！　」
という人は、
Wordpress Order Pages Pluginというプラグンを使えば便利です。
↑WP2.2xには未対応？？

今更ながら検索エンジンに登録してみました。
とりあえず基本のGoogle,yahoo,MSNといったところです。
infoseekは設定上登録できませんでした。

Google
Yahoo!JAPAN(YST)
MSN
Infoseek

あとはメモです。

Infoseekモバイル
Yahoo!カテゴリ掲載ガイド

いつか推薦していようと思います。　　いつか・・。

先日2.1にバージョンアップしたばかりでしたが、もうWordPress ME 2.1.2がリリースされたので、バージョンアップしました。
少しでも、最新版にして不具合が少なくなれば・・って思いまして。
差し替えるファイル数は少なくて、すぐに終わりました。
詳しくは日本版公式ページへ
でもバージョンアップって、複数のWPを設置していると面倒ですね。
WordPressμに期待しましょう。

プラグイン詳細
機能紹介
インストール方法
使い方
メモ
備考

プラグイン詳細

プラグイン名：Lightbox JS version 2.0
バージョン：Version 0.5
配布元：http://zeo.unic.net.my/notes/lightbox-js-version-20/
適応しているWPバージョン：

機能紹介
サムネイル画像から拡大表示するとき、いちいちブラウザで画像のアドレスへ移動するのは面倒ですね。
元記事にブラウザの「戻る」を押して戻らないといけないからです。
でもLightBoxを使えば、記事のページ上に画像を拡大してくれます。
インストール方法

ダウンロードしたファイルを解凍
フォルダごと、「wp-content/plugins/」　配下にアップロード
「管理画面＞プラグイン」　で「WP lightbox 2」を有効化

使い方
プラグインを有効したらそれでOKです。
メモ

「テキストから画像へのリンク」でLightBoxを使うには、
rel="lightbox"
を手動で設定します。
自動で「テキストから画像へのリンク」でLightBoxを使うにはLightbox v2.0 WordPressプラグイン版 « BirDesignを参考にするとよいでしょう。

備考
本当は「拡大表示した画像をクリックすると閉じる」といった機能が欲しいです。
新しいプラグインが見つかったら乗り換えます♪