WordPress なサイト制作時に参考にしたサイトや使用中のプラグインなどのまとめ

Home > blog > Web 関連 > WordPress なサイト制作時に参考にしたサイトや使用中のプラグインなどのまとめ

WordPress なサイト制作時に参考にしたサイトや使用中のプラグインなどのまとめ

これから WordPress でサイトを構築してみたい、または興味がある、という方にお役立ていただけたらと、参考にしたサイトや使用中のプラグイン、カスタマイズ tips などをまとめてみました。

ショートカット

インストール

WordPress 日本語版公式サイト
WordPress インストールガイド

参考書籍

WordPress 標準ガイドブック ─ 導入＆基本操作からフルチューンまで

参考リンク

テーマ

wp.Vicuna
Theme Viewer
eclucifer bookmark » WordPress » template - はてなブックマーク
テンプレートファイルの仕様と構成 - WebTecNote

プラグイン

Top Level Categories
Nice Trailingslashit
SEO Title Tag
Add-Meta-Tags
Advanced Tag Entry
WP-PageNavi
Search Everything
Breadcrumb Nav XT
WP-PostRatings
Custom Query String Reloaded
Kill WPTexturize
Tam-google-analytics
404 Notifier
Akismet
FeedStats
Google XML Sitemaps
SEO 対策系プラグイン比較まとめ

カスタマイズ tips

設置ディレクトリと異なるページをホームにする
同一カテゴリ内の前後の記事へリンクする
同一カテゴリ内前後移動の link 要素生成
『最近のエントリー』をテンプレートタグで表示する
<?php the_category(' / ', 'multiple'); ?> のセパレータの両端にスペースを加えたい
SEO Title Tag プラグイン使用時の2ページ目以降の(2)表示を別のものにしたい
カテゴリごとにテーマを変える
検索結果の一致件数を表示する
自動で挿入される WordPress バージョン情報を削除する
 の空 span を valid な div に置換する
『サイト名 » 記事名』な title を『記事名 - サイト名』にする

その他

記事を書いていると、自動保存された下書きがどんどん溜まっていってしまうバグ
タグ付け機能の日本語タグとスラッグの不一致によるタグ重複バグ
子カテゴリに属する記事の場合、親カテゴリにまでチェックを入れる必要はない

インストール

WordPress 日本語版公式サイト: WordPress 本体のダウンロードとインストール手順の解説など。
WordPress インストールガイド: WordPress のインストールの手順をレンタルサーバ（ XREA，エックスサーバー，ロリポップ！，さくらインターネット，ハッスルサーバー）別に解説。対応バージョンは WordPress ME 2.2.3 と、現在の日本語版とは異なる。

参考書籍

WordPress 標準ガイドブック ─ 導入＆基本操作からフルチューンまで

一年半前に購入した書籍。紹介されているバージョンは低いが、基礎を最初から学ぶには最適。テーマの作成やカスタマイズについても、一から順に丁寧に解説してくれている。 Web にも情報は数多あれど、やはり書籍のまとまった詳細な情報は強い。初心者がこれから本気出すなら絶対オススメの一冊。

2008年8月29日に、WordPress 2.6 対応版が発売されました。

参考リンク

テーマ

wp.Vicuna: シンプルクールスタイリッシュなテーマ。当サイトで使用中のテーマの基。
Theme Viewer: スクリーンショット付きのテーマ一覧。カラム数や色などデザインで絞り込み検索出来る。
eclucifer bookmark » WordPress » template - はてなブックマーク: テーマ紹介サイトをまとめたブックマーク。
テンプレートファイルの仕様と構成 - WebTecNote: 自作テーマを作成したい方へ、テンプレートファイルの仕様と構成を解説。

プラグイン

Top Level Categories

カテゴリー閲覧時の URL に『 category 』が含まれないようにする（デフォルトでは例えば http://eclucifer.net/category/artworks となるところを、http://eclucifer.net/artworks に出来る）プラグイン。

また、カテゴリーと同名のページを作成することでカテゴリーインデックスとする使い方も出来るようになります。ダラ見出来る記事の羅列も良いのですが、やはり一覧性のあるページがインデックスであればより見易く判り易いのではないかと。

Nice Trailingslashit

URL の末尾に『 / （スラッシュ）』を付けるプラグイン。末尾は『 .html 』か『 / 』でないと落ち着かない方へ。

SEO Title Tag

