2011
WordPressのブログ自己流カスタマイズ
早速ブログを初めて更新に手を焼いています。
まさに、パシさんの記事のブログの更新が続かない理由10か条をぶっ飛ばすの通りいいわけが多くなってしまうのでいいわけしませんが1年後を想像すると続いてないんじゃないかと思いながらも書いてます。今日は、WordPressでブログを作成する際の自己流のインストール内容とカスタマイズを簡単に説明したいと思います。SEOネタではないです。ごめんなさい。無駄にめっちゃ長いので興味ない方はスルーしてください。
WPバージョンについて
インストールするバージョンは最新のばかり使うということをしていません。
以前最新バージョンに切り替えた際にエラーが出て大変面倒なことになった経験があるので安定しているものを使用しています。インストール後もセキュリティ的な問題がない限りはびびってしまって最新に変えることはほぼと言っていいほどありません。あくまでコレは個人的なことなのでできれば最新バージョンを入れて使いやすいほうを使用したほうがいいのではないでしょうか。
サーバーについて
サーバーは、できればセーフモードの切り替えができるものにしたほうがいいと思っています。
できない場合でも問題ないのですが、CGIで動かさなければいけなかったりして何かと不便なことが多いです。それでもいいという人はたくさんいますけど、私はその辺があまり詳しくないので必ず切り替えができるものにしています。XREA、CORESERVERは自由度は高いですがセーフモードの切り替えができません。ロリポ、XSERVERなどはできます。
テンプレート選び
テンプレートについては、ちょっと注意が必要なようです。
テンプレートによっては、隠しテキスト・隠しリンクがデフォルトで設定してあり普通では気づかないような仕組みになっています。大変悪質な行為です。知らない間にペナルティを受けてしまったり順位効果に繋がる可能性が高くなります。フリーのテンプレートを使用する際は注意しておいたほうがいいでしょう。
自己流はじめにすること
では、インストール後カスタマイズしていく方法を紹介したいと思います。もしかするとバージョンが古かったり、人によって方法が異なることもあるので疑問に思う点があれば調べてもらって自分にあった方法で変更してもらえればと思います。
管理バーの削除
インストールして初めにすることは、私の場合最近の新しいバージョンでは必ず入っているログイン状態でのブログ表示際に一番上に表示される管理バーです。これ本気でうざいんです。(これも個人的意見です)ブラウザチェックするときなどうざくてしょうがないです。これの切り替えするようにしています。
切り替え方法は、【管理画面⇒ユーザーメニューのあなたのプロフィール⇒管理バーの表示

