Web事業部実績紹介
Web事業部実績紹介
2011.03.31

WordPress(ワードプレス)テンプレートを1から作る時にやっておきたい3つの事

ひろゆき

それっぽいタイトルにしてみました。
ワードプレスを1から作るときに必ずやっておきたい事(1)、やったらいいんじゃないかな?的なこと(2,3)です。

1.wp_head()を設置する

まずはプラグインを動かすタグです。
ワードプレスのテンプレートを1から作ると結構見落としてしまうのですが、これがないとプラグインがほとんど動きません。
header.phpを作ったらとりあえず記述してしまったほうがいいと思います。

<?php wp_head(); ?>

これを、

</head>

の直前に入れてやります。
ついでに

</body>

の直前にwp_footer()も入れておくといいと思います。

<?php wp_footer(); ?>

この二つの記述があれば大抵のプラグインは正常動作するはずです。

2.ワードプレスのデフォルトのクラスを設定する

ワードプレスのビジュアルモードだとタグを書かなくても右に寄せたりできると思います。
インラインのスタイルとかが追記されてるかと思いきや、クラスが設定されていました。
下記をスタイルシートに記述してやれば正常に動きます。

.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
}

.alignright {
   float: right;
}

.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}

また、hタグとかリセットしてある場合は定義しなおすか、リセットから外すとデフォルトのワードプレスの動きになります。

3.moreタグの生成されるURLを#moreとかついてない本来のURLにする

moreタグで出てくる「続きを読む」のリンクはデフォルトだと#moreとかが付いていると思います。これだとURLが違うのでSEO的にダメっぽい?のと場合によっては挙動がおかしくなる場合もあります。そんなときはfunctions.phpに以下を記述します。

function remove_more_jump_link($link) {
$offset = strpos($link, '#more-');
if ($offset) {
$end = strpos($link, '"',$offset);
}
if ($end) {
$link = substr_replace($link, '', $offset, $end-$offset);
}
return $link;
}
add_filter('the_content_more_link', 'remove_more_jump_link');

と思ったら当ブログもおもいっきり#more出てました。。そのうち直そう。

参考サイト

moreタグのリンク先URLから#more- を削除する方法
codex
wp_head;とwp_footer();は必ず書こう