先日、以前WordPressでホームページを作成したお客さんから追加ページを依頼されたけれど、やろうとしたらハマってしまったというお話をしました。
実は別のこともお願いされていて、今日それをやっていたのですが、今回も少し手こずってしまいました。
そのお客さんのホームページのトップページはよく見かける形式で、「ようこそ○○のHPへ」というような見出しに「当社は○○の会社です・・・」という説明があり、その下に「トップニュース」カテゴリーとして二、三の最新記事が続きます。
そして一番下には「過去のニュース」カテゴリーとして、最新五つほどの過去ニュースのタイトルリンクがあります。
以上はindex.phpに設定してあって、「ようこそ○○のHPへ」と「当社は○○の会社です・・・」という記事は一つの固定ページです。
お客さんのご要望は、その固定ページ部分を目立つデザインで装飾したいとのこと。まずは背景に色を置いたり見出しを目立たせてみましょう、ということになりました。
お話を聞いたときは全体を<div>で囲んで・・・と簡単に考えていたのですが、私の使っているテンプレートは見出し（<h1>のタイトル）と記事本体がentry-headerとentry-contentに分かれていて、それぞれCSSで設定されています。
そういうことさえ知らずに簡単に引き受けてしまう私が悪いのですが、どうしようか困ってしまいました。
結局content.phpでentry-headerを読まないようにして、記事本体に<h1>の見出しを書いてentry-contentだけで装飾するようにしました。
このお客さんはアート系の会社で、見本に見せていただいた他社ホームページはハイクオリティの写真にきれいな画像の文字で装飾されています。どれもPC専用でレスポンシブウェブデザインではありません。
お客さんはスマホユーザーを重視されていますし、同じようにできないことはご理解いただいています。
とはいえ自由にデザインされている鮮やかなホームページを見ると、「きれいだな〜」と自社のホームページと比較してしまいますよね。
PHPを埋め込みながらちょっと考えてしまいました。