WEBデザインの参考になるようなサイトを集めたサイトが最近たくさんありますよね。
僕もよくお世話になっています。
どのサイトも個性があったりで面白かったり。

• http://croppy.org/
• http://webdesignsample.net
• http://www.designlinkdatabase.net/
• http://bm.s5-style.com/

などetc…

でも、それとは別に、自分のためのブックマークサイトを持ったほうがいいと思います。昔はよくあれもこれもはてなブックマークに入れていたのですが、探し出すのに一苦労だったわけです。だいたい、記事の内容ではてブしたサイトはキーワードで検索できるんですけど、ビジュアルが素敵なサイトとかは、全然探せないのです。

というわけで、自分で作ってしまおうと思ったわけです。とりあえず作ったものはこちら:http://bm.torounit.com/
というわけで、WordPressでブックマークサイト自作のチュートリアルです。

これでみんなもあの人達みたいに・・・！って訳にはそう簡単にいかないわけですが、少なくとも自分の気になるサイトをアーカイブしていけるので、自分の情報の整理くらいには活用してもらえるのではないでしょうか？

もし作ってみた人いたら、絡んでくれると嬉しいです。

WordPressで投稿の画像だけを表示することはアーカイブページやトップページでよくあると思います。

たとえばこんな感じ

なので、それ用の関数をつくりました。
投稿サムネイルがある場合はそれを、ない場合は記事のギャラリーに入っている一番最初の画像を表示しています。

[php]
function print_post_image($size = ‘thumbnail’){
if ( has_post_thumbnail() ) {
the_post_thumbnail($size);
} else {
$attachments = get_children(array(
‘post_parent’ => get_the_ID(),
‘post_type’ => ‘attachment’,
‘post_mime_type’ => ‘image’,
‘order’ => ‘DESC’
));

if(!empty($attachments)){

$img = array_shift($attachments);
echo wp_get_attachment_image($img->ID ,$size);
}
}
}
[/php]

the_excerpt等と一緒に使うと結構楽しいかもしれません。

企業サイト等を作るとき、サブページにナビゲーションに用意することって結構あると思います。サイドバーあたりに。

たとえば
[html]
<nav class="sideNav">
<h2><a href="#">会社情報</a></h2>
<ul>
<li><a href="#">会社概要</a></li>
<li><a href="#">事業内容</a></li>
<li><a href="#">社長挨拶</a></li>
</ul>
</nav>
[/html]
みたいな感じの。

それのWordPressでの実装です。
[php]
<nav class="sideNav">
<?php
if(is_page()){
$rootId = array_pop(get_post_ancestors( $id ));
if(!$rootId){
$rootId = $id;
}
?>
<h2><a href="<?php get_permalink($rootId);?>"><?php echo get_the_title($rootId);?></a></h2>
<ul>
<?php wp_list_pages("title_li=&child_of=$rootId" );?>
</ul>

<?php
}else {
?>
<h2><a href="/news">ニュース</a></h2>
<ul>
<?php wp_get_archives();?>
</ul>

<?php
}
?>
</nav>
[/php]

get_post_ancestors( $id )親ページのリストが配列で出るのですが、最後の要素が一番上の階層のページなので、それをarray_popで持って来ます。
wp_list_pagesで取得したIDの子孫のページだけ吐き出すようにしています。

WordPressでis_page()風味に使える、スクリプトを書きました。
is_page()に加えて、そのページの親、更にその親要素に出現すればtureを返します。

[php]
function is_current_page($page = "") {
if(is_page($page)){
return true;
}

global $id;
$parent = $id;

do {
$parent = get_post($parent)->post_parent;

if(get_post($parent)->post_name == $page||get_post($parent)->ID == $page||get_post($parent)->post_title == $page){
return true;
}
}
while($parent > 0);

return false;

}
[/php]

子ページとかをよく使う情報量の多いサイトなんかはでは便利だと思います。

Facebookとかで”いいね！”をすると、そのページのdescriptionが表示されるようです。
せっかくなので、記事ごとにdescriptionを設定しようと思い、
WordPressワードプレスで記事の概要をdescriptionに設定する方法
のコードをまんま、コピーアンドペーストしたのですが、シンタックスハイライターを等でショートコードを使っていると、それがそのまま出力されてちょっと切ない事になってしまいました。

なので、それに対処してみました。

[php]
<?php if ( is_single() ) { // 単独記事ページの場合 ?>
<?php if ($post->post_excerpt){ ?>
<meta name="description" content="<? echo $post->post_excerpt; ?>" />
<?php } else {
$summary = strip_tags($post->post_content);
$summary = preg_replace("/\[[a-z,\/]*\]|\n|\r/", "", $summary);
$summary = mb_substr($summary, 0, 80). "…"; ?>
<meta name="description" content="<?php echo $summary; ?>" />
<?php } ?>
<?php } else { // 単独記事ページ以外の場合 ?>
<meta name="description" content="<?php bloginfo(‘description’); ?>" />
<? } ?>

[/php]

str_replaceだったのを、preg_replaceにして、ショートコード全般と、改行を取り去るように書き換えただけです。

正規表現を少し覚えると、色々悪さができて楽しいですね。