前回からの続き。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()):としました。
これで各トップページ&カテゴリーページの両方で記事本文の表示が消えました。
WordPressをカスタマイズするなら絶対覚えておきたい条件分岐やカスタム投稿タイプなどいろいろ(Webデザインレシピ)
今後の検討課題
以前の試作品モックアップから、少しずつだけれど前進している…のではないでしょうか。続けて、トップページの「見た目」で考えた今後の課題の思い付くところを列挙してみました。
●<nav>エリアの項目には何が必要か。
●今度は是非、検索フォームを導入したい。
●タグも導入したい。
●アイキャッチ画像の使い回しについて再考したい。
●<footer>エリアの項目には何が必要か。
ざっとこれくらいでしょうかね。全部クリア出来無くても、例えば個人的にアイキャッチ画像の件と、<nav>エリアの体裁が整えば見切り発車しちゃってもイイ気がします。日常的な各部の追加・修正は当たり前ですし、とりあえず始めちゃうっていうのが一番有効だったり。そんな感じで次回に続きます。
2014-06-21 > VPS&WordPress引っ越しメモ