WordPressカスタム投稿タイプを使って商品紹介ページを作ったよ-part1
WordPress3から本格的に「カスタム投稿タイプ」が使えるようになりました。
仕事では使っているとはいえ、僕はデザイン部門。そこで自分で本格的に作ってみよう!ということで、自らのブログで挑戦してみました。
もう既に「カスタム投稿タイプ」については、Google検索すればヤマほど引っかかります。
いろいろと参考サイトを探していましたが、ver3.0とver3.1でもちょっと違うみたい。
まぁ、いろいろ見た中の僕なりのやり方と忘備録ということで…。
「WordPress3.1.2マルチユーザー」にてチャレンジ!
(3.2になるとまた変わるかもね!?)
どんなページを作ろうか…?
なるべく仕事にも使えるような設計に…。
とりあえず、僕は欧州サッカーマニアで各国・各リーグのユニフォームが大好きなので、記念のユニフォームなどを紹介していこうか…アフィリエイトも兼ねて…と、その紹介ページを作ることにしました。
え〜と、基本レイアウトは今のブログそのまま。「カスタムフィールド」を使って商品詳細を掲載することにしよう。
それで決定!
まずは、「カスタム投稿タイプ」を使えるように設定。
「functions.php」に以下を記入しました。
//ユニフォームカスタム投稿タイプ register_post_type( 'uniform', array( 'label' => 'ユニフォーム', 'hierarchical' => false, 'public' => true, 'query_var' => false, 'menu_icon' => false, 'menu_icon' => get_bloginfo('template_url'). '/images/uniform_icon_s.gif', 'has_archive' => true, 'supports' => array( 'title', 'editor', 'thumbnail', 'custom-fields', 'comments' ) ) );
投稿タイプ名を’uniform’に。
以下パラメータは、’label’は「ユニフォーム」。
階層構造を持たない投稿形式(時系列)にするために’hierarchical’は「false」に。
アイコン画像など、その他もろもろ「register_post_type」の設定。(詳細は以下参考サイト)
‘supports’では、投稿画面に「タイトル、本文、アイキャッチ画像、カスタムフィールド、コメント」を表示するようにしました。
参考サイト
これで左のリストに「ユニフォーム」の投稿タイプが設定されました。
上でアイキャッチ画像(thumbnail)を使えるようにしたので設定しなきゃいけません。
「functions.php」にまたまた追加。
(このブログでは一般の投稿に既に使用していましたので追加済み)
//アイキャッチ画像 add_theme_support('post-thumbnails'); set_post_thumbnail_size(180, 180, true);
で、商品紹介の最初にイメージを載せることにしています。
サイズは、縦横最大180px。はみ出した部分はトリミングカット。
参考サイト
わお!投稿画面が出来上がり!…これですぐに投稿できるかのように思えるのですが、カスタム投稿タイプ用のテンプレートを制作しないと…(T_T)。
長くなるので「part2」に続く…