Enviar pesquisa
Carregar
WordPress プラグイン Advance Custum Fieldsを学ぶ
•
0 gostou
•
864 visualizações
Shigeki Takai
Seguir
2016/1/16 WordBench奈良のセッションで使用したスライド
Leia menos
Leia mais
Tecnologia
Denunciar
Compartilhar
Denunciar
Compartilhar
1 de 48
Baixar agora
Baixar para ler offline
Recomendados
テーマに機能を含めちゃダメなんて誰が決めた! テーマをモリモリにカスタマイズする
テーマに機能を含めちゃダメなんて誰が決めた! テーマをモリモリにカスタマイズする
文樹 高橋
実録 WordPress Twenty Sixteen のカスタマイズ | WordBench東京 2月勉強会 「みんなのテーマ開発」〜自分の好きな作り方...
実録 WordPress Twenty Sixteen のカスタマイズ | WordBench東京 2月勉強会 「みんなのテーマ開発」〜自分の好きな作り方...
Akira Tachibana
WooCommerce & AWS
WooCommerce & AWS
Hidetaka Okamoto
メニューは管理画面で設定できるようにしよう
メニューは管理画面で設定できるようにしよう
Mayuko Moriyama
今から始めよう!WordPressで作る女子ウケ★スマホサイト
今から始めよう!WordPressで作る女子ウケ★スマホサイト
rie05
_s + bootstrapで始めるWordPressテーマ開発入門
_s + bootstrapで始めるWordPressテーマ開発入門
Hidetaka Okamoto
WordPressってブログじゃないの?
WordPressってブログじゃないの?
tokumotonahoko
WordPress公式ディレクトリにテーマを登録しよう #wctokyo
WordPress公式ディレクトリにテーマを登録しよう #wctokyo
Hidekazu Ishikawa
Recomendados
テーマに機能を含めちゃダメなんて誰が決めた! テーマをモリモリにカスタマイズする
テーマに機能を含めちゃダメなんて誰が決めた! テーマをモリモリにカスタマイズする
文樹 高橋
実録 WordPress Twenty Sixteen のカスタマイズ | WordBench東京 2月勉強会 「みんなのテーマ開発」〜自分の好きな作り方...
実録 WordPress Twenty Sixteen のカスタマイズ | WordBench東京 2月勉強会 「みんなのテーマ開発」〜自分の好きな作り方...
Akira Tachibana
WooCommerce & AWS
WooCommerce & AWS
Hidetaka Okamoto
メニューは管理画面で設定できるようにしよう
メニューは管理画面で設定できるようにしよう
Mayuko Moriyama
今から始めよう!WordPressで作る女子ウケ★スマホサイト
今から始めよう!WordPressで作る女子ウケ★スマホサイト
rie05
_s + bootstrapで始めるWordPressテーマ開発入門
_s + bootstrapで始めるWordPressテーマ開発入門
Hidetaka Okamoto
WordPressってブログじゃないの?
WordPressってブログじゃないの?
tokumotonahoko
WordPress公式ディレクトリにテーマを登録しよう #wctokyo
WordPress公式ディレクトリにテーマを登録しよう #wctokyo
Hidekazu Ishikawa
Word pressはじめの一歩 テーマ作成ハンズオン
Word pressはじめの一歩 テーマ作成ハンズオン
Hidetaka Okamoto
WordPressってこんなCMS
WordPressってこんなCMS
Kawakami Hiroko
Word camposaka imaigo_slideshare
Word camposaka imaigo_slideshare
Go Imai
WordCamp2015 WordPressで自分の名前でドメイン取って ブログ作るとこまで 面倒みるワークショップ
WordCamp2015 WordPressで自分の名前でドメイン取って ブログ作るとこまで 面倒みるワークショップ
Sho Shirasaka
WordBench京都版 _sハンズオン
WordBench京都版 _sハンズオン
Hidetaka Okamoto
ノンプログラマーのためのカンタンWordPressテーマ作成入門 ∼子テーマで WordPress のテーマをつくろう∼
ノンプログラマーのためのカンタンWordPressテーマ作成入門 ∼子テーマで WordPress のテーマをつくろう∼
Mignon Style
一歩踏み込むWordPress
一歩踏み込むWordPress
正樹 平野
WordBench京都9月号
WordBench京都9月号
Koji Asaga
WordPressはじめてのプラグイン作成
WordPressはじめてのプラグイン作成
Shoji Endo
愛があれば発信できる!WordPressで作る焼き鳥ポータルサイト~公式テーマ・プラグインと子テーマの活用~|WordCamp Tokyo 2015
愛があれば発信できる!WordPressで作る焼き鳥ポータルサイト~公式テーマ・プラグインと子テーマの活用~|WordCamp Tokyo 2015
Yoshinori Kobayashi
コードをさわらずにビジネスサイトを作ろう!
コードをさわらずにビジネスサイトを作ろう!
FLOW web planning & design
UnderScoreとbootstrapとsassでword pressのテーマをつくろう
UnderScoreとbootstrapとsassでword pressのテーマをつくろう
Takahiro Nakahata
コミュニティ立ち上げのときに本当にあった恐い話
コミュニティ立ち上げのときに本当にあった恐い話
Mio Konagaya
WordPress tokyo2015 - 公式プラグインでお金を稼ぐことができるか?
WordPress tokyo2015 - 公式プラグインでお金を稼ぐことができるか?
Masahiro Nakashima
WP-CLIとWordPress公式ディレクトリを活用した爆速サイト構築術 ーインストールからデザイン、ページ作成までを10分でー
WP-CLIとWordPress公式ディレクトリを活用した爆速サイト構築術 ーインストールからデザイン、ページ作成までを10分でー
タカシ キタジマ
var dumpを使わないWordPress開発フロー
var dumpを使わないWordPress開発フロー
優也 田島
集客ばかりを考えるからブログは失敗する -長くブログを続けるために-
集客ばかりを考えるからブログは失敗する -長くブログを続けるために-
WCO_Blogger
2013年3月16日のWordBench大阪
2013年3月16日のWordBench大阪
Shinichi Nishikawa
WordCampKansai 2015 公式ディレクトリへの テーマ掲載とビジネスモデル
WordCampKansai 2015 公式ディレクトリへの テーマ掲載とビジネスモデル
Hidekazu Ishikawa
Yat-wbnara201602
Yat-wbnara201602
YAT blog
bottleで始めるWEBアプリの最初の一歩
bottleで始めるWEBアプリの最初の一歩
Satoshi Yamada
LINEスタンプの作り方
LINEスタンプの作り方
Aoi Motomura
Mais conteúdo relacionado
Mais procurados
Word pressはじめの一歩 テーマ作成ハンズオン
Word pressはじめの一歩 テーマ作成ハンズオン
Hidetaka Okamoto
WordPressってこんなCMS
WordPressってこんなCMS
Kawakami Hiroko
Word camposaka imaigo_slideshare
Word camposaka imaigo_slideshare
Go Imai
WordCamp2015 WordPressで自分の名前でドメイン取って ブログ作るとこまで 面倒みるワークショップ
WordCamp2015 WordPressで自分の名前でドメイン取って ブログ作るとこまで 面倒みるワークショップ
Sho Shirasaka
WordBench京都版 _sハンズオン
WordBench京都版 _sハンズオン
Hidetaka Okamoto
ノンプログラマーのためのカンタンWordPressテーマ作成入門 ∼子テーマで WordPress のテーマをつくろう∼
ノンプログラマーのためのカンタンWordPressテーマ作成入門 ∼子テーマで WordPress のテーマをつくろう∼
Mignon Style
一歩踏み込むWordPress
一歩踏み込むWordPress
正樹 平野
WordBench京都9月号
WordBench京都9月号
Koji Asaga
WordPressはじめてのプラグイン作成
WordPressはじめてのプラグイン作成
Shoji Endo
愛があれば発信できる!WordPressで作る焼き鳥ポータルサイト~公式テーマ・プラグインと子テーマの活用~|WordCamp Tokyo 2015
愛があれば発信できる!WordPressで作る焼き鳥ポータルサイト~公式テーマ・プラグインと子テーマの活用~|WordCamp Tokyo 2015
Yoshinori Kobayashi
コードをさわらずにビジネスサイトを作ろう!
コードをさわらずにビジネスサイトを作ろう!
FLOW web planning & design
UnderScoreとbootstrapとsassでword pressのテーマをつくろう
UnderScoreとbootstrapとsassでword pressのテーマをつくろう
Takahiro Nakahata
コミュニティ立ち上げのときに本当にあった恐い話
コミュニティ立ち上げのときに本当にあった恐い話
Mio Konagaya
WordPress tokyo2015 - 公式プラグインでお金を稼ぐことができるか?
WordPress tokyo2015 - 公式プラグインでお金を稼ぐことができるか?
Masahiro Nakashima
WP-CLIとWordPress公式ディレクトリを活用した爆速サイト構築術 ーインストールからデザイン、ページ作成までを10分でー
WP-CLIとWordPress公式ディレクトリを活用した爆速サイト構築術 ーインストールからデザイン、ページ作成までを10分でー
タカシ キタジマ
var dumpを使わないWordPress開発フロー
var dumpを使わないWordPress開発フロー
優也 田島
集客ばかりを考えるからブログは失敗する -長くブログを続けるために-
集客ばかりを考えるからブログは失敗する -長くブログを続けるために-
WCO_Blogger
2013年3月16日のWordBench大阪
2013年3月16日のWordBench大阪
Shinichi Nishikawa
WordCampKansai 2015 公式ディレクトリへの テーマ掲載とビジネスモデル
WordCampKansai 2015 公式ディレクトリへの テーマ掲載とビジネスモデル
Hidekazu Ishikawa
Yat-wbnara201602
Yat-wbnara201602
YAT blog
Mais procurados
(20)
Word pressはじめの一歩 テーマ作成ハンズオン
Word pressはじめの一歩 テーマ作成ハンズオン
WordPressってこんなCMS
WordPressってこんなCMS
Word camposaka imaigo_slideshare
Word camposaka imaigo_slideshare
WordCamp2015 WordPressで自分の名前でドメイン取って ブログ作るとこまで 面倒みるワークショップ
WordCamp2015 WordPressで自分の名前でドメイン取って ブログ作るとこまで 面倒みるワークショップ
WordBench京都版 _sハンズオン
WordBench京都版 _sハンズオン
ノンプログラマーのためのカンタンWordPressテーマ作成入門 ∼子テーマで WordPress のテーマをつくろう∼
ノンプログラマーのためのカンタンWordPressテーマ作成入門 ∼子テーマで WordPress のテーマをつくろう∼
一歩踏み込むWordPress
一歩踏み込むWordPress
WordBench京都9月号
WordBench京都9月号
WordPressはじめてのプラグイン作成
WordPressはじめてのプラグイン作成
愛があれば発信できる!WordPressで作る焼き鳥ポータルサイト~公式テーマ・プラグインと子テーマの活用~|WordCamp Tokyo 2015
愛があれば発信できる!WordPressで作る焼き鳥ポータルサイト~公式テーマ・プラグインと子テーマの活用~|WordCamp Tokyo 2015
コードをさわらずにビジネスサイトを作ろう!
コードをさわらずにビジネスサイトを作ろう!
UnderScoreとbootstrapとsassでword pressのテーマをつくろう
UnderScoreとbootstrapとsassでword pressのテーマをつくろう
コミュニティ立ち上げのときに本当にあった恐い話
コミュニティ立ち上げのときに本当にあった恐い話
WordPress tokyo2015 - 公式プラグインでお金を稼ぐことができるか?
WordPress tokyo2015 - 公式プラグインでお金を稼ぐことができるか?
WP-CLIとWordPress公式ディレクトリを活用した爆速サイト構築術 ーインストールからデザイン、ページ作成までを10分でー
WP-CLIとWordPress公式ディレクトリを活用した爆速サイト構築術 ーインストールからデザイン、ページ作成までを10分でー
var dumpを使わないWordPress開発フロー
var dumpを使わないWordPress開発フロー
集客ばかりを考えるからブログは失敗する -長くブログを続けるために-
集客ばかりを考えるからブログは失敗する -長くブログを続けるために-
2013年3月16日のWordBench大阪
2013年3月16日のWordBench大阪
WordCampKansai 2015 公式ディレクトリへの テーマ掲載とビジネスモデル
WordCampKansai 2015 公式ディレクトリへの テーマ掲載とビジネスモデル
Yat-wbnara201602
Yat-wbnara201602
Semelhante a WordPress プラグイン Advance Custum Fieldsを学ぶ
bottleで始めるWEBアプリの最初の一歩
bottleで始めるWEBアプリの最初の一歩
Satoshi Yamada
LINEスタンプの作り方
LINEスタンプの作り方
Aoi Motomura
あと一つプログラミング言語を 覚えたら死ぬ! 脳みそがパンクしそうな あなたのための nodeJSことはじめ
あと一つプログラミング言語を 覚えたら死ぬ! 脳みそがパンクしそうな あなたのための nodeJSことはじめ
文樹 高橋
WordPressとわぷーのGPL 奈良編
WordPressとわぷーのGPL 奈良編
Shigeki Takai
第八回 #渋谷Java 最近のjava PaaS事情
第八回 #渋谷Java 最近のjava PaaS事情
Kazuhiro Serizawa
シンボルフォント — それは、新しい画像形式
シンボルフォント — それは、新しい画像形式
Tsutomu Kawamura
WP-APIを使ってみよう&No PHPテーマという考え方
WP-APIを使ってみよう&No PHPテーマという考え方
Hidetaka Okamoto
川又康平 20160428
川又康平 20160428
basicinc_dev
従来型 「domino web 開発」を見なおそう!201611 Notes Consortium Open Seminar 公開版
従来型 「domino web 開発」を見なおそう!201611 Notes Consortium Open Seminar 公開版
Satoru Abe
ハッカソンに使うSwift & Swift 3.0のGCD
ハッカソンに使うSwift & Swift 3.0のGCD
翔新 史
20160430co-edo
20160430co-edo
Chieko Aihara
テーマ制作時の疑問とノンプログラマーにも優しいテーマを考える
テーマ制作時の疑問とノンプログラマーにも優しいテーマを考える
Tsuyoshi.
I understand completely line api
I understand completely line api
TakaoUeda2
I understand completely line api
I understand completely line api
TakaoUeda2
Devsumi 2016 b_4 KafkaとSparkを組み合わせたリアルタイム分析基盤の構築
Devsumi 2016 b_4 KafkaとSparkを組み合わせたリアルタイム分析基盤の構築
Tanaka Yuichi
andrew研に配属されたみんなにやってほしい4つの事+α
andrew研に配属されたみんなにやってほしい4つの事+α
Daisuke Konishi
プログラマがデザインをがんばってみた
プログラマがデザインをがんばってみた
だいすけ ふるかわ
2017/06/24_WordCampKyoto2017_LT
2017/06/24_WordCampKyoto2017_LT
Takeshi Furusato
自分用プラグインのススメ
自分用プラグインのススメ
Hidetaka Okamoto
Semelhante a WordPress プラグイン Advance Custum Fieldsを学ぶ
(19)
bottleで始めるWEBアプリの最初の一歩
bottleで始めるWEBアプリの最初の一歩
LINEスタンプの作り方
LINEスタンプの作り方
あと一つプログラミング言語を 覚えたら死ぬ! 脳みそがパンクしそうな あなたのための nodeJSことはじめ
あと一つプログラミング言語を 覚えたら死ぬ! 脳みそがパンクしそうな あなたのための nodeJSことはじめ
WordPressとわぷーのGPL 奈良編
WordPressとわぷーのGPL 奈良編
第八回 #渋谷Java 最近のjava PaaS事情
第八回 #渋谷Java 最近のjava PaaS事情
シンボルフォント — それは、新しい画像形式
シンボルフォント — それは、新しい画像形式
WP-APIを使ってみよう&No PHPテーマという考え方
WP-APIを使ってみよう&No PHPテーマという考え方
川又康平 20160428
川又康平 20160428
従来型 「domino web 開発」を見なおそう!201611 Notes Consortium Open Seminar 公開版
従来型 「domino web 開発」を見なおそう!201611 Notes Consortium Open Seminar 公開版
ハッカソンに使うSwift & Swift 3.0のGCD
ハッカソンに使うSwift & Swift 3.0のGCD
20160430co-edo
20160430co-edo
テーマ制作時の疑問とノンプログラマーにも優しいテーマを考える
テーマ制作時の疑問とノンプログラマーにも優しいテーマを考える
I understand completely line api
I understand completely line api
I understand completely line api
I understand completely line api
Devsumi 2016 b_4 KafkaとSparkを組み合わせたリアルタイム分析基盤の構築
Devsumi 2016 b_4 KafkaとSparkを組み合わせたリアルタイム分析基盤の構築
andrew研に配属されたみんなにやってほしい4つの事+α
andrew研に配属されたみんなにやってほしい4つの事+α
プログラマがデザインをがんばってみた
プログラマがデザインをがんばってみた
2017/06/24_WordCampKyoto2017_LT
2017/06/24_WordCampKyoto2017_LT
自分用プラグインのススメ
自分用プラグインのススメ
WordPress プラグイン Advance Custum Fieldsを学ぶ
1.
プラグイン Advance Custum
Fieldsを学ぶ WordBench奈良 2016年度 第1回 2016/1/16
2.
はじめに •今回の内容はFTPクライアントを使ったり、ご自身の PCの仮想サーバでファイルの上げ下げができる方への お話です •しかし、PHPの関数について詳しくはやりません
3.
髙井 茂樹 @shinchayaTakai Shigeki 株式会社 アイティ・プローブ フロントエンドエンジニア Webデザイナー
4.
私とFacebookでお友達になっていただけますと、 もれなくウォールが舞妓さんだらけになります。
5.
好きが昂じて芸舞妓さんに拙いながら似顔絵をたくさん贈ってきました。
6.
LINEスタンプもつくっちゃいました 「まいこらいふ」
7.
大 阪 大 阪 じつは、でも私は奈良県人でも京都府民でもなく、 大阪生まれ大阪育ちでいまも大阪に住んでいます(^^;
8.
WordPress4.4 Release! 何が変わったの?
9.
1.新しいデフォルトテーマ - Twenty
Sixteen 2.レスポンシブ画像: 自動でどのサイズ適切な画像サイズを 3.WordPress コンテンツの埋め込み 4.REST API
10.
そもそもカスタムフィールドって何?
11.
投稿画面の下のほうにいる
12.
いない?
13.
表示オプションを開く
14.
15.
誰?
16.
何をするものなのか?
17.
例えば、こんなとき • 商品、アイテム紹介 • お店スタッフの紹介 •
チェーン店店舗案内 とか
18.
写真
19.
写真
20.
説明文説明文説明文説明文説明文説明文説明文説明文 説明文説明文説明文説明文説明文説明文説明文説明文説明文 説明文説明文説明文説明文説明文説明文 写真
21.
説明文説明文説明文説明文説明文説明文説明文説明文 説明文説明文説明文説明文説明文説明文説明文説明文説明文 説明文説明文説明文説明文説明文説明文 写真 •特定の約束事(フォーマット)がある情報の入力 •会社やお店のホームページには欠かせないスタイル
22.
クライアントはWebの素人 • 「タイトル」と「記事」のフォームだけ 見本になるページを用意してコピペや複 製をして書いてもらう?
23.
そして私の出番!
24.
どうやって使うの?^^;
25.
https://wpdocs.osdn.jp/カスタムフィールドの使い方
26.
・・・。
27.
安心してください!
28.
ACFがありますよ! Advanced Custuom Fields
29.
30.
ダウンロード数 400万超!
31.
何がすごい?
32.
何がすごい? 直観的につかえる!
33.
何がすごい? 直観的につかえる! 投稿画面がかわる → クライアント・ユーザーが入力しやすい
34.
何がすごい? 直観的につかえる! 投稿画面がかわる → クライアント・ユーザーが入力しやすい しかも注釈付きにできる
35.
何がすごい? 直観的につかえる! 投稿画面がかわる → クライアント・ユーザーが入力しやすい しかも注釈付きにできる 制作者も直観的につかえる
36.
何がすごい? 直観的につかえる! 投稿画面がかわる → クライアント・ユーザーが入力しやすい しかも注釈付きにできる 制作者も直観的につかえる 追加削除が簡単 並べ替えもできる
37.
何がすごい? 直観的につかえる! 投稿画面がかわる → クライアント・ユーザーが入力しやすい しかも注釈付きにできる 制作者も直観的につかえる 追加削除が簡単 並べ替えもできる ただし、少々知識はいる プラグイン管理画面での操作 テンプレート作成
38.
何がすごい? 直観的につかえる! 投稿画面がかわる → クライアント・ユーザーが入力しやすい しかも注釈付きにできる 制作者も直観的につかえる 追加削除が簡単 並べ替えもできる ただし、少々知識はいる プラグイン管理画面での操作 テンプレート作成
39.
きょうはそこを学びます!
40.
課題 「ネコに関する調査」 さわってみましょう
41.
課題 「ネコに関する調査」 1.見本のHTMLをもとにプラグイン側で入力 項目をつくる さわってみましょう
42.
課題 「ネコに関する調査」 1.見本のHTMLをもとにプラグイン側で入力 項目をつくる 2.見本のHTMLをもとに専用の投稿表示テン プレートをつくる さわってみましょう
43.
課題 「ネコに関する調査」 1.見本のHTMLをもとにプラグイン側で入力 項目をつくる 2.見本のHTMLもとに専用の投稿表示テンプ レートをつくる 3.一覧ページ(カテゴリーindex)をつくる さわってみましょう
44.
<?php the_field('カスタムフィールド名'); ?> Advance
Custum fieldsの出力
45.
画像だけはそうはいかなくて (記入の一例) <?php $attachment_id = get_field('カスタムフィールド名'); $size
= "thumbnail"; // (thumbnail, medium, large, full or custom size) $image = wp_get_attachment_image_src( $attachment_id, $size ); //画像IDから画像を表示 $sizeに表示サイズを設定(デフォルトは'thumbnail' 他 にはmedium, large, full 他) echo wp_get_attachment_image($image_id, $size); ?> Advance Custum fieldsの出力
46.
<?php if( in_category(
'cat' )) : ?> このカテゴリの場合に表示するもの <?php else; ?> それ以外の場合に表示するもの <?php endif; ?> 特定カテゴリーに属する投稿の場合
47.
category-cat.php 特定カテゴリーのindex
48.
ご清聴ありがとうございました @shinchayaTakai Shigeki
Baixar agora