Submit Search
WordPressでブログ以外のサイトを作る 〜カスタム投稿タイプやカスタムフィールドの使い方〜
80 likes
11,218 views
Takuma Nishiyama
2012.11.03 WordCamp Osaka 2012 にて発表
Design
Read more
1 of 94
Download now
Downloaded 224 times
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
More Related Content
PDF
WordPressで作るポートフォリオサイト
Takuma Nishiyama
PDF
WordPress初心者からの脱出! カスタムなんとかをちゃんと理解する
Takashi Uemura
PDF
レスポンシブ・ウェブデザイン基礎
masaaki komori
PDF
パララックス効果を使ったWordPressサイト
Takuma Nishiyama
KEY
集客ばかりを考えるからブログは失敗する -長くブログを続けるために-
WCO_Blogger
PDF
Word camposaka imaigo_slideshare
Go Imai
PDF
文系デザイナーでも大丈夫!レスポンシブWEBサイトをWordPressで作ってみよう
Junko Nukaga
PPTX
HTML5とWeb開発に関する最新動向
Shumpei Shiraishi
WordPressで作るポートフォリオサイト
Takuma Nishiyama
WordPress初心者からの脱出! カスタムなんとかをちゃんと理解する
Takashi Uemura
レスポンシブ・ウェブデザイン基礎
masaaki komori
パララックス効果を使ったWordPressサイト
Takuma Nishiyama
集客ばかりを考えるからブログは失敗する -長くブログを続けるために-
WCO_Blogger
Word camposaka imaigo_slideshare
Go Imai
文系デザイナーでも大丈夫!レスポンシブWEBサイトをWordPressで作ってみよう
Junko Nukaga
HTML5とWeb開発に関する最新動向
Shumpei Shiraishi
What's hot
(20)
PDF
今から始めよう!WordPressで作る女子ウケ★スマホサイト
rie05
PDF
SaCSS vol.79「CMSがらみのサイトの受発注で確認すべきこと」
Seiko Kuchida
PDF
WP-CLIとWordPress公式ディレクトリを活用した爆速サイト構築術 ーインストールからデザイン、ページ作成までを10分でー
タカシ キタジマ
PDF
使ってはいけないテンプレートタグ(Word bench 2015/08)
Masahiro Nakashima
PDF
WordCamp Kansai 2015 プレイベント「コントリビューターデイ」
Ayaka Sumida
PPTX
Webディレクターとして word pressを提案するときに考えること + 運用
Junzo Matunoo
PDF
WordPressで行う継続的インテグレーション入門編
Hiroshi Urabe
PDF
イマドキの「タグ=HTML」とスタイルシート=CSS」を知ろう
Mori Kazue
PDF
「なんとなく」の壁を越えよう! 〜自信を持ってWordPressを選択するためのヒント〜
Naoko Takano
PDF
WordPressで行う継続的インテグレーションのススメ
horike37
PDF
メニューは管理画面で設定できるようにしよう
Mayuko Moriyama
PDF
更新作業で消耗しない!Web製作者のためのWordPress公式ディレクトリ活用術
Mignon Style
PDF
テーマに機能を含めちゃダメなんて誰が決めた! テーマをモリモリにカスタマイズする
文樹 高橋
PDF
ノンプログラマーのためのカンタンWordPressテーマ作成入門 ∼子テーマで WordPress のテーマをつくろう∼
Mignon Style
PDF
今、WordPress を使う理由
Naoko Takano
PDF
WooCommerce & AWS
Hidetaka Okamoto
PDF
レスポンシブ・イメージのWordPressへの実装と4.4
Toru Miki
PPTX
20121215
小野 修司
PDF
Learning from theme review requirements
Shinichi Nishikawa
PDF
コードをさわらずにビジネスサイトを作ろう!
FLOW web planning & design
今から始めよう!WordPressで作る女子ウケ★スマホサイト
rie05
SaCSS vol.79「CMSがらみのサイトの受発注で確認すべきこと」
Seiko Kuchida
WP-CLIとWordPress公式ディレクトリを活用した爆速サイト構築術 ーインストールからデザイン、ページ作成までを10分でー
タカシ キタジマ
使ってはいけないテンプレートタグ(Word bench 2015/08)
Masahiro Nakashima
WordCamp Kansai 2015 プレイベント「コントリビューターデイ」
Ayaka Sumida
Webディレクターとして word pressを提案するときに考えること + 運用
Junzo Matunoo
WordPressで行う継続的インテグレーション入門編
Hiroshi Urabe
イマドキの「タグ=HTML」とスタイルシート=CSS」を知ろう
Mori Kazue
「なんとなく」の壁を越えよう! 〜自信を持ってWordPressを選択するためのヒント〜
Naoko Takano
WordPressで行う継続的インテグレーションのススメ
horike37
メニューは管理画面で設定できるようにしよう
Mayuko Moriyama
更新作業で消耗しない!Web製作者のためのWordPress公式ディレクトリ活用術
Mignon Style
テーマに機能を含めちゃダメなんて誰が決めた! テーマをモリモリにカスタマイズする
文樹 高橋
ノンプログラマーのためのカンタンWordPressテーマ作成入門 ∼子テーマで WordPress のテーマをつくろう∼
Mignon Style
今、WordPress を使う理由
Naoko Takano
WooCommerce & AWS
Hidetaka Okamoto
レスポンシブ・イメージのWordPressへの実装と4.4
Toru Miki
20121215
小野 修司
Learning from theme review requirements
Shinichi Nishikawa
コードをさわらずにビジネスサイトを作ろう!
FLOW web planning & design
Ad
Viewers also liked
(20)
PPTX
WPバックアップ必勝法!「BackWPup」プラグインを使って突然サーバーがクラッシュしても大丈夫なように運用するための方法
Kazutoshi Shinoda
PDF
WordCampOsaka2012 WordPressあるある
Takashi Uemura
PDF
WordPress のいま
Naoko Takano
PDF
趣味プロダクトで楽しいコードライフワークを送る
volpe_hd28v
PPTX
151115 県p研究大会発表up用
Shinichiro Kawakami
PDF
WordPressでサイト作成するときに知っておくといいことあれこれ
YUKI YAMAGUCHI
KEY
WordPressってブログじゃないの?
tokumotonahoko
PDF
WebデザイナーによるWebデザイナーのためのマーケティング入門
Miho Ishida
KEY
エンジニアの為のWordPress入門 〜WordPressはWebAppプラットフォームです〜
Yuji Nojima
PDF
ノンプログラマーのためのカンタンWordPressテーマ作成入門 〜子テーマでテーマ作成&カスタマイズ〜
Mignon Style
PDF
ITエンジニアのためのゼロから始める英語勉強法
Tsuyoshi Ushio
PDF
プログラム組んだら負け!実はHTML/CSSだけでできること2015夏
Yusuke Hirao
PDF
レスポンシブWebデザインの基礎
Hiroyuki Ogawa
PDF
プレゼンの技術
心 谷本
PDF
最強オブジェクト指向言語 JavaScript 再入門!
Yuji Nojima
PDF
ブラウザにやさしいHTML/CSS
Takeharu Igari
PDF
デザインのためのデザイン
Masayuki Uetani
PDF
確実に良くするUI/UX設計
Takayuki Fukatsu
PDF
分かりやすく、使いやすいデザインを生み出す工夫 先生:池田 拓司
schoowebcampus
PPT
デザイン仕様書(ガイド)の書き方 (初歩者用)
witstudio
WPバックアップ必勝法!「BackWPup」プラグインを使って突然サーバーがクラッシュしても大丈夫なように運用するための方法
Kazutoshi Shinoda
WordCampOsaka2012 WordPressあるある
Takashi Uemura
WordPress のいま
Naoko Takano
趣味プロダクトで楽しいコードライフワークを送る
volpe_hd28v
151115 県p研究大会発表up用
Shinichiro Kawakami
WordPressでサイト作成するときに知っておくといいことあれこれ
YUKI YAMAGUCHI
WordPressってブログじゃないの?
tokumotonahoko
WebデザイナーによるWebデザイナーのためのマーケティング入門
Miho Ishida
エンジニアの為のWordPress入門 〜WordPressはWebAppプラットフォームです〜
Yuji Nojima
ノンプログラマーのためのカンタンWordPressテーマ作成入門 〜子テーマでテーマ作成&カスタマイズ〜
Mignon Style
ITエンジニアのためのゼロから始める英語勉強法
Tsuyoshi Ushio
プログラム組んだら負け!実はHTML/CSSだけでできること2015夏
Yusuke Hirao
レスポンシブWebデザインの基礎
Hiroyuki Ogawa
プレゼンの技術
心 谷本
最強オブジェクト指向言語 JavaScript 再入門!
Yuji Nojima
ブラウザにやさしいHTML/CSS
Takeharu Igari
デザインのためのデザイン
Masayuki Uetani
確実に良くするUI/UX設計
Takayuki Fukatsu
分かりやすく、使いやすいデザインを生み出す工夫 先生:池田 拓司
schoowebcampus
デザイン仕様書(ガイド)の書き方 (初歩者用)
witstudio
Ad
Similar to WordPressでブログ以外のサイトを作る 〜カスタム投稿タイプやカスタムフィールドの使い方〜
(20)
PDF
【Wordpress】LightBox風jQueryを使ってポップアップ上でカスタムフィールドを出力。
Kazuki Akiyama
PDF
Types紹介
Takashi Hosoya
PDF
「やりたい!」が「できた!」に変わる。チームで作るWebサービス〜Scoobの場合〜
Yu-ki Motoyama
PDF
WordCamp Tokyo2012 Session
regret raym
KEY
ブログの枠を超える?ためのWordPressカスタマイズ入門
muracchi
PDF
Wordpress カスタム投稿
Takami Kazuya
PDF
カスタム投稿タイプ
西村 州平
PDF
WordPressカスタム投稿とカスタム分類を使ってみよう
kenji goto
PDF
WordBeach @kurudrive
Hidekazu Ishikawa
PDF
jQueryで作るカスタム投稿の画像スライダーライブラリ
Takashi Uemura
PDF
WordPressで作る世界遺産サイト|カスタムフィールドとカスタム投稿編
Yoshinori Kobayashi
PDF
WordPressアジュール部第1回勉強会
horike37
PDF
a-blogcsm な寺子屋 2 in Okazaki
Etsushi Ishii
PDF
a-sap06「カスタムフィールドを使いこなす」
Seiko Kuchida
PDF
愛と涙のWordPress無理やりカスタマイズ事例集
Hidekazu Ishikawa
PDF
Typesハンズオン
Takashi Hosoya
PPTX
第16回ゼロから始めるWordPress勉強会 カスタム3兄弟
Takahiro Nakahata
PDF
Cms festa-0216
Kazuaki Ueda
PPTX
カスタムフィールドをもっと使い易く!
雄一郎 安倍
PDF
WordPress初心者テーマ作成勉強会
Tsuyoshi.
【Wordpress】LightBox風jQueryを使ってポップアップ上でカスタムフィールドを出力。
Kazuki Akiyama
Types紹介
Takashi Hosoya
「やりたい!」が「できた!」に変わる。チームで作るWebサービス〜Scoobの場合〜
Yu-ki Motoyama
WordCamp Tokyo2012 Session
regret raym
ブログの枠を超える?ためのWordPressカスタマイズ入門
muracchi
Wordpress カスタム投稿
Takami Kazuya
カスタム投稿タイプ
西村 州平
WordPressカスタム投稿とカスタム分類を使ってみよう
kenji goto
WordBeach @kurudrive
Hidekazu Ishikawa
jQueryで作るカスタム投稿の画像スライダーライブラリ
Takashi Uemura
WordPressで作る世界遺産サイト|カスタムフィールドとカスタム投稿編
Yoshinori Kobayashi
WordPressアジュール部第1回勉強会
horike37
a-blogcsm な寺子屋 2 in Okazaki
Etsushi Ishii
a-sap06「カスタムフィールドを使いこなす」
Seiko Kuchida
愛と涙のWordPress無理やりカスタマイズ事例集
Hidekazu Ishikawa
Typesハンズオン
Takashi Hosoya
第16回ゼロから始めるWordPress勉強会 カスタム3兄弟
Takahiro Nakahata
Cms festa-0216
Kazuaki Ueda
カスタムフィールドをもっと使い易く!
雄一郎 安倍
WordPress初心者テーマ作成勉強会
Tsuyoshi.
WordPressでブログ以外のサイトを作る 〜カスタム投稿タイプやカスタムフィールドの使い方〜
1.
WordPressで ブログ以外のサイ
トを作る 2012.11.03 WordCamp Osaka 2012
2.
自己紹介 西山 拓磨 •
デザイナー/アートディレクター • 専門学校講師 • 大阪・京都を中心に活動
3.
ブログ以外の サイトの作り方
4.
Blog
5.
‣ ブログサイト ‣ コーポレートサイト ‣
ショッピングサイト
6.
個人サイト:takumadesign http://takumadesign.com/
7.
クライアントワーク:morisu maki http://morisumaki.com/
8.
専門学校でポートフォリオ制作を指導
9.
WordPressで作るポートフォリオサイト http://www.slideshare.net/takuma2480/wordpress-12753727
10.
WordPressを使って ポー ォ
トフ リオを作ることが 得意です。
11.
CMS
12.
コンテンツ管理システム
14.
CMS利用に役立つ機能
15.
1. カスタム投稿タイプ 2. カスタムタクソノミー 3.
カスタムフィールド
16.
カスタム⃝⃝
17.
※架空のサイトです
21.
News
記事 EVENT イベント Home Gallery 作品 About Contact
22.
投稿タイプ 「投稿」 「固定ページ
と 」
23.
投稿 時系列
24.
News
記事 イベント EVENT 投稿 Home Gallery 作品 About Contact
25.
固定ページ 階層構造
26.
News
記事 イベント EVENT 投稿 Home Gallery 作品 About 固定ページ Contact
27.
News
記事 EVENT イベント Home Gallery 作品 About
32.
1. カスタム投稿タイプ
33.
News
記事 イベント EVENT 投稿 Home Gallery 作品 About 固定ページ Contact
34.
記事
News 投稿 EVENT イベント カスタム投稿 Home Gallery 作品 About 固定ページ Contact
36.
functions.php にコードを記述 function create_post_type()
{ register_post_type( 'event', array( 'label' => 'イベント', 'public' => true ) ); } add_action( 'init', 'create_post_type' ); または
37.
プラグインをインストール
38.
「Custom Post Type
UI」
39.
Simple 「CMS Press」
41.
❶ ❷ ❸
47.
テンプレートファイル:archive-gallery.php
48.
2. カスタムタクソノミー
49.
taxonomy 分類
50.
分類 「カテゴリー」 「タグ」
と
52.
カテゴリー 親子関係
54.
タグ キーワード
56.
「カテゴリー」「タグ」
以外の分類
59.
functions.php にコードを記述 function create_taxonomy()
{ register_taxonomy( 'creator', 'gallery', array( 'label' => 'クリエイター', 'public' => true ) ); } add_action( 'init', 'create_taxonomy' ); または
60.
プラグインをインストール 「CMS Press」
62.
❶ ❷ ❸
68.
3. カスタムフィールド
69.
タイトル
本文
75.
プラグインをインストール 「Custom Field Template」
76.
❶
77.
❷
79.
値を呼び出す ループ内にコードを記述 <?php
echo post_custom( '⃝⃝' ); ?>
83.
おまけ. カスタムメニュー
84.
functions.php にコードを記述
add_theme_support( 'menus' );
90.
header.php にコードを記述 <?php wp_nav_menu(array('menu'
=> '⃝⃝')); ?>
93.
‣
適切な投稿タイプを選択 ‣ カスタム機能で自由自在 ‣ アイデアと使い方次第
94.
Special Thanks akky
サク @akky272 @mo_naoco 鈴木梨沙 morisu maki @m0m0dach @morisumaki
Download