SlideShare a Scribd company logo
WordPressで
ブログ以外のサイ   トを作る


    2012.11.03 WordCamp Osaka 2012
自己紹介


西山 拓磨
•   デザイナー/アートディレクター
•   専門学校講師
•   大阪・京都を中心に活動
ブログ以外の
サイトの作り方
Blog
‣ ブログサイト


‣ コーポレートサイト


‣ ショッピングサイト
個人サイト:takumadesign http://takumadesign.com/
クライアントワーク:morisu maki http://morisumaki.com/
専門学校でポートフォリオ制作を指導
WordPressで作るポートフォリオサイト
http://www.slideshare.net/takuma2480/wordpress-12753727
WordPressを使って
ポー ォ
  トフ リオを作ることが
     得意です。
CMS
コンテンツ管理システム
WordPressでブログ以外のサイトを作る 〜カスタム投稿タイプやカスタムフィールドの使い方〜
CMS利用に役立つ機能
1. カスタム投稿タイプ



2. カスタムタクソノミー



3. カスタムフィールド
カスタム⃝⃝
※架空のサイトです
WordPressでブログ以外のサイトを作る 〜カスタム投稿タイプやカスタムフィールドの使い方〜
WordPressでブログ以外のサイトを作る 〜カスタム投稿タイプやカスタムフィールドの使い方〜
WordPressでブログ以外のサイトを作る 〜カスタム投稿タイプやカスタムフィールドの使い方〜
News       記事




       EVENT     イベント




Home   Gallery    作品




       About




       Contact
投稿タイプ



「投稿」 「固定ページ
    と      」
投稿




時系列
News       記事




                 イベント
       EVENT            投稿


Home   Gallery    作品




       About




       Contact
固定ページ




階層構造
News        記事




                  イベント
       EVENT             投稿


Home   Gallery     作品




       About



                 固定ページ
       Contact
News       記事




       EVENT     イベント




Home   Gallery    作品




       About
WordPressでブログ以外のサイトを作る 〜カスタム投稿タイプやカスタムフィールドの使い方〜
WordPressでブログ以外のサイトを作る 〜カスタム投稿タイプやカスタムフィールドの使い方〜
WordPressでブログ以外のサイトを作る 〜カスタム投稿タイプやカスタムフィールドの使い方〜
WordPressでブログ以外のサイトを作る 〜カスタム投稿タイプやカスタムフィールドの使い方〜
1. カスタム投稿タイプ
News        記事




                  イベント
       EVENT             投稿


Home   Gallery     作品




       About



                 固定ページ
       Contact
記事
       News              投稿


       EVENT      イベント



                         カスタム投稿
Home   Gallery     作品




       About



                 固定ページ
       Contact
WordPressでブログ以外のサイトを作る 〜カスタム投稿タイプやカスタムフィールドの使い方〜
functions.php にコードを記述

function create_post_type() {
    register_post_type( 'event',
         array(
             'label' => 'イベント',

             'public' => true
         )
    );
}
add_action( 'init', 'create_post_type' );


                         または
プラグインをインストール
「Custom Post Type UI」
Simple


「CMS Press」
WordPressでブログ以外のサイトを作る 〜カスタム投稿タイプやカスタムフィールドの使い方〜
❶


❷




❸
WordPressでブログ以外のサイトを作る 〜カスタム投稿タイプやカスタムフィールドの使い方〜
WordPressでブログ以外のサイトを作る 〜カスタム投稿タイプやカスタムフィールドの使い方〜
WordPressでブログ以外のサイトを作る 〜カスタム投稿タイプやカスタムフィールドの使い方〜
WordPressでブログ以外のサイトを作る 〜カスタム投稿タイプやカスタムフィールドの使い方〜
WordPressでブログ以外のサイトを作る 〜カスタム投稿タイプやカスタムフィールドの使い方〜
テンプレートファイル:archive-gallery.php
2. カスタムタクソノミー
taxonomy
分類
分類



「カテゴリー」 「タグ」
       と
WordPressでブログ以外のサイトを作る 〜カスタム投稿タイプやカスタムフィールドの使い方〜
カテゴリー