タイトルのカスタマイズ専用プラグイン。エントリーごとに事細かに title を変えたかったので重宝しています。『 SEO 対策系プラグイン比較まとめ』の『 SEO Title Tag 』項目も併せてご覧いただくと、機能がより判り易いかと。

ご使用の際は、テーマの title 要素を以下のとおり書き換える必要があります。

<title><?php if (function_exists('seo_title_tag')) { seo_title_tag(); } else { bloginfo('name'); wp_title();} ?></title>

Add-Meta-Tags

description や keywords を記事ごとに記述出来るプラグイン。

Advanced Tag Entry

タグ管理プラグイン。ドロップダウンリストからの追加・削除、新規作成・編集、未使用タグの削除など、記事投稿ページから操作出来る。多機能タグ管理プラグインは他にもいろいろありますが、最低限の機能の使い勝手の良さでこちらがオススメ。

WP-PageNavi

: ナビゲーションリンクを上の例のように視覚的に判りやすくしてくれるプラグイン。全部で何ページに及ぶのか、また自分が今何ページ目を見ているのかが瞬時に判り便利です。

Search Everything

デフォルトでは投稿した記事の本文しか検索されないサイト内検索の、対象とするコンテンツを追加するプラグイン。

このプラグインでページ検索が出来るようになると、検索結果でのカテゴリ表示が未分類になってしまい見苦しいので、以下のとおりカテゴリ情報を投稿の場合にだけ表示させるようにすれば、ページのときはカテゴリ情報が表示されなくなります。

<?php if ($post->post_type == 'post') { ?>
	カテゴリなどの記事情報を表示している部分
<?php } ?>

菊さんよりご教示いただきました。ありがとうございます！

Breadcrumb Nav XT

パンくずリストを表示するプラグイン。 page.php （ページテンプレート）でのみ使用中。

single.php （単一記事の投稿）では、以下のようにテンプレートタグを用いてパンくずリスト化しています。

<p><a href="<?php echo get_settings('home'); ?>/" title="Home">Home</a>　&gt;　<?php the_category('　&gt;　', 'multiple'); ?>　&gt;　<?php the_title(); ?></p>

なぜすべてプラグイン化しないのかというと、実はハッキリとした理由が思い出せないのですけれど（･･････）、表示が気に入らない面があるとか、プラグインに頼らず済むならその方が良いとか、多分その辺りなのではないかと。

WP-PostRatings

閲覧者が記事を評価出来るスターレーティングなプラグイン。 Web 拍手っぽく使えるようカスタマイズしました。

Custom Query String Reloaded

インデックスやカテゴリなどの条件ごとに記事表示件数と表示順を変更出来るプラグイン。

WP-PageNavi プラグインを併用していると、表示件数を ダッシュボード → 設定 → 1ページ内の投稿数 で設定した値よりも少なくした場合、2ページ目に差分の記事が表示されなくなってしまうので、ダッシュボードでの設定件数を少ない方に合わせると良い。

Kill WPTexturize

クォーテーションなどを変換してしまう WP の校正機能を無効にするプラグイン。

Tam-google-analytics

Google Analytics のトラッキングコードを埋め込むプラグイン。ログイン中のユーザー（自分）は除外してくれる。

404 Notifier

誰かがアクセスしたファイルやディレクトリが存在せず 404 File Not Found エラーが出た場合に、メールやフィードでお知らせしてくれるプラグイン。サイトを構築している間や公開後しばらくまでのリンクミスの起こり易い期間のみの使用をオススメします。検索ロボットの robots.txt 探し無差別アクセスの際のエラー通知ももれなく届くので、段々うっとうしくなってきますｗ

Akismet

WP に標準でインストールされているスパム対策プラグイン。

FeedStats

フィードのアクセス解析プラグイン。

Google XML Sitemaps

Google に効率良くインデックスされるよう、クローラーに URL 情報を提供する sitemap.xml を自動生成してくれるプラグイン。なぜか設定画面が真っ白になってしまい利用出来ずorz　もういっそ手動でがんばることにした！

SEO 対策系プラグイン比較まとめ: SEO 対策・ヘッダ操作系プラグインを比較したまとめ。

カスタマイズ tips

設置ディレクトリと異なるページをホームにする

ルートディレクトリとは違うディレクトリに WP をインストールた場合でも、URL をルート直下にする方法。この設定を変更することで、好きなディレクトリに WP を設置出来る。