png送信先設定
次にpngの送信先を設定します。
ブログを更新した後に更新を通知してくれるやつですね。WordPressはデフォルト確か一つしか入ってなかったと思います。なので主要なサーバーを適当に集めて自分で設定しなおしています。これもまた人によっては送信先が違うし紹介している分は若干古い情報なので下の一覧で足りない分はググって見てください。ネット上には色々情報があふれていると思うので。
png送信先リスト
http://api.my.yahoo.co.jp/RPC2
http://blog.goo.ne.jp/XMLRPC
http://blogsearch.google.com/ping/RPC2
http://blog-search.net/up.php
http://blogstyle.jp/xmlrpc/
http://j-ranking.com/ping.cgi
http://ping.ask.jp/xmlrpc.m
http://ping.blog360.jp/rpc
http://ping.bloggers.jp/rpc/
http://ping.namaan.net/rpc/
http://ping.rss.drecom.jp/
http://ping.speenee.com/xmlrpc
http://rpc.pingomatic.com/
http://rpc.reader.livedoor.com/ping
http://rpc.technorati.jp/rpc/ping
http://www.blogpeople.net/ping/
パーマリンクの設定
次はパーマリンクの設定です。パーマリンクはSEOのことを考えるのであれば日本語じゃないほうがいいでしょう。スッキリさせておいたほうが見る人にも覚えやすいですね。(個ページのURLを覚えようとする人はそんなにいないと思いますが。)またキーワードを含めるほうが有利なのではないかとも言われています。これはまだハッキリした答えが出ていませんが、まぁ含めておいたほうがユーザーにとっていいのかもしれないですね。ちなみに、昔は静的ページのほうがindexされやすいということもありパーマリンクの最後に.htmlと付けていましたが今はFlash、JavaScriptだらけのページでない限りindexされるスピードの差というのも大差ありませんので別にそこまで神経質になることもありません。
パーマリンクカスタマイズ
/%category%/%postname%/ (カテゴリ/ポストネーム)
こんな感じです。これが毎回自分でアルファベット設定がめんどくさいという方は、カテゴリの後に決まったアルファベットを指定しておきポストIDにしておけば簡単です。
ポストネームがめんどくさい人向き
/%category%/seo/%post_id%
こういう感じです。他にも日付だったり色々とカスタマイズできます。自分にあったものを探して設定してみるのもいいと思います。私の場合はいつも上のポストネームは自分で設定する方法です。
パンくずリスト最適化
パンくずはブログを見る人にとっては合ったほうがいいです。今どこにいるのかという確認と、TOP以外のページにはTOPページへのリンクを付けてあげて戻れるほうにしてあげるとブログが見やすくなるでしょう。今回紹介する自己流カスタマイズはプラグインを使わない方法です。wordpressで使用できる条件分岐でページごとに最適化して表示してくれます。テンプレートによってはエラーがでるようなのでその際は諦めるかコメント欄よりお願いしますw時間あればなんとかします。
アーカイブページにも対応
*******************************************
▼ここから▼
<?PHP if(is_search()) { ?>
<a href="<?php bloginfo(‘url’); print "/"; ?>">HOME</a> > <?php print $_GET['s']; ?>
<?php }elseif (is_paged()) { ?>
<a href="<?php bloginfo(‘url’); print "/"; ?>">HOME</a> > <?php
$cat = get_the_category(); $cat = $cat[0]; if($cat == ""){ print ”; }else{ echo get_category_parents($cat, true, ‘ > ‘); } ?><?php the_title(); ?>
<?php }elseif (is_home()) { ?>
<a href="<?php bloginfo(‘url’); print "/"; ?>">HOME</a> >
<?php }elseif (is_home() or is_page() or is_category() or is_single() or is_front_page() or is_subpage()) { ?>
<a href="<?php bloginfo(‘url’); print "/"; ?>">HOME</a> > <?php
$cat = get_the_category(); $cat = $cat[0]; if($cat == ""){ print ”; }else{ echo get_category_parents($cat, true, ‘ > ‘); } ?><?php the_title(); ?>
<?php }elseif (is_archive()) { ?>
<a href="<?php bloginfo(‘url’); print "/"; ?>">HOME</a> > <a href="<?php bloginfo(‘url’); print "/"; ?><?php the_time(‘Y/m’); print "/"; ?>"><?php the_time(‘Y年F’); ?></a> > <?php the_title(); ?>
<?php } ?>
▲ここまで▲
*******************************************
$_GET['s'];の部分は検フォームのソースを見て違うのであれば設定しなおしてください。またもっと簡潔にした記述もあるかと思います。こんな汚い記述は嫌だ!という方は他をあたってみてください。
h1の最適化
h1はデフォルトの場合たしかそのままになっていたような気がするのでこれも私は個ページのタイトル+ブログタイトルが表示されるようにしています。SEO的にこうしたほうがいい!という意見もあるかと思うのでこれはWordPressのチートシートで確認して設定してみてください。
個別ページ+ブログタイトル
*******************************************
▼ここから▼
<h1>
<?php if(!is_home()): ?>
<a href="<?php the_permalink() ?>"><?php the_title(); ?></a>
<?php else: ?>
<a href="<?php bloginfo(‘url’); ?>/"><?php bloginfo(‘name’); ?></a>
<?php endif; ?>
</h1>
▲ここまで▲
*******************************************
記事下の次のページ前のページをタイトルに変更
これはどうやって変えたのか正直あまり覚えてないんですが、自分のメモ帳に書いてある通りに書いてみます。もっと簡単な方法があるかもしれませんのでめんどくーなーと思う方はしなくてもいいでしょう。
まず初めにwp-include.php/link-template.phpの1427行目あたりと1441行目あたりを修正します。
function previous_post_linkの1427行目あたり記述変更
*******************************************
▼ここから▼
function previous_post_link($format=’次の記事:%link’, $link=’%title’, $in_same_cat = false, $excluded_categories = ”) {
adjacent_post_link($format, $link, $in_same_cat, $excluded_categories, true);
}
▲ここまで▲
*******************************************
function previous_post_linkの1441行目あたり記述変更
*******************************************
▼ここから▼
function next_post_link($format=’前の記事:%link’, $link=’%title’, $in_same_cat = false, $excluded_categories = ”) {
adjacent_post_link($format, $link, $in_same_cat, $excluded_categories, false);
}
▲ここまで▲
*******************************************
これで次のページ、前のページのところをタイトルに変更する準備ができました。
後は、テンプレートの中に記述されている。previous_post_link();、next_post_link();の()の中に何か記述されていればそこを空欄にするだけです。
imgのclassを変更
WordPressの管理画面から画像をアップするとClassにIDが自動で入るようになっています。なので毎回変わるんですよね。これ。すごい長いしaltがあれば基本imgにtitleはいらない派なので取り除いてます。カスタマイズは難しくありません。誰でもプラグインを使わずにすぐにできます。
wp-includes/media.phpの230行目あたりの$htmlを記述変更
*******************************************
▼ここから▼
$html = ‘<img src="’ . esc_attr($img_src) . ‘" alt="’ . esc_attr($alt) . ‘" ‘.$hwstring.’class="クラス名" />’;
▲ここまで▲
*******************************************
アーカイブページ、次・前のページにnoindex,follow追加
この件に関しては、以前の記事のブログの重複コンテンツをご覧下さい。
ブログの重複コンテンツは人によっては気にしないという人もいます。これが絶対ではありませんので参考になるかわかりませんが。
head内CSSコメント削除
head内にデフォルトでCSSに関するコメントタグが入っているかと思います。これも別に必要ないので削除しています。方法は、wp-include/default-widgets.phpの一部を修正するだけです。完全削除したくないという方は/* */phpのコメントタグで見えないようにしてください。削除する場所ですが、完全に削除してしまったためどこかわからなくなりました。なのでCtrl+Fで<style type="text/css">検索して探してみて削除してください。検索するソースは以下です。
wp-include/default-widgets.php
*******************************************
▼ここから▼
<style type="text/css">.recentcomments a {display:inline !important;padding:0 !important;margin:0 !important;}</style>
▲ここまで▲
*******************************************
記事内のデフォルト<P>タグ削除
デフォルトの設定では、記事のソース内に自動で<P>タグが入るようになっています。
このままだと個人的にはタグを使いにくいのでもう最初からとっちゃいます。
wp-includes/default-filters.php 120行、127行目あたり
*******************************************
▼ここから▼
/* add_filter(’the_content’, ‘wpautop’); */
/* add_filter(’the_excerpt’, ‘wpautop’); */
▲ここまで▲
*******************************************
総コメント数出力
これは個人的なブログではあまり使用しないでサテライトを作成するときに場合によって使用しています。コメントを載せたほうがCVRが上がると想定きる媒体などはカスタマイズして出力しています。
出力したい箇所に記述。1の数字のところは表示数
*******************************************
▼ここから▼
get_var(“SELECT COUNT(*) FROM $wpdb->comments WHERE comment_approved = ’1′”);
if (0 < $numcomms) $numcomms = number_format($numcomms);
echo “計・ “.$numcomms.”のコメントがあります”; ?>
▲ここまで▲
*******************************************
アーカイブの記事数表示
アーカイブの記事数表示はテンプレートによってある場合、ない場合があります。ない場合は以下を記述を変更するだけで表示されるようになります。
sideber.phpの<?php wp_get_archives(‘type=monthly’); ?>
*******************************************
(&show_post_count=true)を追加変更
▼ここから▼
<?php wp_get_archives(‘type=monthly&show_post_count=true’); ?>
▲ここまで▲
*******************************************
アクセスの多い順に記事を並べる
これも個人的なブログにはあまり使いませんが、使ってみたいという方がいれば以下のブログで紹介されてあるのでそちらを見てください。
人気記事ランキングを表示するWordPressプラグイン
プラグインのインストール
ここからはやっとプラグインのインストール方法になります。
長くてすみません。ですが、初めて色々SEO向きにカスタマイズするという方には少しでも参考になればと思うので書いています。途中途中やってるので既にどれくらいの時間使ったか不明ですが。。ざーととりあえず紹介したいと思います。
■All in One SEO Pack
これはもうWordPressでブログを書いていてSEOを気にする人はだいたいが使ってますね。
ページ毎ごとにhead内のカスタマイズが自由にできたりnoindex,followを追加したりと役立ちますね。
All in One SEO Packインストール
インストールした後にAll in One SEO Packの設定ページに行くとエラーになっていると思いますが、ラジオボタン”Disabled”を”Enabled”に変えるだけで解決します。そしてそして私の場合は、All in One SEO Packを入れることによってhead内に記述される無駄なコメントタグを除去します。
*******************************************
all-in-one-seo-pack/aioseop.class.php 256~261行目あたり
▼ここから▼
/*echo "\n<!– All in One SEO Pack $this->version by Michael Torbert of Semper Fi Web Design";
if ($this->ob_start_detected) {
echo "ob_start_detected ";
}
echo "[$this->title_start,$this->title_end] ";
echo "–>\n";*/
▲ここまで▲
*******************************************
*******************************************
all-in-one-seo-pack/aioseop.class.php 390行目あたり
▼ここから▼
/*echo "<!– /all in one seo pack –>\n";*/
▲ここまで▲
*******************************************
こんな感じで無駄なところを削除してます。これ結構文章にして説明すると面倒くさいですね。。そして、重複コンテンツ対策として
Use noindex for Archives:
Use noindex for Tag Archives:
のチェックを外してます。これも好き好き、考え方の違いがあるので自由ですね。
■Canonical URL’s
その名前の通りcanonicalを記述してくれるやつです。これたぶんAll in One SEO Packでも設定できると思うのでいらないかもですね。じゃあなんで紹介するんだということを考えるかたもいらっしゃるかもしれないですが、素人のころにカスタマイズしてたことで面倒くさくてそのままという流れです。ご勘弁を。。
Canonical URL’sインストール
■FeedLogger
RSSフィードの購読者数を教えてくれるプラグインです。購読者が増えるとブログを書く気がアップしますね。インストール後は、状況によってプラグインフォルダ内のfeedrogger内のdateフォルダのパーミッションを変更する必要があります。
FeedLoggerインストール
■statpress-reloaded
アクセスの解析ツールです。アナリティクスを使用していれば必要ないですね。日本語化したい場合はこちら最近はアナリティクスを使用しているのであまり使ってません。
statpress-reloadedインストール
■ktai_style
ワードプレスの携帯プラグインでおなじみ池田百合子さん作のものですね。ワードキャンプで各地に行ってるようで。写真取られそうになったのを思い出しました。このプラグインはだいぶ改善されましたがSEO向きには作られていません。結構自分で手を加えたほうがいいですね。fontサイズなど変えたいところは変えてスッキリさせたほうがユーザーも見やすくなります。個人的にはclassicが一番変更しやすかったです。
ktai_styleインストール
■Akismet
Akismetに関する情報はパシさんのkAkismetの使い方とAPIキーを参考にしてください。私が説明するより早いと思います。画像付きで詳しく説明していて見やすいです。
■head-cleaner
名前の通りhead内の不要だと思う記述を除去してくれるプラグインです。私は、adjacent_posts_rel_link_wp_head にチェックいれています。
head-cleaner
■サイトマップ自動生成
サイトマップを自動生成してくれる方法を説明します。方法は簡単で毎回更新などしなくていいため非常に便利です。とコレもパシさんのWordPressのサイトマップ(sitemap.xml)作成用プラグイン『Google XML Sitemaps』を見てもらったほうが早いですね。。。私が説明するまでもないようです。
■Nice Trailingslashit
URL末尾にスラッシュを自動で付けてくれるプラグインです。pluginフォルダにアップロードするだけで簡単にインストールすることができます。ただ注意しなければいけないことはNice Trailingslashitを入れた場合でもWordPress場合によって自動でスラッシュが付かない場合があります。また、スラッシュが無くても表示されない、エラーになるということはありませんが以前、海外SEOの鈴木さんが記事にしていたURLの終りに「/」(スラッシュ)は必要?、不要?であった通り私個人も無いよりはあったほうがいいかと思います。気になる方はインストールすることをお勧めします。
Nice Trailingslashit
■wptouch
スマートフォン用のプラグインです。管理画面から設定を行う場合日本語設定ができます。日本語設定の方法を説明します。
*******************************************
general-settings-area.php 41行目あたりの<select>内に追加
▼ここから▼
<option value="ja_JP"<?php if ( $wptouch_settings['wptouch-language'] == "ja_JP" ) echo " selected"; ?>>Japanese</option>
▲ここまで▲
*******************************************
管理画面の設定でWPtouchで言語をjapaneseに設定で完了。他に色々変更できると思うので後は自分で触ってみてください。
wptouch
その他の設定
ここからは自己満足で変更している部分を紹介します。別にしたからどうだということは全くありません。好き好きでやってみてください。
■左詰めでコーディング
WordPressのコーディングが個人的に見にくいな~と思っていて全部左詰めでコーディングし直すという方は、DreamWeaverでフォルダ全体に検索をかけて¥tを検索してみてください。
¥tは、スペースを取る為のワードプレス上での記述となっています。一つ一つ検索してみて、削除してはチェック、削除してはチェックすることで無駄なスペースを取り除き左詰にしていくことができます。