親子関係
WordPressでブログ以外のサイトを作る 〜カスタム投稿タイプやカスタムフィールドの使い方〜
タグ




キーワード
WordPressでブログ以外のサイトを作る 〜カスタム投稿タイプやカスタムフィールドの使い方〜
「カテゴリー」「タグ」
   以外の分類
WordPressでブログ以外のサイトを作る 〜カスタム投稿タイプやカスタムフィールドの使い方〜
WordPressでブログ以外のサイトを作る 〜カスタム投稿タイプやカスタムフィールドの使い方〜
functions.php にコードを記述

function create_taxonomy() {
    register_taxonomy( 'creator', 'gallery',
         array(
             'label' => 'クリエイター',

             'public' => true
         )
    );
}
add_action( 'init', 'create_taxonomy' );


                         または
プラグインをインストール




「CMS Press」
WordPressでブログ以外のサイトを作る 〜カスタム投稿タイプやカスタムフィールドの使い方〜
❶


❷



❸
WordPressでブログ以外のサイトを作る 〜カスタム投稿タイプやカスタムフィールドの使い方〜
WordPressでブログ以外のサイトを作る 〜カスタム投稿タイプやカスタムフィールドの使い方〜
WordPressでブログ以外のサイトを作る 〜カスタム投稿タイプやカスタムフィールドの使い方〜
WordPressでブログ以外のサイトを作る 〜カスタム投稿タイプやカスタムフィールドの使い方〜
WordPressでブログ以外のサイトを作る 〜カスタム投稿タイプやカスタムフィールドの使い方〜
3. カスタムフィールド
タイトル
       本文
WordPressでブログ以外のサイトを作る 〜カスタム投稿タイプやカスタムフィールドの使い方〜
WordPressでブログ以外のサイトを作る 〜カスタム投稿タイプやカスタムフィールドの使い方〜
WordPressでブログ以外のサイトを作る 〜カスタム投稿タイプやカスタムフィールドの使い方〜
WordPressでブログ以外のサイトを作る 〜カスタム投稿タイプやカスタムフィールドの使い方〜
WordPressでブログ以外のサイトを作る 〜カスタム投稿タイプやカスタムフィールドの使い方〜
プラグインをインストール




「Custom Field Template」
❶
❷
WordPressでブログ以外のサイトを作る 〜カスタム投稿タイプやカスタムフィールドの使い方〜
値を呼び出す


  ループ内にコードを記述


<?php echo post_custom( '⃝⃝' ); ?>
WordPressでブログ以外のサイトを作る 〜カスタム投稿タイプやカスタムフィールドの使い方〜
WordPressでブログ以外のサイトを作る 〜カスタム投稿タイプやカスタムフィールドの使い方〜
WordPressでブログ以外のサイトを作る 〜カスタム投稿タイプやカスタムフィールドの使い方〜
おまけ.
カスタムメニュー
functions.php にコードを記述


  add_theme_support( 'menus' );
WordPressでブログ以外のサイトを作る 〜カスタム投稿タイプやカスタムフィールドの使い方〜
WordPressでブログ以外のサイトを作る 〜カスタム投稿タイプやカスタムフィールドの使い方〜
WordPressでブログ以外のサイトを作る 〜カスタム投稿タイプやカスタムフィールドの使い方〜
WordPressでブログ以外のサイトを作る 〜カスタム投稿タイプやカスタムフィールドの使い方〜
WordPressでブログ以外のサイトを作る 〜カスタム投稿タイプやカスタムフィールドの使い方〜
header.php にコードを記述


<?php wp_nav_menu(array('menu' => '⃝⃝')); ?>
WordPressでブログ以外のサイトを作る 〜カスタム投稿タイプやカスタムフィールドの使い方〜
WordPressでブログ以外のサイトを作る 〜カスタム投稿タイプやカスタムフィールドの使い方〜
‣   適切な投稿タイプを選択

‣   カスタム機能で自由自在

‣   アイデアと使い方次第
Special Thanks

akky           サク
@akky272       @mo_naoco




鈴木梨沙           morisu maki
@m0m0dach      @morisumaki

More Related Content

WordPressでブログ以外のサイトを作る 〜カスタム投稿タイプやカスタムフィールドの使い方〜