同一カテゴリ内の前後の記事へリンクする

デフォルトでは時系列順の前後リンクになるところを、同一カテゴリ内での移動にするコード。

single.php （単一記事の投稿）のナビゲーションリンクの部分を以下のとおり書き換える。

<?php previous_post_link('&laquo; %link', '%title', 'true') ?>

<?php next_post_link('%link &raquo;', '%title', 'true') ?>

同一カテゴリ内前後移動の link 要素生成

Rusica さんよりご教示いただきました。ありがとうございます！

以下のコードを functions.php （テーマのための関数）へ書き加え、header.php にて <?php meta_link(); ?> と呼び出せば、同一カテゴリ間移動の link rel="prev" と link rel="next" が出力されます。

function meta_link(){
	if(is_single()) {
		global $wpdb, $wp_query;
		$post = $wp_query->post;

		$prev_post = get_previous_post('true','');
		if($prev_post) {
			$prev_title = strip_tags(str_replace('"', '', $prev_post->post_title));
			echo '<link rel="prev" href="' . get_permalink($prev_post->ID) . '" title="' . $prev_title. '" />' . "\n";
		}

		$next_post = get_next_post('true','');
		if($next_post) {
			$next_title = strip_tags(str_replace('"', '', $next_post->post_title));
			echo '<link rel="next" href="' . get_permalink($next_post->ID) . '" title="' . $next_title. '" />' . "\n";
		}
	}
}

functions.php はご使用のテーマによっては存在しない場合もありますので、なければ新規作成してください。その際、一行目に <?php を、最後の行に ?> を加えるのを忘れずに！

『最近のエントリー』をテンプレートタグで表示する

sidebar.php （サイドバー）へ以下のとおり書き加える。

<ol>
<?php wp_get_archives('type=postbypost&limit=6&format=html'); ?>
</ol>

<?php the_category(' / ', 'multiple'); ?> のセパレータの両端にスペースを加えたい

菊さんよりご教示いただきました。ありがとうございます！

各エントリーの所属するカテゴリリンクを出力するカテゴリタグ <?php the_category(' / ', 'multiple'); ?> ですが（サンプルはこの記事の下部をご覧ください）、このままではカテゴリリンクとセパレータがキツキツにくっついてしまいます。セパレータ指定にスペースを入れても無効になってしまうので、対策として以下のコードを functions.php （テーマのための関数）へ書き加えます。

function categorylist_separate($thelist = '', $separator = '') {
       return($separator ? str_replace("/<a", $separator . "<a", $thelist) : $thelist);
}
add_filter('the_category', categorylist_separate, 99 , 2);

SEO Title Tag プラグイン使用時の2ページ目以降の(2)表示を別のものにしたい

WordPress フォーラムにてご教示いただきました。ありがとうございます！

タイトルのカスタマイズ専用プラグイン『 SEO Title Tag 』では、2ページ目以降（ http://example.com/page/2 ）の title が <title>サイト名 (2)</title> となるのですが、これを別の表記にしたい場合は seo-title-tag.php を書き換えます。

seo-title-tag.php 599行～606行目の

// if this is no url matched title we check if we are in paging mode and add the page number.
    if (! $is_url_title)
    {
        if (preg_match('/(paged=|page=|page\/)(\d+)/',$local_url,$matches))
        {
            $title .= ' ('.$matches[2].')';
        }
    }

$title .= ' ('.$matches[2].')'; を

// if this is no url matched title we check if we are in paging mode and add the page number.
    if (! $is_url_title)
    {
        if (preg_match('/(paged=|page=|page\/)(\d+)/',$local_url,$matches))
        {
            $title .= ' / '.$matches[2].'';
        }
    }

$title .= ' / '.$matches[2].''; と書き換えると、<title>サイト名 (2)</title> だった表示が <title>サイト名 / 2</title> というように、好みのものへと変更することが出来ます。

カテゴリごとにテーマを変える

カテゴリごとに、または個別記事ごとにデザインを変えたい場合のコード。

検索結果の一致件数を表示する

キーワード検索した際に表示される結果ページにおいて、キーワードに一致したエントリー数を表示させるコード。

search.php （検索結果）を以下のとおりご使用のテーマに合わせて書き換えます。

<title><?php the_search_query(); ?> の検索結果 - <?php bloginfo('name'); ?></title>

