Submit Search
Upload
WP-CLIとWordPress公式ディレクトリを活用した爆速サイト構築術 ーインストールからデザイン、ページ作成までを10分でー
•
23 likes
•
25,762 views
タカシ キタジマ
Follow
WordCamp Tokto 2015で登壇したセッションのスライドです。
Read less
Read more
Internet
Report
Share
Report
Share
1 of 130
Download now
Download to read offline
Recommended
WP-CLI (WordBench Sendai 20140628)
WP-CLI (WordBench Sendai 20140628)
Kazue Igarashi
ノンプログラマーのためのWordPressプラグイン開発超入門v1.0
ノンプログラマーのためのWordPressプラグイン開発超入門v1.0
Yuki Okamoto
Word pressはじめの一歩 テーマ作成ハンズオン
Word pressはじめの一歩 テーマ作成ハンズオン
Hidetaka Okamoto
Word bench長崎01「オリジナルテーマで学ぶwordpressの基本」
Word bench長崎01「オリジナルテーマで学ぶwordpressの基本」
タカシ キタジマ
ノンプログラマーのためのカンタンWordPressテーマ作成入門 〜子テーマでテーマ作成&カスタマイズ〜
ノンプログラマーのためのカンタンWordPressテーマ作成入門 〜子テーマでテーマ作成&カスタマイズ〜
Mignon Style
WordPress テーマ Habakiri と公式ディレクトリへのテーマ登録
WordPress テーマ Habakiri と公式ディレクトリへのテーマ登録
タカシ キタジマ
WordBench京都版 _sハンズオン
WordBench京都版 _sハンズオン
Hidetaka Okamoto
WordCamp Kansai 2015 ハンズオン - 踏み出してみよう!翻訳の第一歩 #wck2015
WordCamp Kansai 2015 ハンズオン - 踏み出してみよう!翻訳の第一歩 #wck2015
Kitani Kimiya
Recommended
WP-CLI (WordBench Sendai 20140628)
WP-CLI (WordBench Sendai 20140628)
Kazue Igarashi
ノンプログラマーのためのWordPressプラグイン開発超入門v1.0
ノンプログラマーのためのWordPressプラグイン開発超入門v1.0
Yuki Okamoto
Word pressはじめの一歩 テーマ作成ハンズオン
Word pressはじめの一歩 テーマ作成ハンズオン
Hidetaka Okamoto
Word bench長崎01「オリジナルテーマで学ぶwordpressの基本」
Word bench長崎01「オリジナルテーマで学ぶwordpressの基本」
タカシ キタジマ
ノンプログラマーのためのカンタンWordPressテーマ作成入門 〜子テーマでテーマ作成&カスタマイズ〜
ノンプログラマーのためのカンタンWordPressテーマ作成入門 〜子テーマでテーマ作成&カスタマイズ〜
Mignon Style
WordPress テーマ Habakiri と公式ディレクトリへのテーマ登録
WordPress テーマ Habakiri と公式ディレクトリへのテーマ登録
タカシ キタジマ
WordBench京都版 _sハンズオン
WordBench京都版 _sハンズオン
Hidetaka Okamoto
WordCamp Kansai 2015 ハンズオン - 踏み出してみよう!翻訳の第一歩 #wck2015
WordCamp Kansai 2015 ハンズオン - 踏み出してみよう!翻訳の第一歩 #wck2015
Kitani Kimiya
4時間まったりWordPressテーマ作成講座
4時間まったりWordPressテーマ作成講座
Shinichi Nishikawa
え?まだMAMPで消耗してんの?
え?まだMAMPで消耗してんの?
Takayuki Miyauchi
WordCamp Kansai 2015 はじめの一歩テーマ作成ハンズオン「今あるテーマを有効活用!子テーマではじめるお手軽テーマ作成法」
WordCamp Kansai 2015 はじめの一歩テーマ作成ハンズオン「今あるテーマを有効活用!子テーマではじめるお手軽テーマ作成法」
Akari Doi
第3回WordPress Cafe プラグイン紹介
第3回WordPress Cafe プラグイン紹介
foom_in
Learning from theme review requirements
Learning from theme review requirements
Shinichi Nishikawa
レスポンシブ・イメージのWordPressへの実装と4.4
レスポンシブ・イメージのWordPressへの実装と4.4
Toru Miki
WordPress公式ディレクトリにテーマを登録しよう #wctokyo
WordPress公式ディレクトリにテーマを登録しよう #wctokyo
Hidekazu Ishikawa
_s + bootstrapで始めるWordPressテーマ開発入門
_s + bootstrapで始めるWordPressテーマ開発入門
Hidetaka Okamoto
Bootstrapを使って効率よくWordPressオリジナルテーマを作る
Bootstrapを使って効率よくWordPressオリジナルテーマを作る
Yoshinori Kobayashi
UnderScoreとbootstrapとsassでword pressのテーマをつくろう
UnderScoreとbootstrapとsassでword pressのテーマをつくろう
Takahiro Nakahata
ノンプログラマーのためのWordPressテーマ作成ステップアップ術
ノンプログラマーのためのWordPressテーマ作成ステップアップ術
Mignon Style
WordPress公式テーマ登録のための5ステップ
WordPress公式テーマ登録のための5ステップ
Mignon Style
TwentyTwelveの子テーマつくったらハマった話
TwentyTwelveの子テーマつくったらハマった話
Cherry Pie Web
WordPress中級者への道!テンプレートタグはどう動くのか!?
WordPress中級者への道!テンプレートタグはどう動くのか!?
Shinichi Nishikawa
2015年 失敗しない! WordPress多言語サイト制作で 絶対に知っておきたいこと
2015年 失敗しない! WordPress多言語サイト制作で 絶対に知っておきたいこと
Katz Ueno
WordPressってブログじゃないの?
WordPressってブログじゃないの?
tokumotonahoko
更新作業で消耗しない!Web製作者のためのWordPress公式ディレクトリ活用術
更新作業で消耗しない!Web製作者のためのWordPress公式ディレクトリ活用術
Mignon Style
愛があれば発信できる!WordPressで作る焼き鳥ポータルサイト~公式テーマ・プラグインと子テーマの活用~|WordCamp Tokyo 2015
愛があれば発信できる!WordPressで作る焼き鳥ポータルサイト~公式テーマ・プラグインと子テーマの活用~|WordCamp Tokyo 2015
Yoshinori Kobayashi
An example of how to make the accessibility ready theme
An example of how to make the accessibility ready theme
Takeshi Kashihara
WordPress公式ディレクトリテーマ登録のポイント:プラグインテリトリーを理解してハッピーになろう
WordPress公式ディレクトリテーマ登録のポイント:プラグインテリトリーを理解してハッピーになろう
Mignon Style
What's new in WordPress 4.4 (For Demo)
What's new in WordPress 4.4 (For Demo)
Daisuke Takahashi
WordPressと離島での図書館作り〜コントリビュートすることで働き方を選択する未来へ
WordPressと離島での図書館作り〜コントリビュートすることで働き方を選択する未来へ
Junko Nukaga
More Related Content
What's hot
4時間まったりWordPressテーマ作成講座
4時間まったりWordPressテーマ作成講座
Shinichi Nishikawa
え?まだMAMPで消耗してんの?
え?まだMAMPで消耗してんの?
Takayuki Miyauchi
WordCamp Kansai 2015 はじめの一歩テーマ作成ハンズオン「今あるテーマを有効活用!子テーマではじめるお手軽テーマ作成法」
WordCamp Kansai 2015 はじめの一歩テーマ作成ハンズオン「今あるテーマを有効活用!子テーマではじめるお手軽テーマ作成法」
Akari Doi
第3回WordPress Cafe プラグイン紹介
第3回WordPress Cafe プラグイン紹介
foom_in
Learning from theme review requirements
Learning from theme review requirements
Shinichi Nishikawa
レスポンシブ・イメージのWordPressへの実装と4.4
レスポンシブ・イメージのWordPressへの実装と4.4
Toru Miki
WordPress公式ディレクトリにテーマを登録しよう #wctokyo
WordPress公式ディレクトリにテーマを登録しよう #wctokyo
Hidekazu Ishikawa
_s + bootstrapで始めるWordPressテーマ開発入門
_s + bootstrapで始めるWordPressテーマ開発入門
Hidetaka Okamoto
Bootstrapを使って効率よくWordPressオリジナルテーマを作る
Bootstrapを使って効率よくWordPressオリジナルテーマを作る
Yoshinori Kobayashi
UnderScoreとbootstrapとsassでword pressのテーマをつくろう
UnderScoreとbootstrapとsassでword pressのテーマをつくろう
Takahiro Nakahata
ノンプログラマーのためのWordPressテーマ作成ステップアップ術
ノンプログラマーのためのWordPressテーマ作成ステップアップ術
Mignon Style
WordPress公式テーマ登録のための5ステップ
WordPress公式テーマ登録のための5ステップ
Mignon Style
TwentyTwelveの子テーマつくったらハマった話
TwentyTwelveの子テーマつくったらハマった話
Cherry Pie Web
WordPress中級者への道!テンプレートタグはどう動くのか!?
WordPress中級者への道!テンプレートタグはどう動くのか!?
Shinichi Nishikawa
2015年 失敗しない! WordPress多言語サイト制作で 絶対に知っておきたいこと
2015年 失敗しない! WordPress多言語サイト制作で 絶対に知っておきたいこと
Katz Ueno
WordPressってブログじゃないの?
WordPressってブログじゃないの?
tokumotonahoko
更新作業で消耗しない!Web製作者のためのWordPress公式ディレクトリ活用術
更新作業で消耗しない!Web製作者のためのWordPress公式ディレクトリ活用術
Mignon Style
愛があれば発信できる!WordPressで作る焼き鳥ポータルサイト~公式テーマ・プラグインと子テーマの活用~|WordCamp Tokyo 2015
愛があれば発信できる!WordPressで作る焼き鳥ポータルサイト~公式テーマ・プラグインと子テーマの活用~|WordCamp Tokyo 2015
Yoshinori Kobayashi
An example of how to make the accessibility ready theme
An example of how to make the accessibility ready theme
Takeshi Kashihara
WordPress公式ディレクトリテーマ登録のポイント:プラグインテリトリーを理解してハッピーになろう
WordPress公式ディレクトリテーマ登録のポイント:プラグインテリトリーを理解してハッピーになろう
Mignon Style
What's hot
(20)
4時間まったりWordPressテーマ作成講座
4時間まったりWordPressテーマ作成講座
え?まだMAMPで消耗してんの?
え?まだMAMPで消耗してんの?
WordCamp Kansai 2015 はじめの一歩テーマ作成ハンズオン「今あるテーマを有効活用!子テーマではじめるお手軽テーマ作成法」
WordCamp Kansai 2015 はじめの一歩テーマ作成ハンズオン「今あるテーマを有効活用!子テーマではじめるお手軽テーマ作成法」
第3回WordPress Cafe プラグイン紹介
第3回WordPress Cafe プラグイン紹介
Learning from theme review requirements
Learning from theme review requirements
レスポンシブ・イメージのWordPressへの実装と4.4
レスポンシブ・イメージのWordPressへの実装と4.4
WordPress公式ディレクトリにテーマを登録しよう #wctokyo
WordPress公式ディレクトリにテーマを登録しよう #wctokyo
_s + bootstrapで始めるWordPressテーマ開発入門
_s + bootstrapで始めるWordPressテーマ開発入門
Bootstrapを使って効率よくWordPressオリジナルテーマを作る
Bootstrapを使って効率よくWordPressオリジナルテーマを作る
UnderScoreとbootstrapとsassでword pressのテーマをつくろう
UnderScoreとbootstrapとsassでword pressのテーマをつくろう
ノンプログラマーのためのWordPressテーマ作成ステップアップ術
ノンプログラマーのためのWordPressテーマ作成ステップアップ術
WordPress公式テーマ登録のための5ステップ
WordPress公式テーマ登録のための5ステップ
TwentyTwelveの子テーマつくったらハマった話
TwentyTwelveの子テーマつくったらハマった話
WordPress中級者への道!テンプレートタグはどう動くのか!?
WordPress中級者への道!テンプレートタグはどう動くのか!?
2015年 失敗しない! WordPress多言語サイト制作で 絶対に知っておきたいこと
2015年 失敗しない! WordPress多言語サイト制作で 絶対に知っておきたいこと
WordPressってブログじゃないの?
WordPressってブログじゃないの?
更新作業で消耗しない!Web製作者のためのWordPress公式ディレクトリ活用術
更新作業で消耗しない!Web製作者のためのWordPress公式ディレクトリ活用術
愛があれば発信できる!WordPressで作る焼き鳥ポータルサイト~公式テーマ・プラグインと子テーマの活用~|WordCamp Tokyo 2015
愛があれば発信できる!WordPressで作る焼き鳥ポータルサイト~公式テーマ・プラグインと子テーマの活用~|WordCamp Tokyo 2015
An example of how to make the accessibility ready theme
An example of how to make the accessibility ready theme
WordPress公式ディレクトリテーマ登録のポイント:プラグインテリトリーを理解してハッピーになろう
WordPress公式ディレクトリテーマ登録のポイント:プラグインテリトリーを理解してハッピーになろう
Viewers also liked
What's new in WordPress 4.4 (For Demo)
What's new in WordPress 4.4 (For Demo)
Daisuke Takahashi
WordPressと離島での図書館作り〜コントリビュートすることで働き方を選択する未来へ
WordPressと離島での図書館作り〜コントリビュートすることで働き方を選択する未来へ
Junko Nukaga
The Best Practices of Making WordPress Site Multilingual
The Best Practices of Making WordPress Site Multilingual
Katz Ueno
まだタスクランナー使っていないって本当(マジ)? 仕事に対する効率化意識向上のための gulp ハンズオン : Wordcamp tokyo 2015
まだタスクランナー使っていないって本当(マジ)? 仕事に対する効率化意識向上のための gulp ハンズオン : Wordcamp tokyo 2015
Hiromu Hasegawa
「なんとなく」の壁を越えよう! 〜自信を持ってWordPressを選択するためのヒント〜
「なんとなく」の壁を越えよう! 〜自信を持ってWordPressを選択するためのヒント〜
Naoko Takano
WordCamp2015 LT WordPress+VPSでつくられたWebサイトのセキュリティチェックポイントとWordPressの「Waltiプラグイ...
WordCamp2015 LT WordPress+VPSでつくられたWebサイトのセキュリティチェックポイントとWordPressの「Waltiプラグイ...
Masanori Fujisaki
airyのご紹介
airyのご紹介
Teruaki Murakami
拡散欲しいよね!WordPressでプラグインを使わずにOGPを設定してみた
拡散欲しいよね!WordPressでプラグインを使わずにOGPを設定してみた
Yoshihiko Yoshida
var dumpを使わないWordPress開発フロー
var dumpを使わないWordPress開発フロー
優也 田島
WordPressで行う継続的インテグレーション入門編
WordPressで行う継続的インテグレーション入門編
Hiroshi Urabe
マルチパブリッシング プラットフォームとしてのWordPress
マルチパブリッシング プラットフォームとしてのWordPress
文樹 高橋
GPL: WordPress 4つの自由と ビジネスモデル / WordCamp Tokyo 2015 講演スライド
GPL: WordPress 4つの自由と ビジネスモデル / WordCamp Tokyo 2015 講演スライド
Shinichi Nishikawa
コミュニティ立ち上げのときに本当にあった恐い話
コミュニティ立ち上げのときに本当にあった恐い話
Mio Konagaya
WordPress tokyo2015 - 公式プラグインでお金を稼ぐことができるか?
WordPress tokyo2015 - 公式プラグインでお金を稼ぐことができるか?
Masahiro Nakashima
『ライターと制作者のメディアの作り方』WordCamp Tokyo2015
『ライターと制作者のメディアの作り方』WordCamp Tokyo2015
Hiroki Saiki
モブログのすすめ – スマホを活用すれば読まれるWordPressが作れる in WordCamp 2015 Tokyo
モブログのすすめ – スマホを活用すれば読まれるWordPressが作れる in WordCamp 2015 Tokyo
isloop @wayohoo.com
WordCamp Tokyo 2015 リアルフォーラム
WordCamp Tokyo 2015 リアルフォーラム
Hajime Ogushi
Webサイトをめぐるセキュリティ状況と効果的な防御方法(WordPress編)
Webサイトをめぐるセキュリティ状況と効果的な防御方法(WordPress編)
Hiroshi Tokumaru
中級アフィリエイターの実際 @WordCampTokyo2015
中級アフィリエイターの実際 @WordCampTokyo2015
Kazuo Dobashi
Why We Should Choose Free Plugins
Why We Should Choose Free Plugins
Takayuki Miyoshi
Viewers also liked
(20)
What's new in WordPress 4.4 (For Demo)
What's new in WordPress 4.4 (For Demo)
WordPressと離島での図書館作り〜コントリビュートすることで働き方を選択する未来へ
WordPressと離島での図書館作り〜コントリビュートすることで働き方を選択する未来へ
The Best Practices of Making WordPress Site Multilingual
The Best Practices of Making WordPress Site Multilingual
まだタスクランナー使っていないって本当(マジ)? 仕事に対する効率化意識向上のための gulp ハンズオン : Wordcamp tokyo 2015
まだタスクランナー使っていないって本当(マジ)? 仕事に対する効率化意識向上のための gulp ハンズオン : Wordcamp tokyo 2015
「なんとなく」の壁を越えよう! 〜自信を持ってWordPressを選択するためのヒント〜
「なんとなく」の壁を越えよう! 〜自信を持ってWordPressを選択するためのヒント〜
WordCamp2015 LT WordPress+VPSでつくられたWebサイトのセキュリティチェックポイントとWordPressの「Waltiプラグイ...
WordCamp2015 LT WordPress+VPSでつくられたWebサイトのセキュリティチェックポイントとWordPressの「Waltiプラグイ...
airyのご紹介
airyのご紹介
拡散欲しいよね!WordPressでプラグインを使わずにOGPを設定してみた
拡散欲しいよね!WordPressでプラグインを使わずにOGPを設定してみた
var dumpを使わないWordPress開発フロー
var dumpを使わないWordPress開発フロー
WordPressで行う継続的インテグレーション入門編
WordPressで行う継続的インテグレーション入門編
マルチパブリッシング プラットフォームとしてのWordPress
マルチパブリッシング プラットフォームとしてのWordPress
GPL: WordPress 4つの自由と ビジネスモデル / WordCamp Tokyo 2015 講演スライド
GPL: WordPress 4つの自由と ビジネスモデル / WordCamp Tokyo 2015 講演スライド
コミュニティ立ち上げのときに本当にあった恐い話
コミュニティ立ち上げのときに本当にあった恐い話
WordPress tokyo2015 - 公式プラグインでお金を稼ぐことができるか?
WordPress tokyo2015 - 公式プラグインでお金を稼ぐことができるか?
『ライターと制作者のメディアの作り方』WordCamp Tokyo2015
『ライターと制作者のメディアの作り方』WordCamp Tokyo2015
モブログのすすめ – スマホを活用すれば読まれるWordPressが作れる in WordCamp 2015 Tokyo
モブログのすすめ – スマホを活用すれば読まれるWordPressが作れる in WordCamp 2015 Tokyo
WordCamp Tokyo 2015 リアルフォーラム
WordCamp Tokyo 2015 リアルフォーラム
Webサイトをめぐるセキュリティ状況と効果的な防御方法(WordPress編)
Webサイトをめぐるセキュリティ状況と効果的な防御方法(WordPress編)
中級アフィリエイターの実際 @WordCampTokyo2015
中級アフィリエイターの実際 @WordCampTokyo2015
Why We Should Choose Free Plugins
Why We Should Choose Free Plugins
Similar to WP-CLIとWordPress公式ディレクトリを活用した爆速サイト構築術 ーインストールからデザイン、ページ作成までを10分でー
WordPressのオススメスライドとか記事とか集めました。(2012.10.13 WordBench神戸)
WordPressのオススメスライドとか記事とか集めました。(2012.10.13 WordBench神戸)
Takashi Uemura
WordCamp2012 テストサーバーでWordPressを構築しよう
WordCamp2012 テストサーバーでWordPressを構築しよう
H2O Space. Co., Ltd.
「Webサービスのつくり方」 のつくり方
「Webサービスのつくり方」 のつくり方
Yusuke Wada
検索エンジンを有効利用するWEBサイト構築
検索エンジンを有効利用するWEBサイト構築
sato165 @delab
第1回 一撃サーバー構築シェルスクリプト勉強会
第1回 一撃サーバー構築シェルスクリプト勉強会
Yasutaka Hamada
WordPressって何
WordPressって何
Kazue Igarashi
初心者向けWebinar スケーラブルWebアプリケーションの構築
初心者向けWebinar スケーラブルWebアプリケーションの構築
Amazon Web Services Japan
JAWS FESTA Tohoku 2014 WordPressとAWSの素敵な関係
JAWS FESTA Tohoku 2014 WordPressとAWSの素敵な関係
Kazue Igarashi
インフラエンジニアLv1がWordPressまわりに色々してみた話
インフラエンジニアLv1がWordPressまわりに色々してみた話
Daisuke Kikuchi
Windows azure webサイトの紹介
Windows azure webサイトの紹介
Daisuke Abe
SharePoint Framework Extension 基礎講座
SharePoint Framework Extension 基礎講座
Hiroaki Oikawa
20140924 mt cloud_handson_seminar
20140924 mt cloud_handson_seminar
Six Apart
はじめての ASP.NET MVC
はじめての ASP.NET MVC
jz5 MATSUE
ASP.NET Core 概要(2017年3月時点)
ASP.NET Core 概要(2017年3月時点)
Atsushi Yokohama (BEACHSIDE)
Word bench7月号
Word bench7月号
西村 州平
20141206 handson
20141206 handson
Six Apart
Awsのインフラをデザインパターン駆使して設計構築
Awsのインフラをデザインパターン駆使して設計構築
Monstar Lab Inc.
WordPress アカンパターン
WordPress アカンパターン
Kazue Igarashi
公開から4年間使ってきたbaserCMSをそろそろ本気でdisってみる(OSC2014福岡)
公開から4年間使ってきたbaserCMSをそろそろ本気でdisってみる(OSC2014福岡)
Garyuten
20140926 mt cloud_handson_seminar
20140926 mt cloud_handson_seminar
Six Apart
Similar to WP-CLIとWordPress公式ディレクトリを活用した爆速サイト構築術 ーインストールからデザイン、ページ作成までを10分でー
(20)
WordPressのオススメスライドとか記事とか集めました。(2012.10.13 WordBench神戸)
WordPressのオススメスライドとか記事とか集めました。(2012.10.13 WordBench神戸)
WordCamp2012 テストサーバーでWordPressを構築しよう
WordCamp2012 テストサーバーでWordPressを構築しよう
「Webサービスのつくり方」 のつくり方
「Webサービスのつくり方」 のつくり方
検索エンジンを有効利用するWEBサイト構築
検索エンジンを有効利用するWEBサイト構築
第1回 一撃サーバー構築シェルスクリプト勉強会
第1回 一撃サーバー構築シェルスクリプト勉強会
WordPressって何
WordPressって何
初心者向けWebinar スケーラブルWebアプリケーションの構築
初心者向けWebinar スケーラブルWebアプリケーションの構築
JAWS FESTA Tohoku 2014 WordPressとAWSの素敵な関係
JAWS FESTA Tohoku 2014 WordPressとAWSの素敵な関係
インフラエンジニアLv1がWordPressまわりに色々してみた話
インフラエンジニアLv1がWordPressまわりに色々してみた話
Windows azure webサイトの紹介
Windows azure webサイトの紹介
SharePoint Framework Extension 基礎講座
SharePoint Framework Extension 基礎講座
20140924 mt cloud_handson_seminar
20140924 mt cloud_handson_seminar
はじめての ASP.NET MVC
はじめての ASP.NET MVC
ASP.NET Core 概要(2017年3月時点)
ASP.NET Core 概要(2017年3月時点)
Word bench7月号
Word bench7月号
20141206 handson
20141206 handson
Awsのインフラをデザインパターン駆使して設計構築
Awsのインフラをデザインパターン駆使して設計構築
WordPress アカンパターン
WordPress アカンパターン
公開から4年間使ってきたbaserCMSをそろそろ本気でdisってみる(OSC2014福岡)
公開から4年間使ってきたbaserCMSをそろそろ本気でdisってみる(OSC2014福岡)
20140926 mt cloud_handson_seminar
20140926 mt cloud_handson_seminar
More from タカシ キタジマ
Habakiri advent calendar 2015 総まとめ!
Habakiri advent calendar 2015 総まとめ!
タカシ キタジマ
WordCamp Kansai 2015 CI ハンズオン
WordCamp Kansai 2015 CI ハンズオン
タカシ キタジマ
VCCW + Wordmove でデプロイが劇的に簡単になった話
VCCW + Wordmove でデプロイが劇的に簡単になった話
タカシ キタジマ
2014年の振り返り WordPress関連の動向・コミュニティ活動など - WordBench長崎 08
2014年の振り返り WordPress関連の動向・コミュニティ活動など - WordBench長崎 08
タカシ キタジマ
Advanced Custom Fields が重すぎると感じるあなたへ
Advanced Custom Fields が重すぎると感じるあなたへ
タカシ キタジマ
これが長崎生まれ長崎育ち!スーパーお問い合わせフォーム MW WP Form だ!+ α
これが長崎生まれ長崎育ち!スーパーお問い合わせフォーム MW WP Form だ!+ α
タカシ キタジマ
Mw wp formについてss
Mw wp formについてss
タカシ キタジマ
More from タカシ キタジマ
(7)
Habakiri advent calendar 2015 総まとめ!
Habakiri advent calendar 2015 総まとめ!
WordCamp Kansai 2015 CI ハンズオン
WordCamp Kansai 2015 CI ハンズオン
VCCW + Wordmove でデプロイが劇的に簡単になった話
VCCW + Wordmove でデプロイが劇的に簡単になった話
2014年の振り返り WordPress関連の動向・コミュニティ活動など - WordBench長崎 08
2014年の振り返り WordPress関連の動向・コミュニティ活動など - WordBench長崎 08
Advanced Custom Fields が重すぎると感じるあなたへ
Advanced Custom Fields が重すぎると感じるあなたへ
これが長崎生まれ長崎育ち!スーパーお問い合わせフォーム MW WP Form だ!+ α
これが長崎生まれ長崎育ち!スーパーお問い合わせフォーム MW WP Form だ!+ α
Mw wp formについてss
Mw wp formについてss
WP-CLIとWordPress公式ディレクトリを活用した爆速サイト構築術 ーインストールからデザイン、ページ作成までを10分でー
1.
WordCamp Tokyo 2015 WP-CLIとWordPress公式ディレクトリ を活用した爆速サイト構築術 ー
インストールからデザイン、ページ作成までを10分で!ー
2.
キタジマタカシ inc2734 フリーランス Web デザイナー
/ プログラマー モンキーレンチ - http://2inc.org WordBench 長崎 モデレーター
3.
WordCamp Kansai 2015 実行委員、スピーカー WordPress
で行う継続的インテグレーション のススメ
4.
5.
6.
このセッションの内容 • 予算が少ない、納期が短いなどの理由で、 とにかく早くサイトを立ち上げる必要が あるときに、どういう方法があるのかを知る • 黒い画面はこわくない •
公式ディレクトリのテーマ・プラグインは便利
7.
WordCamp Tokyo 2015 WP-CLIとWordPress公式ディレクトリ を活用した爆速サイト構築術 ー
インストールからデザイン、ページ作成までを10分で!ー
8.
こんなサイト 作りたい。 • カフェのサイトを 想定 • サイト構成: -
トップページ - ブログ - お問い合わせ • 写真は PAKUTASO さんか らお借りしました。
9.
前提条件、作業内容 • 原稿、写真素材は用意しておいたものを使用。 • WordPress
のダウンロード、インストールから行う。 • パーマリンク、メディアサイズ、固定フロントページの設定 などの初期設定を行う。 • トップページのコーディング、ブログ、お問い合わせフォーム の設置。 • これを10分でやりたい。
10.
00 爆速構築術の説明に入る前に
11.
10分でサイトを作るには 自動化が必須です。
12.
自動化するには黒い画面で コマンドを実行しなければ なりません。
13.
いわゆる、黒い画面
14.
ローカル、サーバーの様々な 操作をコマンドで 実行するための画面 ( コマンドプロンプト、ターミナル、Putty など
)
15.
黒い画面、苦手ですか?
16.
今日お話することは ぜんぜん難しくありません。
17.
コマンドの良いところは コピペで実行できることです。
18.
ぜひ黒い画面だからと 引かずに軽い気持ちで お聞きください。
19.
とりあえずコレだけは 覚えたほうが良いコマンド • SSH でサーバーにログイン ssh
user@example.com • ディレクトリの移動 cd /var/www/html • 現在のディレクトリのパスを表示 pwd • 現在のディレクトリの中身を表示 ls -al
20.
では本題
21.
01 WordPress インストール 初期設定編
22.
よくある WordPress 環境の構築
23.
よくある WordPress 環境の構築 wordpress.org
から zip をダウンロード
24.
よくある WordPress 環境の構築 wordpress.org
から zip をダウンロード 展開して FTP でサーバーにアップロード
25.
よくある WordPress 環境の構築 wordpress.org
から zip をダウンロード 展開して FTP でサーバーにアップロード データベースの情報などを入力
26.
よくある WordPress 環境の構築 wordpress.org
から zip をダウンロード ログインしてパーマリンクの設定 展開して FTP でサーバーにアップロード データベースの情報などを入力
27.
よくある WordPress 環境の構築 wordpress.org
から zip をダウンロード ログインしてパーマリンクの設定 展開して FTP でサーバーにアップロード サイト説明文の設定 データベースの情報などを入力
28.
よくある WordPress 環境の構築 wordpress.org
から zip をダウンロード ログインしてパーマリンクの設定 サンプルページを削除 展開して FTP でサーバーにアップロード サイト説明文の設定 データベースの情報などを入力
29.
よくある WordPress 環境の構築 wordpress.org
から zip をダウンロード ログインしてパーマリンクの設定 サンプルページを削除 ホームとブログ用の固定ページを作成 してページの割り当て設定 展開して FTP でサーバーにアップロード サイト説明文の設定 データベースの情報などを入力
30.
よくある WordPress 環境の構築 wordpress.org
から zip をダウンロード ログインしてパーマリンクの設定 メディアサイズの設定 サンプルページを削除 ホームとブログ用の固定ページを作成 してページの割り当て設定 展開して FTP でサーバーにアップロード サイト説明文の設定 データベースの情報などを入力
31.
よくある WordPress 環境の構築 wordpress.org
から zip をダウンロード ログインしてパーマリンクの設定 メディアサイズの設定 サンプルページを削除 ホームとブログ用の固定ページを作成 してページの割り当て設定 必要なプラグインのインストール 展開して FTP でサーバーにアップロード サイト説明文の設定 データベースの情報などを入力
32.
はい、10分超えました
33.
WordPress インストール・初期設定 • WordPress
のインストールや初期設定は 意外にやることが多く時間がかかります。 • 画面を行ったり来たりするのは時間がかかる ので、一気にコマンドで処理するのが効率的 です。
34.
これを wordpress.org から zip
をダウンロード ログインしてパーマリンクの設定 メディアサイズの設定 サンプルページを削除 ホームとブログ用の固定ページを作成 してページの割り当て設定 必要なプラグインのインストール 展開して FTP でサーバーにアップロード サイト説明文の設定 データベースの情報などを入力
35.
こうする • サーバーに SSH
( 黒い画面 ) でログイン • WordPress のディレクトリに移動 ( cd ) • コマンドをコピペして実行
36.
WordPress をコマンドで 簡単に操作するためのツール WP-CLI
37.
WP-CLI • サーバー(もしくはローカル)にインストールして 使用します。 • よく使うコマンドをメモ帳などに書いておけば、コピペ して実行するだけでOK。だから全てを覚える必要はあ りません。 •
一度用意しておけば、次にサイトを作るときもほとんど そのまま流用することができます。
38.
WP-CLI • WP-CLI は
WordPress が設置された ディレクトリでしか実行できません。 • サーバーにログインし ( ssh user@example.com ) 、 WordPress のディレクトリに移動 ( cd /var/www/html ) してから使います。
39.
WP-CLI の基本的な構成 wp option
update posts_per_page 10 wp plugin install mw-wp-form --activate オプションを 更新! 表示件数を 10件に プラグインを インストール! オプションMW WP Form を
40.
よく使う WP-CLI のコマンド
41.
よく使う WP-CLI のコマンド •
WordPress のダウンロード wp core download --locale=ja • wp-config.php を作成 wp core config --dbname=wordpress --dbuser=wordpress --dbpass=password --dbhost=localhost --skip-check • wp-config.php をもとにデータベースを作成 wp db create このあたりを必要に 応じて変更
42.
よく使う WP-CLI のコマンド •
WordPress のダウンロード wp core download --locale=ja • wp-config.php を作成 wp core config --dbname=wordpress --dbuser=wordpress --dbpass=password --dbhost=localhost --skip-check • wp-config.php をもとにデータベースを作成 wp db create このあたりを必要に 応じて変更 いろいろハマりやすいのでデータベースは 事前に作っておくことをオススメします。
43.
よく使う WP-CLI のコマンド •
WordPress のインストール wp core install --url=http://example.com/ --title=サイト名 -- admin_user=admin --admin_password=パスワード -- admin_email=admin@example.com • テーマのインストール・有効化 wp theme install twentyfifteen --activate • プラグインのインストール有効化 wp plugin install smart-custom-fields mw-wp-form --activate このあたりを必要に 応じて変更
44.
よく使う WP-CLI のコマンド •
投稿数の設定 wp option update posts_per_page 8 • キャッチフレーズの設定 wp option update blogdescription 'キャッチフレーズ' • パーマリンクの設定 wp rewrite structure '/blog/%year%/%monthnum%/ %day%/%post_id%/' このあたりを必要に 応じて変更
45.
よく使う WP-CLI のコマンド WordPress
で Web サイトを制作する場合、 フロントページの設定が必要です。
46.
よく使う WP-CLI のコマンド •
固定フロントページの設定 wp option update show_on_front 'page' • トップページ用ページの作成 wp option update page_on_front $(wp post create -- post_type=page --post_title=Home —post_status=publish -- porcelain) • ブログ用ページの作成 wp option update page_for_posts $(wp post create -- post_type=page --post_title=Blog --post_status=publish --porcelain)
47.
よく使う WP-CLI のコマンド •
はじめに言いましたが、これらのコマンドは いちいち覚える必要はありません。 • メモ帳などに保存しておいて、必要なときに コピペで実行すれば大丈夫です。 • でも覚えちゃうともっと楽になります^^
48.
WP-CLI のインストール
49.
WP-CLI のインストール • WP-CLI
はレンタルサーバーにもインストール することができます。 • が、コマンドを実行するツールなので、SSH が使えるサーバーでないといけません。
50.
WP-CLI のインストール • レンタルサーバに『WP-CLI』をサクっと入れる シェルスクリプト作ってみたよ http://www.tecking.org/archives/4169 •
もちろんお使いのパソコンにインストールもできる ので、ローカルで開発してアップしてもOK http://wp-cli.org/
51.
その他の便利な WP-CLI のコマンド
52.
その他の便利な WP-CLI のコマンド •
データベースのエクスポート wp db export • データベースのインポート wp db import ファイル名
53.
その他の便利な WP-CLI のコマンド •
データベースの置換 ( シリアライズ対応!) wp search-replace http://example.local http://example.com • メディアライブラリの画像の再生成 wp media regenerate
54.
その他の便利な WP-CLI のコマンド •
コアのアップデート wp core update • テーマのアップデート wp theme update --all • プラグインのアップデート wp plugin update --all
55.
注意事項 • 今回は WP-CLI
でできることをお伝えしたかっ たのでサーバーで直接作業する想定でお話し ています。 • これだとデータがサーバー上にしかなく、も しものときに超こわいので、本来はローカル で作業してアップロードすることをオススメ します。
56.
ここまでのまとめ • WordPress の立ち上げからどんどん自動化。 •
WP-CLI のよく使うコマンドはメモ帳などに保 存してくとコピペですぐ実行することができ て便利です。
57.
02 テーマ制作編
58.
よくあるテーマ制作の流れ
59.
よくあるテーマ制作の流れ Photoshop などでページカンプを作成
60.
よくあるテーマ制作の流れ Photoshop などでページカンプを作成 ページカンプをもとにコーディング
61.
よくあるテーマ制作の流れ Photoshop などでページカンプを作成 ページカンプをもとにコーディング コーディングしたデータをもとに WordPress
のテーマを作成
62.
よくあるテーマ制作の流れ Photoshop などでページカンプを作成 style.css、index.php、front-page.php、home.php、 archive.php、single.php、page.php、functions.php … ページカンプをもとにコーディング コーディングしたデータをもとに
WordPress のテーマを作成
63.
よくあるテーマ制作の流れ Photoshop などでページカンプを作成 style.css、index.php、front-page.php、home.php、 archive.php、single.php、page.php、functions.php … ページカンプをもとにコーディング コーディングしたデータをもとに
WordPress のテーマを作成 WordPress に必須の関数や CSS を定義
64.
10分、無理。
65.
テーマ制作 • 「デザインカンプの作成」「デザインカンプ をもとにしたコーディング」「コーディング したデータをもとにしたテーマの作成」それ ら全てが10分を超えてしまうものです。 • テーマ制作を早く行うためには、ある程度で きあがったテーマをインストールして使う必 要があります。
66.
WordPress 公式テーマディレクトリ にはそんなテーマがいっぱい!
67.
WordPress 公式テーマディレクトリ • レビュワーの厳しいチェックを受け、承認され たテーマのみが掲載、配布されています。 •
プラグインテリトリー。テーマはプラグインの テリトリーを犯してはいけないというルール。 • つまり、余計なことをしないシンプルな仕組み のテーマが多くベースとして使いやすい。
68.
例えば、Habakiri
69.
Habakiri by キタジマタカシ http://habakiri.2inc.org
70.
Habakiri • デモをするのに慣れているテーマのほうが失敗確率 が減るので、今回は自分のテーマでご説明します。 • Habakiri
は子テーマをストレス無く作りたいという 趣旨で開発したテーマです。 • 単体ではそれほどデザイン性は高くありませんが子 テーマからデザインがカスタマイズしやすい設計に なっています。
71.
Habakiri の特徴 01 カスタマイザー
72.
カスタマイザー • CSS やテンプレートを編集せずに色の変更やレイアウ トの変更ができる
WordPress の機能のこと。 • そのテーマがカスタマイザーに対応している場合は 「外観 > カスタマイザー」というメニューが表示され ます。 • WordPress 4.3 からは管理バーからもアクセス可能に!
73.
74.
75.
76.
Habakiri の特徴 02 ページテンプレート
77.
ページテンプレート • 固定ページのレイアウトを選択できる機能のこと。 • Habakiri
には初めから7つのページテンプレートが 用意されています。 • 用意されたテンプレートに適当なものがあれば わざわざレイアウトの変更のためだけに子テーマを 作ったり CSS を変更する必要がなくなります。
78.
79.
Habakiri の特徴 03 たくさんのフック
80.
フックとは • 特定の文字列を書き換えたり、特定の位置に任意の 処理やHTMLを挿入したりできる仕組みのこと。 • 任意の場所に
HTML を追加したい場合、フックを使 えばテンプレートを上書き・編集しなくても HTML を追加できます。 • Habakiri にはたくさんのフックが用意されています。
81.
82.
habakiri_before_container
83.
habakiri_before_header_content habakiri_before_container
84.
habakiri_before_header_content habakiri_after_header_content habakiri_before_container
85.
habakiri_before_header_content habakiri_after_header_content habakiri_before_container habakiri_before_global_navigation
86.
habakiri_before_header_content habakiri_after_header_content habakiri_before_container habakiri_before_global_navigation habakiri_after_global_navigation
87.
habakiri_before_contents_content habakiri_before_header_content habakiri_after_header_content habakiri_before_container habakiri_before_global_navigation habakiri_after_global_navigation
88.
habakiri_before_contents_content habakiri_before_header_content habakiri_after_header_content habakiri_before_container habakiri_before_global_navigation habakiri_after_global_navigation habakiri_before_sidebar_widget_area
89.
habakiri_before_contents_content habakiri_before_header_content habakiri_after_header_content habakiri_before_container habakiri_before_global_navigation habakiri_after_global_navigation habakiri_before_sidebar_widget_area habakiri_before_title
90.
habakiri_before_entry_meta habakiri_before_contents_content habakiri_before_header_content habakiri_after_header_content habakiri_before_container habakiri_before_global_navigation habakiri_after_global_navigation habakiri_before_sidebar_widget_area habakiri_before_title
91.
habakiri_before_entry_meta habakiri_before_contents_content habakiri_before_header_content habakiri_after_header_content habakiri_before_container habakiri_before_global_navigation habakiri_after_global_navigation habakiri_before_sidebar_widget_area habakiri_after_title habakiri_before_title
92.
habakiri_before_entry_meta habakiri_after_entry_meta habakiri_before_contents_content habakiri_before_header_content habakiri_after_header_content habakiri_before_container habakiri_before_global_navigation habakiri_after_global_navigation habakiri_before_sidebar_widget_area habakiri_after_title habakiri_before_title
93.
habakiri_before_entry_content habakiri_before_entry_meta habakiri_after_entry_meta habakiri_before_contents_content habakiri_before_header_content habakiri_after_header_content habakiri_before_container habakiri_before_global_navigation habakiri_after_global_navigation habakiri_before_sidebar_widget_area habakiri_after_title habakiri_before_title
94.
habakiri_before_entry_content habakiri_after_sidebar_widget_area habakiri_before_entry_meta habakiri_after_entry_meta habakiri_before_contents_content habakiri_before_header_content habakiri_after_header_content habakiri_before_container habakiri_before_global_navigation habakiri_after_global_navigation habakiri_before_sidebar_widget_area habakiri_after_title habakiri_before_title
95.
habakiri_before_entry_content habakiri_after_sidebar_widget_area habakiri_after_entry_content habakiri_before_entry_meta habakiri_after_entry_meta habakiri_before_contents_content habakiri_before_header_content habakiri_after_header_content habakiri_before_container habakiri_before_global_navigation habakiri_after_global_navigation habakiri_before_sidebar_widget_area habakiri_after_title habakiri_before_title
96.
habakiri_before_entry_content habakiri_after_sidebar_widget_area habakiri_after_entry_content habakiri_before_entry_meta habakiri_after_entry_meta habakiri_before_contents_content habakiri_after_contents_content habakiri_before_header_content habakiri_after_header_content habakiri_before_container habakiri_before_global_navigation habakiri_after_global_navigation habakiri_before_sidebar_widget_area habakiri_after_title habakiri_before_title
97.
habakiri_before_entry_content habakiri_after_sidebar_widget_area habakiri_after_entry_content habakiri_before_entry_meta habakiri_after_entry_meta habakiri_before_contents_content habakiri_after_contents_content habakiri_before_header_content habakiri_after_header_content habakiri_before_footer_content habakiri_before_container habakiri_before_global_navigation habakiri_after_global_navigation habakiri_before_sidebar_widget_area habakiri_after_title habakiri_before_title
98.
habakiri_before_entry_content habakiri_after_sidebar_widget_area habakiri_after_entry_content habakiri_before_entry_meta habakiri_after_entry_meta habakiri_before_contents_content habakiri_after_contents_content habakiri_before_header_content habakiri_after_header_content habakiri_before_footer_content habakiri_after_footer_content habakiri_before_container habakiri_before_global_navigation habakiri_after_global_navigation habakiri_before_sidebar_widget_area habakiri_after_title habakiri_before_title
99.
/\___/ヽ ヽ / ::::::::::::::::\ つ
. | ,,--- ---、 .:::| わ | 、_(o)_,: _(o)_, :::|ぁぁ . | ::< .::|あぁ \ /( [三] )ヽ ::/ああ /`ー-----―´\ぁあ
100.
ここまでのまとめ • 予算が少ない、納期が短いなどの理由で とにかく早くサイトを立ち上げる必要があるときに デザイン・コーディング・テーマ化を1からやる 余裕はありません。 • 既にある程度できあがっている
+ デザインを カスタマイズしたり機能を拡張しやすいテーマを 有効活用しましょう。
101.
03 コンテンツコーディング編
102.
103.
• デフォルトのスタイルを書いて^ω^
104.
• デフォルトのスタイルを書いて • それぞれのパーツのスタイルを書いて ^ω^ ^_^
105.
• デフォルトのスタイルを書いて • それぞれのパーツのスタイルを書いて •
様々なデバイスでちゃんと表示されるように ^ω^ ^_^ ˙_˙ ;
106.
• デフォルトのスタイルを書いて • それぞれのパーツのスタイルを書いて •
様々なデバイスでちゃんと表示されるように • 全てを一からコツコツと ^ω^ ^_^ ˙_˙ ; -_-
107.
• デフォルトのスタイルを書いて • それぞれのパーツのスタイルを書いて •
様々なデバイスでちゃんと表示されるように • 全てを一からコツコツと • そして突如発生する の不具合… ^ω^ ^_^ ˙_˙ ; -_- > < ロ
108.
• デフォルトのスタイルを書いて • それぞれのパーツのスタイルを書いて •
様々なデバイスでちゃんと表示されるように • 全てを一からコツコツと • そして突如発生する の不具合… • 応急処置的な修正で更なる闇へ… ^ω^ ^_^ ˙_˙ ; -_- > < ロ ˙-˙
109.
ちゃんとした CSS を 書くのは結構大変 しかも時間がかかる
110.
CSS フレームワーク
111.
例えば、Bootstrap
112.
Bootstrap • Twitter が開発している
CSS フレームワーク。 • 世界中で使われているのでオレオレ CSS より 情報が手に入りやすくメンテナンス性も高い。 • デフォルトのスタイリング、ボタンなどの 基本的なパーツのスタイルなどが っている。
113.
Bootstrap • マルチデバイスに対応したカラム分けを行う グリッドシステムが超便利。 • ベースを
Bootstrap で作れば、あとはスタイルを調整 したり、不足しているスタイルを加えていけば OK。 • Habakiri は Bootstrap ベースなので、何も意識せずに Bootstrap を使用することができます。
114.
115.
<div class= container
> <div class= row > <div class= col-md-4 > 1カラム目 </div> <div class= col-md-4 > 2カラム目 </div> <div class= col-md-4 > 3カラム目 </div> </div> </div> Bootstrap col-xs-* スマホサイズ以上のとき col-sm-* タブレットサイズ以上のとき col-md-* PCサイズ以上のとき col-lg-* ワイドPCサイズ以上のとき に * 列のグリッド幅を使うか
116.
Bootstrap に関する よくある勘違い
117.
Bootstrap に関するよくある勘違い • Bootstrap
はデザインができないプログラマー が使うツールだよねー
118.
Bootstrap に関するよくある勘違い • Bootstrap
はデザインができないプログラマー が使うツールだよねー 間違いです。 あくまで工数を減らすためのツールという認識。 CSS が苦手というデザイナーさんにおいても 便利なツールだと思います。
119.
Bootstrap に関するよくある勘違い • 似たようなデザインになってしまうので使う べきではない
120.
Bootstrap に関するよくある勘違い • 似たようなデザインになってしまうので使う べきではない 間違いです。 デザイン性の高いサイトでもバリバリ使われて います。参考:http://expo.getbootstrap.com/
121.
ここまでのまとめ • CSS フレームワークを使えば、自分で1から CSS
を書かなくても、ルールにそって HTML を書いていくだけでおおまかなレイアウトが 完成する。 • あとは調整する CSS を書き足していけばOK
122.
04 やってみます
123.
こんなサイト 作りたい。 • カフェのサイトを 想定 • サイト構成: -
トップページ - ブログ - お問い合わせ • 写真は PAKUTASO さんか らお借りしました。
124.
前提条件、作業内容 • 原稿、写真素材は用意しておいたものを使用。 • WordPress
のダウンロード、インストールから行う。 • パーマリンク、メディアサイズ、固定フロントページの設定などの初期 設定を行う。 • トップページのコーディング、ブログ、お問い合わせフォームの設置。 • これを10分でやりたい。 • ( ネット上で一発勝負は危険なので、今回はローカルでやります… )
125.
ちなみに、事前に試してみた結果 WordPress のダウンロード∼初期設定 完了までに 30秒 ∼デザイン・サイト完成までで 11分35秒
かかりました。
126.
10分、無理。
127.
では、やってみます
128.
の前に、デモに使う WP-CLI コマンドをざっくり見てから デモやります。
129.
実際のところ • 実運用するには、OGP の設定、Twitter
Card の設定、Analytics の設定とかも必要なので、 実際にはもう少し時間がかかります。 • そのあたりもプラグインでちゃちゃっとやる と楽です。
130.
さいごのまとめ • 何度も繰り返す作業、面倒な作業はとにかく 自動化してもっと有意義なことに時間を使い ましょう! • コマンドは覚えきれなくても、コピペ実行す れば大丈夫。覚えればもっと早くなります。 •
プラグインだけなく、テーマも使ってみてね!
Download now