「Cherry Pie Web」は、カテゴリ分けがけっこう重要なので、ブログ記事を表示するときに、トップにカテゴリを表示したほうが、わかりやすいナビゲーションになります。
イラストメインのサイトですので、カテゴリも画像で表示します。
MT4には「カテゴリー」というテンプレートモジュールがありますが、これは複数カテゴリーに対応していてリストで表示されるようになっています。
でも、複数カテゴリを画像でずらずら表示するのは変なので、メインカテゴリのみ表示することにします。(他のカテゴリを表示したければ、デフォルトの「カテゴリ」モジュールを併用すればよい)
まず、カテゴリを表示する画像を作成し、「title-(カテゴリのディレクトリ名).jpg」という名前で保存します。
そして、ブログ記事アーカイブにインクルードされたブログ記事の詳細モジュールの先頭に、次のように記述します。
<img src=”<$MTBlogURL$>/img/title-<$MTCategoryBasename$>.jpg” alt=”<$MTCategoryLabel$>”>
必要ならば、divでくくってスタイルを指定します。
Cherry Pie web では、この部分だけをモジュールにして、ブログ記事リストにも表示されるようにしています。
この記事を書いた人
-
FAシステムメーカー、国内最大手印刷会社製版部、印刷・ウェブ制作会社を経て、家庭の事情で実家に帰省して独立
現在はフリーランスと制作会社シニアディレクターのマルチワーク
ウェブ制作のほぼ全般を見渡せるディレクター業務が主だが、デザイン・コーディングも好き
1997年ブログ開設
WordPressコミュニティには2011年から参加
WordCamp Kansai 2016 セッションスピーカー
WordCamp Tokyo 2023 パネルディスカッションパネラー
WordBench京都、WordBench神戸、WordPress Meetup八王子など登壇多数
最新の投稿
ご質問・ご相談などありましたら
お気軽にお問い合わせください
資料請求・お問い合わせにはメールアドレスが必要です
コメントを残す