連載第71回
2014年6月21日
WordPress(12)トップページ外観調整中:条件分岐とか

 前回からの続き。6月21日、第71回になりました。100回以内で且つ、今月中(残10日)に公開を目指すとなるともうあーだこーだと言ってられない状況です。
 記事本文ページのざっくりとしたレイアウトは68回69回でひとまずOKとして、サイトの顔となるトップページ(home)の見た目をザックリと調整します(>トップと記事ページが何とかなれば公開してもイイかな、という読み)。
 そこで引っ越し先のタイトルをどうしようか考えていたのですが、永遠に完成しない音楽制作日記ということで「Sound Works in Progress」としました(いや、完成させる気持ちは、あるのですよ)。しかし、英語の文法的に正しいのかとか、向こうの人に伝わるのか、ダサいのかイケてるのかどうかは不明です(アドバイスあれば気楽に@ください)。とりあえず仮。仮タイトルは画像で作成せず、HelveticaとCSSの装飾(シャドウ)で簡易に済ませました。

外部サイト参考記事
CSS3のtext-shadowを使ったテキスト装飾のサンプル集(kachibito.net)

トップページは記事タイトルエリアだけ表示

 現状、トップページにアクセスすると、トップページなのに各投稿記事の本文も全部表示されてしまっているので、ダイエットします。トップページには各記事タイトルエリアだけ表示させたい。

 「トップページの場合は〜しない」という条件は次のように書きます。ポイントは「!」で、「〜じゃない」という否定の表現に使用。これを「the_content();」の前後に「endif;」とペアで挟み込みます。

if(!is_home()):

トップページ調整中(12−1)

<section id="post">

<section id="title">
	〜略〜
</section>

<?php if(!is_home()): ?>
<?php the_content(); ?>
<?php endif; ?>

</section>

7行目と9行目でthe_content();を囲います。これで記事本文(content)がトップページでは表示されなくなります。

カテゴリーページでもタイトルだけにしたい

 ここでトップページから各仮タイトルをクリックし、そのカテゴリーページへ移ると、そこに属する記事は本文テキスト全部が表示されています(↑)。
 当サイト(flipflipflip.com)でのカテゴリーページは「続きを読む」を付加して本文の冒頭部も表示させているけれど、今のところ引っ越し先の制作日記は基本的に「自分のためのアーカイヴ」であって、読者目線は考慮しないことにしているので、ここも記事タイトルだけにします。

 「カテゴリーページじゃない場合」という条件は次になります。

if(!is_category()):

トップページ調整中(12−2):失敗例

<?php if(!is_home() or !is_category()): ?>
<?php the_content(); ?>
<?php endif; ?>

1行目:orで連結してみたけど、否定条件同士の組み合わせは動作しない模様。合致条件の組み合わせは動作しますね。

 そこで上記のように書いてみたのですが、ダメなんですねえ…。全然意図通りに表示が変更されず、トップページに本文が再び全部表示されてしまうようになりました。否定同士の組み合わせはダメということは、初めて知りました。

個別ページだけに表示 if(is_single()):

 そこで発想を切り替えて、素直に「シングルページ(個別投稿記事)の場合のみ本文を表示させる」という条件に変更することにしました。「シングルページの場合」という条件は次になります。

if(is_single()):

トップページとカテゴリーページの調整中(12−3)

<?php if(is_single()): ?>
<?php the_content(); ?>
<?php endif; ?>

1行目:素直にif(is_single()):としました。

 これで各トップページ&カテゴリーページの両方で記事本文の表示が消えました。

今後の検討課題

 以前の試作品モックアップから、少しずつだけれど前進している…のではないでしょうか。続けて、トップページの「見た目」で考えた今後の課題の思い付くところを列挙してみました。

 <nav>エリアの項目には何が必要か。
 今度は是非、検索フォームを導入したい。
 タグも導入したい。
 アイキャッチ画像の使い回しについて再考したい。
 <footer>エリアの項目には何が必要か。

 ざっとこれくらいでしょうかね。全部クリア出来無くても、例えば個人的にアイキャッチ画像の件と、<nav>エリアの体裁が整えば見切り発車しちゃってもイイ気がします。日常的な各部の追加・修正は当たり前ですし、とりあえず始めちゃうっていうのが一番有効だったり。そんな感じで次回に続きます。