Submit Search
Upload
一歩踏み込むWordPress
•
2 likes
•
2,352 views
正樹 平野
Follow
2014/712 クリエイティブコネクトというイベントで話したスライドです。
Read less
Read more
Internet
Slideshow view
Report
Share
Slideshow view
Report
Share
1 of 33
Download now
Download to read offline
Recommended
WordPressってこんなCMS
WordPressってこんなCMS
Kawakami Hiroko
第67回「WEB TOUCH MEETING+WordPressハンズオン勉強会」(KDDIウェブコミュニケーションズ協賛)での前座の発表スライドです。 WordPressについてのさわり程度の内容です
実録 WordPress Twenty Sixteen のカスタマイズ | WordBench東京 2月勉強会 「みんなのテーマ開発」〜自分の好きな作り方...
実録 WordPress Twenty Sixteen のカスタマイズ | WordBench東京 2月勉強会 「みんなのテーマ開発」〜自分の好きな作り方...
Akira Tachibana
WordBench東京 2月勉強会 「みんなのテーマ開発」〜自分の好きな作り方を話そう〜 2016/2/21 サイト http://unofficialtokyo.com を Twenty Sixteen で構築した際の手順やコツを紹介しました。
テーマに機能を含めちゃダメなんて誰が決めた! テーマをモリモリにカスタマイズする
テーマに機能を含めちゃダメなんて誰が決めた! テーマをモリモリにカスタマイズする
文樹 高橋
WordBench 東京2016の発表資料です。WordPressでよく言われる「テーマは見た目、プラグインは機能」という言葉に対して真っ向から勝負を挑みます。
メニューは管理画面で設定できるようにしよう
メニューは管理画面で設定できるようにしよう
Mayuko Moriyama
WordBench東京 2月勉強会 「みんなのテーマ開発」〜自分の好きな作り方を話そう〜 で発表したスライドです。 https://wbtokyo.doorkeeper.jp/
ノンプログラマーのためのカンタンWordPressテーマ作成入門 ∼子テーマで WordPress のテーマをつくろう∼
ノンプログラマーのためのカンタンWordPressテーマ作成入門 ∼子テーマで WordPress のテーマをつくろう∼
Mignon Style
2016年2月21日に開催されたWordBench東京「みんなのテーマ開発」〜自分の好きな作り方を話そう〜 でのセッションスライドです。
WooCommerce & AWS
WooCommerce & AWS
Hidetaka Okamoto
WordBench京都2016年2月のスライドです。
WordBench 東京 とは
WordBench 東京 とは
Mignon Style
WordBench 東京 勉強会「WordBench 東京とは」のスライドです。2017年1月作成 http://wordbench.org/category/tokyo/
Yat-wbnara201602
Yat-wbnara201602
YAT blog
アイキャッチを作ってWordPressに表示しよう
Recommended
WordPressってこんなCMS
WordPressってこんなCMS
Kawakami Hiroko
第67回「WEB TOUCH MEETING+WordPressハンズオン勉強会」(KDDIウェブコミュニケーションズ協賛)での前座の発表スライドです。 WordPressについてのさわり程度の内容です
実録 WordPress Twenty Sixteen のカスタマイズ | WordBench東京 2月勉強会 「みんなのテーマ開発」〜自分の好きな作り方...
実録 WordPress Twenty Sixteen のカスタマイズ | WordBench東京 2月勉強会 「みんなのテーマ開発」〜自分の好きな作り方...
Akira Tachibana
WordBench東京 2月勉強会 「みんなのテーマ開発」〜自分の好きな作り方を話そう〜 2016/2/21 サイト http://unofficialtokyo.com を Twenty Sixteen で構築した際の手順やコツを紹介しました。
テーマに機能を含めちゃダメなんて誰が決めた! テーマをモリモリにカスタマイズする
テーマに機能を含めちゃダメなんて誰が決めた! テーマをモリモリにカスタマイズする
文樹 高橋
WordBench 東京2016の発表資料です。WordPressでよく言われる「テーマは見た目、プラグインは機能」という言葉に対して真っ向から勝負を挑みます。
メニューは管理画面で設定できるようにしよう
メニューは管理画面で設定できるようにしよう
Mayuko Moriyama
WordBench東京 2月勉強会 「みんなのテーマ開発」〜自分の好きな作り方を話そう〜 で発表したスライドです。 https://wbtokyo.doorkeeper.jp/
ノンプログラマーのためのカンタンWordPressテーマ作成入門 ∼子テーマで WordPress のテーマをつくろう∼
ノンプログラマーのためのカンタンWordPressテーマ作成入門 ∼子テーマで WordPress のテーマをつくろう∼
Mignon Style
2016年2月21日に開催されたWordBench東京「みんなのテーマ開発」〜自分の好きな作り方を話そう〜 でのセッションスライドです。
WooCommerce & AWS
WooCommerce & AWS
Hidetaka Okamoto
WordBench京都2016年2月のスライドです。
WordBench 東京 とは
WordBench 東京 とは
Mignon Style
WordBench 東京 勉強会「WordBench 東京とは」のスライドです。2017年1月作成 http://wordbench.org/category/tokyo/
Yat-wbnara201602
Yat-wbnara201602
YAT blog
アイキャッチを作ってWordPressに表示しよう
WordPressってブログじゃないの?
WordPressってブログじゃないの?
tokumotonahoko
ノンプログラミングWebデザイナーがWordPressをおぼえるためにやったこと 〜巨人の肩にのってみた!〜
ノンプログラミングWebデザイナーがWordPressをおぼえるためにやったこと 〜巨人の肩にのってみた!〜
Mignon Style
2016年7月9日に開催されたWordCamp Kansai 2016 https://2016.kansai.wordcamp.org/ でのLTのスライドです。
WordBench京都9月号
WordBench京都9月号
Koji Asaga
WordBench京都9月号でkintoneの紹介で使った資料です。
Webっちゃ vol.01 [Wordpressでできること]
Webっちゃ vol.01 [Wordpressでできること]
Yoshifumi Nishimoto
北九州で制作者向けのWeb勉強会「Webっちゃ Vol.01」にて話した「WordPressでできること」のスライドです。
ズルいLT 〜はじめてのライトニングトーク〜 / WP-D Week
ズルいLT 〜はじめてのライトニングトーク〜 / WP-D Week
Mignon Style
2016年4月11日〜16日に開催されたWP-D Week [LevelUp!!] WP-D Fes #04 https://week.wp-d.org/ でのLTのスライドです。
WordPress プラグイン Advance Custum Fieldsを学ぶ
WordPress プラグイン Advance Custum Fieldsを学ぶ
Shigeki Takai
2016/1/16 WordBench奈良のセッションで使用したスライド
UnderScoreとbootstrapとsassでword pressのテーマをつくろう
UnderScoreとbootstrapとsassでword pressのテーマをつくろう
Takahiro Nakahata
2014/9/17にコワーキングスペース茅場町で開催された「ゼロから始めるWordPress勉強会」で使用した資料です。
WordBench京都版 _sハンズオン
WordBench京都版 _sハンズオン
Hidetaka Okamoto
WordCamp Kansai 2015 テーマ作成ハンズオン再演。 _sに絞ってWordBench京都向けにリメイクしています。
PHPがわからないデザイナーでもできる、簡単カスタマイズ術
PHPがわからないデザイナーでもできる、簡単カスタマイズ術
Eri Sawada
WordCamp2015 WordPressで自分の名前でドメイン取って ブログ作るとこまで 面倒みるワークショップ
WordCamp2015 WordPressで自分の名前でドメイン取って ブログ作るとこまで 面倒みるワークショップ
Sho Shirasaka
WordPressで自分の名前でドメイン取って ブログ作るとこまで 面倒みるワークショップ
WordCamp KOBE 「初めてのWordPress!オリジナルのテーマでブログを作る方法」Parkn'Park
WordCamp KOBE 「初めてのWordPress!オリジナルのテーマでブログを作る方法」Parkn'Park
parkn-park
WordCamp KOBE2011でお話させていただいた、「初めてのWordPress!オリジナルのテーマでブログを作る方法」についてのスライドです
Adobe Illustratorによる WordPressテーマ作成ワークフロー
Adobe Illustratorによる WordPressテーマ作成ワークフロー
Cherry Pie Web
2016年11月19日 WordBench奈良
更新作業で消耗しない!Web製作者のためのWordPress公式ディレクトリ活用術
更新作業で消耗しない!Web製作者のためのWordPress公式ディレクトリ活用術
Mignon Style
2016年1月23日に開催されたWordBash Kyotoでのセッションスライドです。 WordBash Kyoto: https://wordbash.github.io/kyoto-vol1/
熊本地震支援Webサイトの実例紹介と支援のためのホームページを作りたい人に絶対知っていてほしいこと
熊本地震支援Webサイトの実例紹介と支援のためのホームページを作りたい人に絶対知っていてほしいこと
Cherry Pie Web
しえんのわ昼飲み会 2016年12月17日 at 京都府舞鶴市 Cafe&Bar FLAT+
2013年3月16日のWordBench大阪
2013年3月16日のWordBench大阪
Shinichi Nishikawa
2013年3月16日のWordBench大阪で使った資料です。
Word pressはじめの一歩 テーマ作成ハンズオン
Word pressはじめの一歩 テーマ作成ハンズオン
Hidetaka Okamoto
WordCamp Kansai 2015ハンズオンスライド
WebデザイナーによるWebデザイナーのためのマーケティング入門
WebデザイナーによるWebデザイナーのためのマーケティング入門
Miho Ishida
第61回 WordBench大阪で発表したスライドを、2017年7月29日のWordBench奈良で再演したのに合わせて、全面的にリニューアルしました。
Webディレクターとして word pressを提案するときに考えること + 運用
Webディレクターとして word pressを提案するときに考えること + 運用
Junzo Matunoo
WordBench奈良でお話した時の資料です。
Cssアニメーションとその制御
Cssアニメーションとその制御
Muyuu Fujita
私のWordPress勉強法
私のWordPress勉強法
Kazuyuki Takano
WordBench山梨で行ったセッションのスライドです。
WordPress 今どきの効率的な制作フロー
WordPress 今どきの効率的な制作フロー
Tsuzurahara Tohru
WordBench宮崎 Vol.04で話したPhotoshopでのデザイン〜コーディングまでの流れ。 WordPressの勉強会ですが、WordPress的な内容はほとんでないです。
レスポンシブ+フラットデザイン+WordPress
レスポンシブ+フラットデザイン+WordPress
Junko Nukaga
特別編 WordBench大阪 in 京セラドーム大阪(JAWS FESTA コラボレーション企画)
More Related Content
What's hot
WordPressってブログじゃないの?
WordPressってブログじゃないの?
tokumotonahoko
ノンプログラミングWebデザイナーがWordPressをおぼえるためにやったこと 〜巨人の肩にのってみた!〜
ノンプログラミングWebデザイナーがWordPressをおぼえるためにやったこと 〜巨人の肩にのってみた!〜
Mignon Style
2016年7月9日に開催されたWordCamp Kansai 2016 https://2016.kansai.wordcamp.org/ でのLTのスライドです。
WordBench京都9月号
WordBench京都9月号
Koji Asaga
WordBench京都9月号でkintoneの紹介で使った資料です。
Webっちゃ vol.01 [Wordpressでできること]
Webっちゃ vol.01 [Wordpressでできること]
Yoshifumi Nishimoto
北九州で制作者向けのWeb勉強会「Webっちゃ Vol.01」にて話した「WordPressでできること」のスライドです。
ズルいLT 〜はじめてのライトニングトーク〜 / WP-D Week
ズルいLT 〜はじめてのライトニングトーク〜 / WP-D Week
Mignon Style
2016年4月11日〜16日に開催されたWP-D Week [LevelUp!!] WP-D Fes #04 https://week.wp-d.org/ でのLTのスライドです。
WordPress プラグイン Advance Custum Fieldsを学ぶ
WordPress プラグイン Advance Custum Fieldsを学ぶ
Shigeki Takai
2016/1/16 WordBench奈良のセッションで使用したスライド
UnderScoreとbootstrapとsassでword pressのテーマをつくろう
UnderScoreとbootstrapとsassでword pressのテーマをつくろう
Takahiro Nakahata
2014/9/17にコワーキングスペース茅場町で開催された「ゼロから始めるWordPress勉強会」で使用した資料です。
WordBench京都版 _sハンズオン
WordBench京都版 _sハンズオン
Hidetaka Okamoto
WordCamp Kansai 2015 テーマ作成ハンズオン再演。 _sに絞ってWordBench京都向けにリメイクしています。
PHPがわからないデザイナーでもできる、簡単カスタマイズ術
PHPがわからないデザイナーでもできる、簡単カスタマイズ術
Eri Sawada
WordCamp2015 WordPressで自分の名前でドメイン取って ブログ作るとこまで 面倒みるワークショップ
WordCamp2015 WordPressで自分の名前でドメイン取って ブログ作るとこまで 面倒みるワークショップ
Sho Shirasaka
WordPressで自分の名前でドメイン取って ブログ作るとこまで 面倒みるワークショップ
WordCamp KOBE 「初めてのWordPress!オリジナルのテーマでブログを作る方法」Parkn'Park
WordCamp KOBE 「初めてのWordPress!オリジナルのテーマでブログを作る方法」Parkn'Park
parkn-park
WordCamp KOBE2011でお話させていただいた、「初めてのWordPress!オリジナルのテーマでブログを作る方法」についてのスライドです
Adobe Illustratorによる WordPressテーマ作成ワークフロー
Adobe Illustratorによる WordPressテーマ作成ワークフロー
Cherry Pie Web
2016年11月19日 WordBench奈良
更新作業で消耗しない!Web製作者のためのWordPress公式ディレクトリ活用術
更新作業で消耗しない!Web製作者のためのWordPress公式ディレクトリ活用術
Mignon Style
2016年1月23日に開催されたWordBash Kyotoでのセッションスライドです。 WordBash Kyoto: https://wordbash.github.io/kyoto-vol1/
熊本地震支援Webサイトの実例紹介と支援のためのホームページを作りたい人に絶対知っていてほしいこと
熊本地震支援Webサイトの実例紹介と支援のためのホームページを作りたい人に絶対知っていてほしいこと
Cherry Pie Web
しえんのわ昼飲み会 2016年12月17日 at 京都府舞鶴市 Cafe&Bar FLAT+
2013年3月16日のWordBench大阪
2013年3月16日のWordBench大阪
Shinichi Nishikawa
2013年3月16日のWordBench大阪で使った資料です。
Word pressはじめの一歩 テーマ作成ハンズオン
Word pressはじめの一歩 テーマ作成ハンズオン
Hidetaka Okamoto
WordCamp Kansai 2015ハンズオンスライド
WebデザイナーによるWebデザイナーのためのマーケティング入門
WebデザイナーによるWebデザイナーのためのマーケティング入門
Miho Ishida
第61回 WordBench大阪で発表したスライドを、2017年7月29日のWordBench奈良で再演したのに合わせて、全面的にリニューアルしました。
Webディレクターとして word pressを提案するときに考えること + 運用
Webディレクターとして word pressを提案するときに考えること + 運用
Junzo Matunoo
WordBench奈良でお話した時の資料です。
Cssアニメーションとその制御
Cssアニメーションとその制御
Muyuu Fujita
私のWordPress勉強法
私のWordPress勉強法
Kazuyuki Takano
WordBench山梨で行ったセッションのスライドです。
What's hot
(20)
WordPressってブログじゃないの?
WordPressってブログじゃないの?
ノンプログラミングWebデザイナーがWordPressをおぼえるためにやったこと 〜巨人の肩にのってみた!〜
ノンプログラミングWebデザイナーがWordPressをおぼえるためにやったこと 〜巨人の肩にのってみた!〜
WordBench京都9月号
WordBench京都9月号
Webっちゃ vol.01 [Wordpressでできること]
Webっちゃ vol.01 [Wordpressでできること]
ズルいLT 〜はじめてのライトニングトーク〜 / WP-D Week
ズルいLT 〜はじめてのライトニングトーク〜 / WP-D Week
WordPress プラグイン Advance Custum Fieldsを学ぶ
WordPress プラグイン Advance Custum Fieldsを学ぶ
UnderScoreとbootstrapとsassでword pressのテーマをつくろう
UnderScoreとbootstrapとsassでword pressのテーマをつくろう
WordBench京都版 _sハンズオン
WordBench京都版 _sハンズオン
PHPがわからないデザイナーでもできる、簡単カスタマイズ術
PHPがわからないデザイナーでもできる、簡単カスタマイズ術
WordCamp2015 WordPressで自分の名前でドメイン取って ブログ作るとこまで 面倒みるワークショップ
WordCamp2015 WordPressで自分の名前でドメイン取って ブログ作るとこまで 面倒みるワークショップ
WordCamp KOBE 「初めてのWordPress!オリジナルのテーマでブログを作る方法」Parkn'Park
WordCamp KOBE 「初めてのWordPress!オリジナルのテーマでブログを作る方法」Parkn'Park
Adobe Illustratorによる WordPressテーマ作成ワークフロー
Adobe Illustratorによる WordPressテーマ作成ワークフロー
更新作業で消耗しない!Web製作者のためのWordPress公式ディレクトリ活用術
更新作業で消耗しない!Web製作者のためのWordPress公式ディレクトリ活用術
熊本地震支援Webサイトの実例紹介と支援のためのホームページを作りたい人に絶対知っていてほしいこと
熊本地震支援Webサイトの実例紹介と支援のためのホームページを作りたい人に絶対知っていてほしいこと
2013年3月16日のWordBench大阪
2013年3月16日のWordBench大阪
Word pressはじめの一歩 テーマ作成ハンズオン
Word pressはじめの一歩 テーマ作成ハンズオン
WebデザイナーによるWebデザイナーのためのマーケティング入門
WebデザイナーによるWebデザイナーのためのマーケティング入門
Webディレクターとして word pressを提案するときに考えること + 運用
Webディレクターとして word pressを提案するときに考えること + 運用
Cssアニメーションとその制御
Cssアニメーションとその制御
私のWordPress勉強法
私のWordPress勉強法
Viewers also liked
WordPress 今どきの効率的な制作フロー
WordPress 今どきの効率的な制作フロー
Tsuzurahara Tohru
WordBench宮崎 Vol.04で話したPhotoshopでのデザイン〜コーディングまでの流れ。 WordPressの勉強会ですが、WordPress的な内容はほとんでないです。
レスポンシブ+フラットデザイン+WordPress
レスポンシブ+フラットデザイン+WordPress
Junko Nukaga
特別編 WordBench大阪 in 京セラドーム大阪(JAWS FESTA コラボレーション企画)
WordPress History
WordPress History
Naoko Takano
Looking back WordPress history at WordPress 10th Anniversary event in Tokyo, Shibuya at GMO Yours.
WordPress サイトの 長期的メンテナンス
WordPress サイトの 長期的メンテナンス
Naoko Takano
2013年10月13日の「WordPress特別セミナー: StaticPress × S3 × Vagrant 勉強会」http://atnd.org/events/43607 向けのスライドです。
WordPressで電子書籍
WordPressで電子書籍
Takayuki Miyauchi
2012年1月23日のWordBench Fukuokaでの資料です。
WordPress安全運用の基礎
WordPress安全運用の基礎
hiro345
第51回NSEG勉強会で発表したときの資料です。発表時にいただいたアドバイスやコメントを反映してあるので、発表時から若干の編集をしてあります。
Viewers also liked
(6)
WordPress 今どきの効率的な制作フロー
WordPress 今どきの効率的な制作フロー
レスポンシブ+フラットデザイン+WordPress
レスポンシブ+フラットデザイン+WordPress
WordPress History
WordPress History
WordPress サイトの 長期的メンテナンス
WordPress サイトの 長期的メンテナンス
WordPressで電子書籍
WordPressで電子書籍
WordPress安全運用の基礎
WordPress安全運用の基礎
Similar to 一歩踏み込むWordPress
ノンプログラマーのためのカンタンWordPressテーマ作成入門 〜子テーマでテーマ作成&カスタマイズ〜
ノンプログラマーのためのカンタンWordPressテーマ作成入門 〜子テーマでテーマ作成&カスタマイズ〜
Mignon Style
2015年10月31日に開催されたWordCamp Tokyo 2015でのセッションスライドです。
groundwork-pasona-tech
groundwork-pasona-tech
masaaki komori
パソナテック<SKILL BASECAMP 2013> 「Groundwork ! 未来のWeb制作現場で通用するクリエイターとなるために、いま刷新すべきセオリー」資料 ※こちらのスライドの内容と重複しますが、ロクナナさんの10周年記念のビデオで実際の操作画面とかがご覧頂けます。 ロクナナ10周年記念サイト https://67.org/ws10th/ こもりまさあきのWeb制作環境 [67WS10周年記念] http://www.youtube.com/watch?v=gKeAJJhX2Og
WordPress 運用前の初期設定
WordPress 運用前の初期設定
Shigeki Takai
WordBench奈良 2013年度 和同弁知 第5回 WordPress 勉強会 (2013-10-26) にて発表
もっとはじめてのオリジナルテーマ制作
もっとはじめてのオリジナルテーマ制作
Seiichiro Mishiba
2015年2月18日:松戸WordPress部:もっとはじめてのオリジナルテーマ制作
doshirouto2014のcssだけを改造して子テーマを作る、最速手抜きカスタマイズ (初級)
doshirouto2014のcssだけを改造して子テーマを作る、最速手抜きカスタマイズ (初級)
Atsushi Ando
Firefox,Safari,Chromeのインスペクタの違いを紹介& ブラウザのインスペクタを使っての簡単なCSS編集方法
SassだけじゃなくてLESSの事も見てください
SassだけじゃなくてLESSの事も見てください
正樹 平野
WP-D Fes #03 in GMO | 2015年3月7日開催の懇親会でLTに使用したものです。
[WordBench東京7月] レスポンシブWebデザインの基礎とWordPressを使った最適化の手法
[WordBench東京7月] レスポンシブWebデザインの基礎とWordPressを使った最適化の手法
Hiroyuki Ogawa
concrete5 CMS FES 2016(CMS夏祭り2016)
concrete5 CMS FES 2016(CMS夏祭り2016)
Kazuhiro Matsuda
CMS夏祭り2016にて登壇資料 concrete5 web site http://djkazu.supervinyl.net http://ayanyan.net concrete5 theme Demosite http://heydj.supervinyl.net http://oh-love.ayanyan.net concrete5 Marketplace http://www.concrete5.org/marketplace/themes/hey-dj
WordPress 初心者さんが知っておいたほうが良い事&プラグインの紹介
WordPress 初心者さんが知っておいたほうが良い事&プラグインの紹介
kenji goto
Word bench 大分 発表資料 2014/05/17
デザイナーさんでもできる Browsersync からはじめる作業効率化・春
デザイナーさんでもできる Browsersync からはじめる作業効率化・春
Kumiko SHIMIZU
Knock!Knork! Webデザイントレンド2016(2016年3月12日開催)の発表資料です。
Twenty Fourteen徹底解剖! ~デフォルトテーマに学ぶ今ドキテーマの作り方~
Twenty Fourteen徹底解剖! ~デフォルトテーマに学ぶ今ドキテーマの作り方~
Keisuke Imura
2014/1/27 WordBench東京で発表したセッションです。
テーマカスタマイズ入門~バレンタインまでに子テーマをつくろう~ 2
テーマカスタマイズ入門~バレンタインまでに子テーマをつくろう~ 2
Susumu Seino
concrete5 osc kyoto
concrete5 osc kyoto
Kazuhiro Matsuda
2016/07/30 OSC京都での資料 concrete5 web site http://djkazu.supervinyl.net http://ayanyan.net concrete5 theme Demosite http://heydj.supervinyl.net http://oh-love.ayanyan.net concrete5 Marketplace http://www.concrete5.org/marketplace/themes/hey-dj
組み合わせ利用でいいとこ取り! Adobe XD+Photoshop+Illustratorの長所を活かしたデザイン手法を学ぼう
組み合わせ利用でいいとこ取り! Adobe XD+Photoshop+Illustratorの長所を活かしたデザイン手法を学ぼう
Akiko Kurono
このスライドは、2018年11月20日にパシフィコ横浜にて開催されたAdobe MAX Japanにおける黒野明子のセッション「組み合わせ利用でいいとこ取り! Adobe XD+Photoshop+Illustratorの長所を活かしたデザイン手法を学ぼう」のスライドです。 デモ部分が多いので、動画が公開されたらこのコメントにURLを書き添えます。 以下、セッション概要です。 アドビクリエイティブ製品の魅力は、なんといっても「データを連携させて制作可能な点」にあります。写真編集はお任せのPhotoshop、繊細なベジェアートワークを制作できるIllustrator、軽さとプロトタイピングが魅力のXD。この3つにモバイルアプリも組み合わせ、最適なワークフローを探しましょう。Photoshop寄り、Illustrator寄り、XD寄り、色々なパターンをご紹介しますので、あなたの仕事現場にぴったりの手法を見つけてください。
新入生歓迎LT祭り2014
新入生歓迎LT祭り2014
Azusa Uezu
WordBench Osaka vol.22 WordPressのセキュリティ対策
WordBench Osaka vol.22 WordPressのセキュリティ対策
Miho Ishida
WordBench Osaka 第22回で行われた、WordPressのセキュリティ対策・座談会において、「デザイナーなりにやっているWordPressのセキュリティ対策」というタイトルでお話をしました。
レスポンシブWebデザインの基礎と,コーディング実習:先生小川 裕之
レスポンシブWebデザインの基礎と,コーディング実習:先生小川 裕之
schoowebcampus
ーーーーーーーーーーーーーーーーーーーーーーー schoo WEB-campusは「WEBに誕生した、学校の新しいカタチ」。 WEB生放送の授業を無料で配信しています。 ▼こちらから授業に参加すると、先生への質問や、ユーザーとのチャット、資料の拡大表示等が可能です。 https://schoo.jp/class/209/room ーーーーーーーーーーーーーーーーーーーーーーー
141219 まにフェス
141219 まにフェス
rie05
2015年12月19日に大阪産創館で行われた「まにまにフェスティバル」で発表した資料です。
Framerで動くモックアップを簡単作成
Framerで動くモックアップを簡単作成
masaaki komori
~ Getting started prototyping with Framer. ※このスライドは、2014年6月19日のCSS Niteで話した内容です。 http://cssnite.jp/afterdark/cpi/vol11/
2015年のWebを考える
2015年のWebを考える
kenji goto
WordBench大分 第11回勉強会&忘年会 2015年のWebについて考える! 2014.11.29 @Alliance Social Share Office Beppu LT用に作ったスライドです。
Similar to 一歩踏み込むWordPress
(20)
ノンプログラマーのためのカンタンWordPressテーマ作成入門 〜子テーマでテーマ作成&カスタマイズ〜
ノンプログラマーのためのカンタンWordPressテーマ作成入門 〜子テーマでテーマ作成&カスタマイズ〜
groundwork-pasona-tech
groundwork-pasona-tech
WordPress 運用前の初期設定
WordPress 運用前の初期設定
もっとはじめてのオリジナルテーマ制作
もっとはじめてのオリジナルテーマ制作
doshirouto2014のcssだけを改造して子テーマを作る、最速手抜きカスタマイズ (初級)
doshirouto2014のcssだけを改造して子テーマを作る、最速手抜きカスタマイズ (初級)
SassだけじゃなくてLESSの事も見てください
SassだけじゃなくてLESSの事も見てください
[WordBench東京7月] レスポンシブWebデザインの基礎とWordPressを使った最適化の手法
[WordBench東京7月] レスポンシブWebデザインの基礎とWordPressを使った最適化の手法
concrete5 CMS FES 2016(CMS夏祭り2016)
concrete5 CMS FES 2016(CMS夏祭り2016)
WordPress 初心者さんが知っておいたほうが良い事&プラグインの紹介
WordPress 初心者さんが知っておいたほうが良い事&プラグインの紹介
デザイナーさんでもできる Browsersync からはじめる作業効率化・春
デザイナーさんでもできる Browsersync からはじめる作業効率化・春
Twenty Fourteen徹底解剖! ~デフォルトテーマに学ぶ今ドキテーマの作り方~
Twenty Fourteen徹底解剖! ~デフォルトテーマに学ぶ今ドキテーマの作り方~
テーマカスタマイズ入門~バレンタインまでに子テーマをつくろう~ 2
テーマカスタマイズ入門~バレンタインまでに子テーマをつくろう~ 2
concrete5 osc kyoto
concrete5 osc kyoto
組み合わせ利用でいいとこ取り! Adobe XD+Photoshop+Illustratorの長所を活かしたデザイン手法を学ぼう
組み合わせ利用でいいとこ取り! Adobe XD+Photoshop+Illustratorの長所を活かしたデザイン手法を学ぼう
新入生歓迎LT祭り2014
新入生歓迎LT祭り2014
WordBench Osaka vol.22 WordPressのセキュリティ対策
WordBench Osaka vol.22 WordPressのセキュリティ対策
レスポンシブWebデザインの基礎と,コーディング実習:先生小川 裕之
レスポンシブWebデザインの基礎と,コーディング実習:先生小川 裕之
141219 まにフェス
141219 まにフェス
Framerで動くモックアップを簡単作成
Framerで動くモックアップを簡単作成
2015年のWebを考える
2015年のWebを考える
一歩踏み込むWordPress
1.
一歩踏み込むWordPress 2014/07/12 CreativeConnect.
2.
@maki_saki平野正樹 WebSkill WordPressのテーマを作るのが趣味です。 流行りのもの 技 術とか
大 好きで す! 大阪でWEBディレクターとかやってます。 前職はデザイナしてたのでデザインからコーディングまでやれます。 もちろんWordPressでの開発もおちゃのこさいさいです。 アニメやフィギュアが 好きな おっさんで す。 好きなキャラクター は 初 音ミクさんで す。 一人で な んで もやるからよくぼっちしてます。 (コンチ) 自己紹介
3.
Antenart webclips 家デザ nomad figure yamanobori WordPressで個人的に作ったサイト
4.
アジェンダ 本日の流れ (1)自分色を出していこう! 初心者にオススメ・子テーマで作るWordPressテーマ (2)うちの会社HPをWordPress化してほしい! そんなときにオススメWordPressテーマ「_s」 (3)プログラマじゃなくてもはじめられる! 今日からできるセキュリティ対策 (4)WordPress案件の依頼をするとき、 コストを押さえれる(かもしれない)ポイント
5.
自分色を出していこう! 初心者にオススメ・子テーマで作るWordPressテーマ
6.
子テーマで作るWordPressテーマ 子テーマってなんだろう? ベースとなる親を決めて 変更したい箇所だけ子テーマとして作る 親テーマ データを共有 子テーマ twentytwelve child_theme wp-content themes twentyfourteen
7.
子テーマで作るWordPressテーマ つまりこんなに少なくて済みます。 親テーマ 子テーマ twentytwelve child_theme index.php single.php sidebar.php header.php functions.php ※最低限必要な ファイル footer.php style.css
8.
子テーマで作るWordPressテーマ どういうことか 子テーマを先に読み込んで 適応するファイルが無ければ親テーマから 自動的に持ってくる 親テーマ子テーマ サーバー 端末
9.
子テーマで作るWordPressテーマ 子テーマの作り方 style.cssにテーマの名前、子テーマの名前を書くだけ。 これだけで子テーマして動作しますが 親テーマのCSSは読み込んでくれないので、 そこも設定します。 @import url(’../twentyeleven/style.css’ /* Theme Name:
Child (子テーマ名) Template: twentyeleven (親テーマ名) */
10.
実演します。 子テーマで作るWordPressテーマ
11.
子テーマで作るWordPressテーマ 公式テーマにそのまま更新してしまうと、テーマをアップデートした時に 更新した処理が全部消えてしまうので,カスタマイズして作るときは 子テーマで作ったほうが安全 子テーマで作る隠されたメリット
12.
うちの会社HPをWordPress化してほしい! そんなときにオススメなWordPressテーマ「_s」
13.
WordPressテーマ「_s」 HTMLで作られた自社サイトを WordPressで作ってくれませんか?って依頼ありませんか? HTML
14.
WordPressテーマ「_s」 そんなときにオススメのテーマ http://underscores.me/ Underscore【_S】(アンダースコア)
15.
WordPressテーマ「_s」 ファイル構成 スタイルシート 関数 …基本のテーマスタイルシート。 …アラビア語など右から左に記述する言語用のスタイルシート。 …アイキャッチ、カスタムヘッダー、ウィジェットなど よく使う便利機能をぎっしり搭載しています。 [ins] 内のファイルも関数などをまとめているものです。 「style.css 」 「rtl.css
」 「functions.php」
16.
WordPressテーマ「_s」 ファイル構成 テンプレートファイル …どのテンプレートファイルにも適合しない場合使われる。 …投稿用テンプレート。 …固定ページ用テンプレート。 …アーカイブ用テンプレート。 …検索結果用テンプレート …404 Not Found
テンプレート。 「index.php」 「single.php」 「page.php」 「archive.php」 「search.php」 「404.php」
17.
WordPressテーマ「_s」 ファイル構成 モジュール系 ファイル LOOP系 sidebar.php comments.php content.php content-single.php content-page.php no-results.php header.php footer.php
18.
ナビゲーションはスマートフォン用に自動切り替えできるJSが入っている。 ⇨レスポンシブデザインにも利用しやすい。 WordPressテーマ「_s」 _sの特徴 テーマ開発でよく使うPHPは初めから書いてある。 ⇨時間短縮(PHPがわからなくてもある程度なんとかなる。) レイアウトが全くされていないので、どんなデザインにも当てはめやすい。 ⇨CSS、HTMLを汚さずに自分の好きなように書ける。 (PHPを使えないコーダーにも依頼しやすい) ファイル数が最小限で作ってある。 ⇨導入コストが低く誰にでも理解しやすい。 カスタマイズもしやすい。
19.
WordPressテーマ「_s」 これまでの 作り方 開発の流れの変化 もらったHTMLにWordPress用のコードを書いていく ⇨WordPressの設計を考慮していないので、時間がかかる。 ⇨書くPHPのコードが多いので、一定以上のスキルが求められる。 ⇨WordPressの設計を考慮されているのでそこに元にHTMLを流しこむだけで済む ⇨書くPHPのコードが少なく、元あったCSSも流用しやすい。 _Sでの 作り方 _SにもらったHTMLのコードを書いていく
20.
WordPressテーマ「_s」 _Sを使うメリット WordPressに慣れていないコーダでも作業しやすい。 書くコード量が減るので時間短縮に繋げやすい。 どんなデザインにも利用しやすく、今後の財産にしやすい。 使い続けることで社内の作業フローを統一しやすい。 使っている人が多いので、共有しやすい。 ※これらは一例で_Sを使って、得られるものを保証するものではありません。 制作環境・スキルによって効果に大小があります。
21.
プログラマじゃなくてもはじめられる! 今日からできるセキュリティ対策
22.
今日からできるセキュリティ対策 セキュリティって何をすればいいんだろう。 極端な話をすれば、 侵入できる入り口を全部潰せば良いです 入り口例 など アカウント サーバー パソコン
23.
WordPressの最新版を使うようにする。 ※現在自動更新はWordPress3.7から実装されています。 ※自動と言ってもマイナーバージョンのアップデートしかしません。 設定をすればメジャーバージョンのアップグレードも自動でしてくれます。 今日からできるセキュリティ対策
24.
複雑なパスワードを使う IDの管理も気をつける 人が安易に想像できるような パスワードは使わない。 共通で使っているパスワードは使わない。 ※複雑なパスワードを使っても 付箋使ってメモしていたりして人に見られるような 状態にはしないように。 パスワードの流出は人からです。 パスワード生成サービス http://www.luft.co.jp/cgi/randam.php IDにadminは絶対使わない 今日からできるセキュリティ対策
25.
大手のサーバー会社を使う 今日からできるセキュリティ対策
26.
PCにセキュリティソフトを入れる どんなにサーバー側で強固なセキュリティをしていても 別の入口から侵入できれば、意味がありません。 サーバー パソコン 今日からできるセキュリティ対策
27.
WordPressの公式が提供しているものを使う。 公式で公開されているものは第三者のチェックを受けているので 一定以上の品質が保証されています。 野良テーマ・プラグインを 使う場合は品質をチェックしてくれる。 プラグインがあります。 ※チェックを通ったからと言っても絶対問題がないと 言うわけではないので、気休め程度にお考えください。 http://wordpress.org/themes/ 【Theme-Check】 https://wordpress.org/plugins/theme-check/ 【Plugin-Check】 https://wordpress.org/plugins/plugin-check/ 今日からできるセキュリティ対策
28.
プラグインでできるセキュリティ対策 【 force Email
Login】 https://wordpress.org/plugins/force-email-login/ WordPressへのログイン方法をユーザー名からメールアドレスにして ブルートフォースアタック対策する。 【 Limit Login Attempts】 https://wordpress.org/plugins/limit-login-attempts/ ログイン認証に複数回失敗すると、ログイン画面を一定時間ロックし、 管理画面への不正ログインを防ぎます。 【 Crazy Bone】 https://wordpress.org/plugins/crazy-bone/ 管理画面にログインをしようとしたログを見ることができます。 今日からできるセキュリティ対策
29.
バックアップについて もしデータが改竄されてしまった場合バックアップがないと どうしようもありません。 なので、バックアップもきちんと取りましょう。 復旧するのもセキュリティの一環です。 【VaultPress】 Liteプランで月5$ 毎日バックアップを取ってくれる。 バックアップデータは30日保管 AUTOMATTIC社製 https://vaultpress.com/ 今日からできるセキュリティ対策
30.
WordPress案件の依頼をするとき、 コストを押さえれる(かもしれない)ポイント
31.
コストを抑えられる(かもしれない)ポイント WordPress設置代行費 初期設定費の節約 簡単インストールを使えば 1分とかかりません。 製作会社に依頼すると〇万円請求されたりします。 セキュリティ的にもFTPなどでアップするより こちらのほうが安全です。 ※少なくともパーミッションの設定に関して言えば
32.
コストを抑えられる(かもしれない)ポイント ベーステーマを選定する。 コーディング費用の節約 2600以上の公式テーマが配布されているので そこから近いものを探す。 [オプション] [テーマ一覧]
33.
ご清 聴ありがとうございました。 @maki_saki
Download now