きのこ

カスタム投稿タイプを練習する為のWordPress子テーマを配布!”mypace custom plus”のご紹介

WordPressを企業サイトとして使うなら、やっぱりカスタム投稿タイプは使った方が良いですよ。

以前私が初めてWordPressを使った案件では、例えば「お店ブログ(新着情報)」というページと、「商品紹介」というページをお客さんが更新するにあたって、全部「投稿」に入れてカテゴリーで出力箇所を制御しているような作りでした。

でも、いちいち「カテゴリー」のところにチェック入れてもらうのはハードルが高い気がします。
チェックし忘れたり、間違えたら「商品紹介」のところに新着情報が出ちゃったりするわけだし。

そこで、カスタム投稿タイプの出番です。
実装方法は、こちらの記事で書きましたのでそちらをご覧ください。

pen改正版:カスタム投稿タイプの表示用のページを作る-WordPress備忘録-

でも、「自分でやるの面倒!」「それテーマにしといてよ!」って声が聞こえてきそうなので、えぇ、作っちゃいましたとも!

その名も”mypace custom plus”!mypace customの子テーマです。

カスタム投稿のデモページは用意してないけど、クリックで画像拡大するよ

この”mypace custom plus”には、「商品紹介」というカスタム投稿のページを作るためのセットのみが含まれています。

拙作の”mypace custom”テーマの子テーマです。“mypace custom”(verticalも可)と”mypace custom plus”の両方がないと動きません!
”mypace custom”テーマのダウンロードはこちらのページへ!

管理をGitHubに移しました。
(最新Ver1.5/WordPress3.4~3.5.1にて動作確認済/※3.8でも動くと思います)

2つのテーマをアップロードしたのち、”mypace custom plus”の方を有効にしてください。
カスタム投稿以外の部分をいじりたい時は、親テーマである”mypace custom”をいじるか、変更部分のファイルのみ”mypace custom plus”の中に入れてください。

danger縦リンクVerの”mypace custom vertical”でご利用の場合は、”mypace custom plus”のstyle.cssに記載の親テーマ名を書き換えてください

テーマの特徴

  • カスタム投稿の一覧ページは、抜粋分とサムネイル画像、「詳しく見る」ボタンを表示します。この体裁がなかなか便利だと思います。
  • 「詳しく見る」ボタンはCSS3のグラデーションや角丸やドロップシャドウなどを使ってそれっぽく仕上げました!IE8以下ではただの黒い四角形ですが、機能上の問題はありません。
  • ライセンスやお約束事項をよく読んでお使いください。

ファイル構成

style.css
page-goods.php(ページテンプレート)
single-goods.php(個別ページ用)
archive-goods.php(一覧表示用)※v1.3にて追加
functions.php
screenshot.png

【重要】IEで動作確認する際の注意事項

この配布テーマでは、ブラウザ表示時にどのテンプレートファイルが適用されているか確認できるように、<?php get_header(); ?>の前にコメントを入れてあります。
これがスイッチとなって、IEでの表示が後方互換モードとなってレイアウト崩れが起きますので、ある程度制作が進んだら、各テンプレート冒頭にある<!– *****.php start –>のコメントは削除してください。

dangerこの件について詳しくは「IEでの後方互換スイッチに関して勘違いしてました。だからまとめ。」エントリーをお読みください。

変更履歴

  • 2010.11.12 「鉄は熱いうちに打て」とばかりに、カスタム投稿タイプ用のテンプレ作成。また勢いだけで公開。
  • 2010.12.12 Ver1.1に変更。投稿数が増えた時のページ送りが表示されないという点を修正。カスタム投稿表示用のコードを書き換えました。
  • 2011.01.27 IEでの後方互換スイッチに関する記述を追加しました。
  • 2011.04.07 単数形の指定をする項目‘singular_name’ => ”の記述を削除しました。日本語ではなくても問題ないので。
  • 2011.06.26 functions.php内に不要な全角スペースが混じっておりPHPエラーが出ていた点を修正
  • 2012.02.11 Ver1.2に変更。カスタム投稿表示用のコードを、new WP_Queryではなくquery_postsを使ったものに書き換えました。
  • 2012.11.02 Ver1.3に変更。archive-goods.phpを追加。ページテンプレートgoods.phpのファイル名をpage-goods.phpに変更。functions.phpの記述を変更。

コメント / トラックバック 1 件

▲Pagetop