必ずバックアップを取って変更することをお勧めします。また削除することに自身がない方はしないほうがいいです。
■改行を無くす
先ほどの¥tと一緒で改行されているところを探して修正していく方法として、今度は¥nを検索します。無駄なに改行されていて見にくい場合は¥t同様、削除してはチェックを繰り返し行ってください。
必ずバックアップを取って変更することをお勧めします。また削除することに自身がない方はしないほうがいいです。
■All in One SEO Pack使用時のアーカイブページ<title></title>内の日付に“年”を追加
デフォルトでは、2011 7月 こういう感じになっています。この記述が気になるので年を自分で挿入しました。方法は以下の手順で行えますがphpの途中からの記述変更となるので面倒くさいです。
*******************************************
wp-content/plugins/all-in-one-seo-pack/内のaioseop.class.php 773行目から777行目までを以下に変更
▼ここから▼
} else if (is_archive()) {
$date = $this->internationalize(wp_title(”, false));
if (is_day()) { $date = get_the_time(get_option(‘date_format’)); }
else if (is_month()) { $date = get_the_time(‘Y年n月d日’); }
else if (is_year()) { $date = get_the_time(‘Y年’); }
$title_format = $aioseop_options['aiosp_archive_title_format'];
$new_title = str_replace(‘%blog_title%’, $this->internationalize(get_bloginfo(‘name’)), $title_format);
$new_title = str_replace(‘%blog_description%’, $this->internationalize(get_bloginfo(‘description’)), $new_title);
▲ここまで▲
*******************************************
記述をミスると真っ白になるので心配の方はしないほうがいいです。自分でエラーを改善できる方以外は無理なカスタマイズは避けてください。
まとめ
以上が自己流のWordPressのカスタマイズになります。
他にも細かく説明するとあるのかもしれないんですが思い出したときに追加していこうと思います。また、これをしたからSEOに強いブログとは限りません。人によっては反対の意見を持っていらっしゃるかもしれませんのでカスタマイズ例は一つの参考程度で見てもらえればと思います。また、もっと簡単にできるよという方もいます。その際はそちらの方法を試してみたほうがいいでしょう。私の説明はテンプレートによってはエラーが出たりページが真っ白になったりすることが確認できています。その際は自分で解決できる範囲で再度調整を行っているので対応できていますが、自分で解決することに不安がある方はおすすめしません。
もし参考にしてもらって、自分でもっともっとカスタマイズをしたいという方はさきほどのDreamWeaverの検索手順で書いた通り検索機能を使って色々と試してみたほうが自分のためにもなると思います。
今回はSEOとは違う記事になりましたが最後まで読んでいただきありがとうございます。ご意見、ご質問がある方はコメントよりお願いします。
次の記事:Google+1の効果 | 前の記事:target blankの使い分け