「おいしい料理」のカスタマイズ内容

「おいしい料理」で行っているカスタマイズについて

このサイトで使用しているテーマ Lightning は機能追加や改善のために頻繁にアップデートされています。そのため、テーマのファイルを直接書き換えるやり方でカスタマイズすると、アップデートが正常に反映されなかったり不具合が起きたりする可能性があります。

メインサイトと同様、「おいしい料理」ではテーマのファイルを一切変更しないやり方でカスタマイズを行っています。

料理の個別投稿ページのページヘッダーをカスタマイズしました。 2023.1.9

  • ページヘッダーの高さを大きくして、背景画像にアイキャッチ画像を表示するようにしました。
    画面幅1200px以上ではフルサイズのアイキャッチ画像を表示して、ファーストビューで料理のおいしさが伝わるようにしました。1200pxより小さい場合は大サイズのアイキャッチ画像を表示するようにレスポンシブ対応してあります。
  • ページヘッダーに投稿タイトル、投稿日などを表示するようにしました。

独立したサイトのように見てもらうカスタマイズを行いました。2023.3.27

このサイト https://lightning-free.hp1.work/ の中で、カスタム投稿タイプ「おいしい料理」のアーカイブページ https://lightning-free.hp1.work/dish/ を独立したサブサイトのように見てもらうために、おいしい料理のページのヘッダーロゴ画像グローバルナビなどをカスタマイズして、メインサイトとは異なるものを表示するようにしました。

サブサイト「おいしい料理」のヘッダー

ヘッダーロゴ画像を2つ表示して、リンク先を「メインサイトのトップ」と「サブサイト(おいしい料理)のトップ」に設定してあります。

グローバルナビは「おいしい料理」専用のものを表示しています。

おいしい料理のページのヘッダーロゴ画像、グローバルナビなどをメインサイトとは異なるものにカスタマイズしました。

サブサイト「おいしい料理」に含まれるページ

  • カスタム投稿タイプ「おいしい料理」のアーカイブページおよび個別投稿
  • 固定ページ https://lightning-free.hp1.work/dish-intro/ (このページ)
  • 上記固定ページの子孫の固定ページ *1

*1 最上位の祖先を取得することにより、子ページだけではなく孫ページ(この例では個々のシェフ紹介ページ)でも自動的にヘッダーロゴ画像、グローバルナビが切り替わるようにカスタマイズしてあります。

モバイルナビはまだカスタマイズしてありません。

管理運用体制やコンテンツにもよりますが、一人または少人数でサイトを管理運用する場合は WordPress のマルチサイト機能を使ったり、別途 WordPress をサブディレクトリにインストールしたりするよりも、このカスタマイズのやり方が適しているように思います。

メモ Katawara のサイトでも同じことをやろうとしたけど、以下の理由により諦めて Lightning だけで実装することにした。

  • Katawara のヘッダーやグローバルナビのスタイルはやや複雑でカスタマイズの工数がかかりそうだった。
    Lightning の方がシンプルでわかりやすい。
  • Katawara はヘッダーロゴ画像の差し替え用フックが用意されていない。
    Lightning には用意されている。

さすが Lightning、シンプルでカスタマイズしやすい です。

アーカイブページのカスタマイズを行いました。2023.8.19

シェフのアーカイブページの先頭にシェフの写真入り紹介を、料理分類のアーカイブページの先頭に料理分類(和食・洋食)の紹介文を表示するようにカスタマイズしました。表示を追加した部分を固定ページで作ってありますので、お客様側でかんたんに書き換えていただけます。

詳しいカスタマイズ内容は以下の記事をどうぞ。

カスタム投稿タイプのアーカイブページのカスタマイズ例「おいしい料理」

カスタマイズで追加した部分を固定ページで作ってありますので、お客様側でかんたんに書き換えていただけます。

弊社 (魚沼情報サービス) ではこのようなカスタマイズのお仕事をお引き受けしています。
デザイン・仕様について、お客様のご要望に合わせてカスタマイズいたします。
無料で費用見積りいたしますので、お気軽にお問い合わせください。