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

コンテンツ管理システム

CMS利用に役立つ機能

1. カスタム投稿タイプ

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

3. カスタムフィールド

カスタム◯◯

※架空のサイトです

Home

EVENT イベント

Gallery

About

Contact

News 記事

作品

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

投稿タイプ

時系列

投稿

Home

EVENT イベント

Gallery

About

Contact

News 記事

作品

投稿

階層構造

固定ページ

Home

EVENT イベント

Gallery

About

Contact

News 記事

作品

固定ページ

投稿

Home

EVENT イベント

Gallery

About

Contact

News 記事

作品

1. カスタム投稿タイプ

Home

EVENT イベント

Gallery

About

Contact

News 記事

作品

固定ページ

投稿

Home

EVENT イベント

Gallery

About

Contact

News 記事

作品

固定ページ

投稿

カスタム投稿

functions.php にコードを記述

function create_post_type() {

register_post_type( 'event',

array(

'label' => 'イベント',

'public' => true

)

);

}

add_action( 'init', 'create_post_type' );

または

プラグインをインストール

「Custom Post Type UI」

「CMS Press」

Simple

❷

❶

❸

テンプレートファイル：archive-gallery.php

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

分類taxonomy

「カテゴリー」と「タグ」

分類

親子関係

カテゴリー

キーワード

タグ

「カテゴリー」「タグ」以外の分類

functions.php にコードを記述

function create_taxonomy() {

register_taxonomy( 'creator', 'gallery',

array(

'label' => 'クリエイター',

'public' => true

)

);

}

add_action( 'init', 'create_taxonomy' );

または

「CMS Press」

プラグインをインストール

❷

❶

❸

3. カスタムフィールド

タイトル本文

「Custom Field Template」

プラグインをインストール

❶

❷

ループ内にコードを記述

<?php echo post_custom( '◯◯' ); ?>

値を呼び出す

おまけ. カスタムメニュー

functions.php にコードを記述

add_theme_support( 'menus' );

header.php にコードを記述

<?php wp_nav_menu(array('menu' => '◯◯')); ?>

‣ 適切な投稿タイプを選択

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

‣ アイデアと使い方次第

akky

Special Thanks

@m0m0dach

@mo_naoco

@morisumaki

@akky272

サク

鈴木梨沙 morisu maki