<p>『 <?php the_search_query(); ?> 』 の検索結果: <?php $my_query =& new WP_Query("s=$s & showposts=-1"); echo $my_query->post_count; ?> 件</p>

自動で挿入される WordPress バージョン情報を削除する

ヘッダに自動挿入される WP のバージョンや wlwmanifest.xml，rsd へのリンクを消したい場合は、以下のコードを functions.php （テーマのための関数）へ書き加えます。

remove_action('wp_head', 'wp_generator');
remove_action('wp_head', 'wlwmanifest_link');
remove_action('wp_head', 'rsd_link');

 の空 span を valid な div に置換する

クイックタグ  で『続きを読む』を使用した際に、single.php に出力される <p><span id="more-123"></span></p> の空 span が気に入らない！ valid なものにしたい！という方へ。 functions.php またはその他の方法を用いて <div id="more-123"></div> へ置換してくれます。

『サイト名 » 記事名』な title を『記事名 - サイト名』にする

わたしは『 SEO Title Tag 』を使用しているので関係ないのですが、プラグインを使わず title を上記のようにするコード。

<?php wp_title(''); ?><?php if(wp_title('', false)) { ?> - <?php } ?><?php bloginfo('name'); ?>

その他

記事を書いていると、自動保存された下書きがどんどん溜まっていってしまうバグ: カスタムフィールドをいじる前に一旦保存することで解決。
タグ付け機能の日本語タグとスラッグの不一致によるタグ重複バグ: 『 Advanced Tag Entry 』などのスラッグ問題に対応しているプラグインを使用することで解決。
子カテゴリに属する記事の場合、親カテゴリにまでチェックを入れる必要はない: 例えばこの記事の場合、親カテゴリ『 blog 』内の子カテゴリ（サブカテゴリ）『 Web 関連』に属するのですが、カテゴリ選択時に親子両方にチェックを入れる必要はなく、最終的に属する一番深い階層のカテゴリだけにチェックを入れれば良いというのをしばらく知りませんでした･･････; http://eclucifer.net/blog/web/example.html というようにサブカテゴリも URL に含めたいのに、どうしてもならなくて何が駄目なんだろう、何が悪いんだろう、と随分悩んでいました。うん、サブカテゴリにだけチェックを入れれば良かったんですね！なんて基本的なことで躓いていたんだorz; 俺の屍を超えてゆけ的意味で、恥ずかしいミスも敢えて書いておく！
eclucifer bookmark » WordPress - はてなブックマーク: WP 関連のブックマークです。今回紹介したものはその中の一部なので、もっといろいろ探したい方はこちらも併せてどうぞ。

Data Information

Date: 2008-07-15 11:11
Category: blog / Web 関連
Tags: blog / push!! / Web 関連 / Web制作 / WordPress

Comments / Trackbacks

From:

WPSKIN

Date:

2008-12-24 11:35

はじめまして！

wordpressのプラグインを探していて発見しました。
たくさんの情報をありがとうございました。

それと、実は最近wordpressのテンプレートサイトを運営し始めました。
よかったら一度ご覧になってみてください。
更にもしよかったらテンプレートもつかってみて下さい（笑）
http://www.wordpress-skin.com/
From:

lynx

Date:

2008-12-25 01:29

初めまして、コメントありがとうございました！
わたしがこれらのサイトに助けられたように、わたしもお役に立てたのでしたら嬉しいです。

テンプレートサイト拝見いたしました。 COOL でスタイリッシュな作りですね～
カスタマイズのリファレンスやブログでの tips など、丁寧に解説してくださっているので、
判りやすくて初めての方でも気後れなく取り掛かれそうです。
これからもっと多種多様なテンプレートが増えてゆくのでしょうか。楽しみにしています。
From:

花風Milk-Tea

Date:

2009-01-06 20:29

Trackback: WPサイトを始めました - 花風Milk-Tea*
From:

みついれ。mi210

Date:

2009-02-15 00:54

Trackback: 今日のwordpress編集で学んだこと、できなかったこと - みついれ。mi210
From:

みついれ＠カオス

Date:

2009-02-17 00:24

Trackback: 今日もwordpress - みついれ＠カオス
From:

WPでイラストサイトを作る

Date:

2009-05-12 17:14

Trackback: 設置版WPで作成する場合 - WPでイラストサイトを作る

Trackback URL: http://eclucifer.net/blog/web/2008071501.html/trackback/

eclucifer