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>

　
これで完成！

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

まず、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には未対応？？

前から気になったいたタグ<!–more–>
記述すると後半の記事が折りたたまれるのか？
いったいどうやて使うのだろう。
「<!–more–>タグを使用した場合、RSS フィードに於いて記事の内容が分割されます。」
らしい・・。

１つ便利なことを学びました。
WordPressでは、nextpageタグを使って１つの記事を複数ページに分割できるんです。
記事を分割したいところに<!–nextpage–>を記述するだけ。

画像の回り込みがデフォルトではleftになっているので、それを変更する方法。
私はプラグイン「IImage　Browesr」を使って画像を挿入しています。
その画像のコード生成のときに
class属性:alignclear
と入力し、生成したコードのclass属性を、class=”alignclear”と指定すれば

↑のように回り込み解除できます♪

class=”alignright”：右に回りこみ
class=”alignleft”:左に回りこみ
class=”alignclear”:回り込み解除

WordPressって便利だな～

・＜title＞ブログタイトル＜/title＞のタイトルタグが余りにも長いとGoogleでは全て無視されることがあるので、トップページのタイトルは全角文字20文字以下に留めるよう心がける。
・デフォルトで＜title＞ブログタイトル：ページタイトル＜/title＞と表示される場合が多いが＜title＞ページタイトル：ブログタイトル＜/title＞とした方がよい。
・１つのページに表示するキーワードは全体の１５％以内にする。

どうもWordPressのカテゴリは名前やIDで勝手に並んでしまうようだ。
・名前順に並べる方法
<?php wp_list_cats(’sort_column=name’); ?>
・ID順に並べる方法
新規カテゴリ作成時にあとから追加しそうなカテゴリがある場合は空カテゴリを入れておく。
（後で空カテゴリの名前を変更して使用）
↑面倒だな～
・PHPをいじって強制的に並べ替える
参考
カテゴリーを表示する順番を強制的に決めてしまう！ » Marushima Information Submit Station
・プラグインを用いる←私はこの方法をとりました。
Category Orderというプラグインを使いました。大変満足してます♪

ブログの便利な機能の「ピンサービス」。
これを設定しておけば、ブログを更新したとき、ピン受信機能を持っているサーバーへ勝手に連絡してくれます♪
WordPressでは
管理画面＞オプション＞投稿設定⇒更新通知サービスにピン送信先を書き込むことで設定できます。
国内のピンサーバーとしては
・ブログ村
・BlogPeople
・Myblog JAPAN
・PING.BLOGGERS.JP
・ココログPingサーバ
・Bulkfeeds
・テクノラティ
・BlogStyle
・はてなRSS
・ping.amagle.com
・blogoon
・blogdb.jp
・BlogRanking
・goo BLOG
・GPost BLOG
などが有名です。
私が登録しているPing送信先 一覧です。
http://pingoo.jp/ping/
http://api.my.yahoo.co.jp/RPC2
http://ping.ask.jp/xmlrpc.m
http://ping.blog360.jp/rpc
http://rpc.reader.livedoor.com/ping
http://api.feedster.com/ping
http://api.my.yahoo.com/RPC2
http://bblog.com/ping.php
http://blog.with2.net/ping.php/
http://blogstyle.jp/xmlrpc/
http://bulkfeeds.net/rpc
http://ping.blogranking.net/
http://ping.fc2.com
http://ping.gpost.info/xmlrpc
http://ping.namaan.net/rpc/
http://ping.syndic8.com/xmlrpc.php
http://ping.weblogalot.com/rpc.php
http://rpc.blogrolling.com/pinger/
http://rpc.pingomatic.com/
http://rpc.technorati.com/rpc/ping
http://rpc.weblogs.com/RPC2
http://serenebach.net/rep.cgi
http://www.blogdigger.com/RPC2
http://www.blogoon.net/ping/
http://www.blogpeople.net/servlet/weblogUpdates
送信に失敗したPing送信先（登録していません）
http://xping.pubsub.com/ping/
http://www.weblogues.com/RPC/
http://www.blogstreet.com/xrbin/xmlrpc.cgi
http://www.blogshares.com/rpc.php
http://www.blogoole.com/ping/
http://trackback.bakeinu.jp/bakeping.php
http://tb.threetree.jp/
http://rpc.bloghackers.net/newsoku
http://rpc.atblogs.com/　
http://xmlrpc.blog.de/
http://ping.weblogs.se/
http://rcs.datashed.net/RPC2
http://ping.rootblog.com/rpc.php
http://ping.cocolog-nifty.com/xmlrpc　？？
http://ping.exblog.jp/xmlrpc
http://bitacoras.net/ping/
http://coreblog.org/jp/ping/
http://coreblog.org/ping/
http://jugem.jp/?mode=NEWENTRY
http://ping.amagle.com/
http://ping.blo.gs/
http://ping.blogmura.com/xmlrpc/
http://blogsearch.google.com/ping“parse error. not well formed”
http://blogdb.jp/xmlrpc“transport error - could not open socket: 111 Connection refused”
http://blog.rank10.net/update/ping.cgi“transport error - could not open socket: 113 No route to host”
http://blog.goo.ne.jp/XMLRPC“transport error - HTTP status code was not 200”
http://1470.net/api/ping“transport error - HTTP status code was not 200”
http://blog-search.net/up.php“parse error. not well formed”
http://ping.blogmura.jp/rpc/ “transport error - HTTP status code […]