Submit Search
Upload
テーマ作成初心者向け Word pressサイト構築のポイントと 便利なプラグイン
•
11 likes
•
4,772 views
kenji goto
Follow
2014.3.29 WordBench東京 WordBench東京3月: 春のデザイナー祭り! 「テーマ作成初心者向けWordPressサイト構築のポイントと便利なプラグイン」
Read less
Read more
Design
Report
Share
Report
Share
1 of 85
Download now
Download to read offline
Recommended
WordPress ブラウザで始めるカスタマイズ+ テーマの基礎的な知識
WordPress ブラウザで始めるカスタマイズ+ テーマの基礎的な知識
kenji goto
2014.10.24 コワーキングスペース茅場町Co-Edo 第15回ゼロから始めるWordPress勉強会〜「テーマをカスタマイズしてみる!」&懇親会〜
2014/03/29 WordBench TOKYO
2014/03/29 WordBench TOKYO
Takashi Kitamura
プロトタイプ時代の WordPressテーマの作り方・考え方
プロトタイプ時代の WordPressテーマの作り方・考え方
kenji goto
WordBench大分 第10回勉強会 【芸術の秋 Webデザインフェス】 2014年10月26日 @ホルトホール大分 内容は諸事情によりカットして公開。
WordPress 初心者さんが知っておいたほうが良い事&プラグインの紹介
WordPress 初心者さんが知っておいたほうが良い事&プラグインの紹介
kenji goto
Word bench 大分 発表資料 2014/05/17
クライアントと同じ方向を向くという事
クライアントと同じ方向を向くという事
kenji goto
WP-D Fes #01 2014 / 02 / 01 / sat Megane Fes in GMO これからのWeb制作について考える!
Web制作のためのおすすめツール
Web制作のためのおすすめツール
kenji goto
CPI Fan☆トークナイト! Vol.2 【ウェブ制作者必見】 CPIエバンジェリストが選ぶ 優良ツール100選 20分間のセッションで発表した資料です。
_s + bootstrapで始めるWordPressテーマ開発入門
_s + bootstrapで始めるWordPressテーマ開発入門
Hidetaka Okamoto
WordCamp Tokyo2015ハンズオンスライド(配布版)
今から始めよう!WordPressで作る女子ウケ★スマホサイト
今から始めよう!WordPressで作る女子ウケ★スマホサイト
rie05
WordCamp Osaka 2012でお話した「今から始めよう!WordPressで作る女子ウケ★スマホサイト」セッション資料です。
Recommended
WordPress ブラウザで始めるカスタマイズ+ テーマの基礎的な知識
WordPress ブラウザで始めるカスタマイズ+ テーマの基礎的な知識
kenji goto
2014.10.24 コワーキングスペース茅場町Co-Edo 第15回ゼロから始めるWordPress勉強会〜「テーマをカスタマイズしてみる!」&懇親会〜
2014/03/29 WordBench TOKYO
2014/03/29 WordBench TOKYO
Takashi Kitamura
プロトタイプ時代の WordPressテーマの作り方・考え方
プロトタイプ時代の WordPressテーマの作り方・考え方
kenji goto
WordBench大分 第10回勉強会 【芸術の秋 Webデザインフェス】 2014年10月26日 @ホルトホール大分 内容は諸事情によりカットして公開。
WordPress 初心者さんが知っておいたほうが良い事&プラグインの紹介
WordPress 初心者さんが知っておいたほうが良い事&プラグインの紹介
kenji goto
Word bench 大分 発表資料 2014/05/17
クライアントと同じ方向を向くという事
クライアントと同じ方向を向くという事
kenji goto
WP-D Fes #01 2014 / 02 / 01 / sat Megane Fes in GMO これからのWeb制作について考える!
Web制作のためのおすすめツール
Web制作のためのおすすめツール
kenji goto
CPI Fan☆トークナイト! Vol.2 【ウェブ制作者必見】 CPIエバンジェリストが選ぶ 優良ツール100選 20分間のセッションで発表した資料です。
_s + bootstrapで始めるWordPressテーマ開発入門
_s + bootstrapで始めるWordPressテーマ開発入門
Hidetaka Okamoto
WordCamp Tokyo2015ハンズオンスライド(配布版)
今から始めよう!WordPressで作る女子ウケ★スマホサイト
今から始めよう!WordPressで作る女子ウケ★スマホサイト
rie05
WordCamp Osaka 2012でお話した「今から始めよう!WordPressで作る女子ウケ★スマホサイト」セッション資料です。
WordPressカスタム投稿とカスタム分類を使ってみよう
WordPressカスタム投稿とカスタム分類を使ってみよう
kenji goto
第16回ゼロから始めるWordPress勉強会 〜「カスタム三兄弟の使い方」〜 2014-11-19 コワーキングスペース茅場町 Co-Edo
フリーランスに必要な “リサーチスキル”と仕事の作り方
フリーランスに必要な “リサーチスキル”と仕事の作り方
kenji goto
2014年4月18日に埼玉県大宮にあるコワーキングスペース7Fで行われたイベント「【初心者向け】フリーを歩みはじめた人たちへwith 後藤賢司&松田千尋~フリーランスの先輩が”実際”をガチで話します!~」で発表した際のスライドです。
BuddyPressで街のポータルサイトを作ろう
BuddyPressで街のポータルサイトを作ろう
松田 千尋
茅場町コワーキングスペースCo-EdoでWordPressでSNSサイトを作れるプラグインBuddyPressのプラグインについての勉強会を行いました。
2015年のWebを考える
2015年のWebを考える
kenji goto
WordBench大分 第11回勉強会&忘年会 2015年のWebについて考える! 2014.11.29 @Alliance Social Share Office Beppu LT用に作ったスライドです。
Word camposaka imaigo_slideshare
Word camposaka imaigo_slideshare
Go Imai
第10回ゼロからはじめるWordPress勉強会(初心者向け)
第10回ゼロからはじめるWordPress勉強会(初心者向け)
kenji goto
第10回ゼロからはじめるWordPress勉強会で使用した資料です。初心者向けにインストールから基本操作までをデモを中心にやりました。
WordPressってブログじゃないの?
WordPressってブログじゃないの?
tokumotonahoko
エンジニアの為のWordPress入門 〜WordPressはWebAppプラットフォームです〜
エンジニアの為のWordPress入門 〜WordPressはWebAppプラットフォームです〜
Yuji Nojima
WordCamp Osaka 2012 のセッションで発表させていただいた資料です。 この資料では、WordPress のカスタマイズを、 エンジニア寄りの視点で、解説させていただきます。 WordPressのカスタマイズはこれからだけど、PHPには精通されている方、一般的なWebアプリケーションフーレムワークでの開発の知識のある方などを主な対象として、当初つまずきやすいと思われる箇所や、私個人が疑問に思った箇所、気付くのに時間が掛かった箇所などを紹介させていただいています。
WordPressでウェブサービスを作ろう! #wbNagoya
WordPressでウェブサービスを作ろう! #wbNagoya
Shinichi Nishikawa
Word pressの可能性とplugin拡張
Word pressの可能性とplugin拡張
Yuya Matsushima
WordPress公式ディレクトリにテーマを登録しよう #wctokyo
WordPress公式ディレクトリにテーマを登録しよう #wctokyo
Hidekazu Ishikawa
WordCampTokyo 2015のスライドです。
まだタスクランナー使っていないって本当(マジ)? 仕事に対する効率化意識向上のための gulp ハンズオン : Wordcamp tokyo 2015
まだタスクランナー使っていないって本当(マジ)? 仕事に対する効率化意識向上のための gulp ハンズオン : Wordcamp tokyo 2015
Hiromu Hasegawa
2015年10月31日に行われた『WordCamp Tokyo 2015』のハンズオンで利用した補足スライドです。当日利用したものから必要な部分だけ抜粋したものです。
コミュニティ立ち上げのときに本当にあった恐い話
コミュニティ立ち上げのときに本当にあった恐い話
Mio Konagaya
WordCampTokyo2015で登壇をした内容です。
Launch a Web Service in 3 Days Using WordPress
Launch a Web Service in 3 Days Using WordPress
Kite Koga
WordPress プラグイン Infinite Scroll を試してみた
WordPress プラグイン Infinite Scroll を試してみた
Yuji Nojima
2012年10月開催の WordBench 神戸での発表資料です。シェアするにあたって、発表時とはタイトルのみ変更させて頂いています。
コードをさわらずにビジネスサイトを作ろう!
コードをさわらずにビジネスサイトを作ろう!
FLOW web planning & design
WordVolcano(2012.7.14@マルヤガーデンズ/鹿児島) ---------------------- HTML,CSS,PHPなどのコードをさわらずに、既存テーマとプラグインでビジネサイトを作ってみよう、というセッションを行いました。
ノンプログラマーのためのカンタンWordPressテーマ作成入門 〜子テーマでテーマ作成&カスタマイズ〜
ノンプログラマーのためのカンタンWordPressテーマ作成入門 〜子テーマでテーマ作成&カスタマイズ〜
Mignon Style
2015年10月31日に開催されたWordCamp Tokyo 2015でのセッションスライドです。
Bootstrap
Bootstrap
kenji goto
201409 ゼロから始めるWordPress勉強会 「Sass+Bootstrap+_sでテーマを作ろう」の中で使用したBootstrapについてのスライドです。 http://zerokarawp.com/ http://coedo-wordpress.doorkeeper.jp/events/14849
愛があれば発信できる!WordPressで作る焼き鳥ポータルサイト~公式テーマ・プラグインと子テーマの活用~|WordCamp Tokyo 2015
愛があれば発信できる!WordPressで作る焼き鳥ポータルサイト~公式テーマ・プラグインと子テーマの活用~|WordCamp Tokyo 2015
Yoshinori Kobayashi
WordCampTokyo 2015 でのセッションスライド 愛があれば発信できる!WordPressで作る焼き鳥ポータルサイト~公式テーマ・プラグインと子テーマの活用~ 今回お話した内容 ・WordPressの可能性とスケール感を知る ・焼き鳥サイトのデモとサイト構成 ・WordPress公式テーマの活用 ・WordPress公式プラグインの活用 ・WordPressのリデザイン(子テーマ) 自分が好きな焼き鳥をテーマとして、おすすめのプラグインやカスタムフィールドを活用しても店舗出力などを説明しています。 子テーマで効率的に修正するために、add_filter や add_action についてもふれました。 ================= ◆制作業務 TickleCodeという屋号でJavaScript、WordPressでのWebサイト制作やSwiftでのアプリ開発、Ruby on RailsでのWebサービス開発などを行なう。 業務請負や受託制作を行いながら、自社ポータルサイト・Webサービスサイトの制作運営を行なう。 地域のポータルサイトや、旅行系サイト、不動産系サイトの制作運営は本人も興味が強いので、めっぽう強い。 [運営サイト] TickleCode: 技術的な情報を整理して掲載している http://ticklecode.com/ I Love Yakitori!: 焼き鳥が好きなので焼き鳥店の取材をしてWebサイトへ掲載している http://yakitori-ya.net/ ◆勉強会、コミュニティ オープンソースであるWordPressのコミュニティ・イベントの運営にも携わりながら、自らも勉強会やイベントを企画運営する。 WordPressもくもく倶楽部、Swiftビギナーズ倶楽部など、多数の勉強会・セミナーの開催を行い、自身もスピーカーや講師を行っている。 [定期開催している勉強会] Swiftビギナーズ倶楽部: 2014年11月より開催。SwiftでiOSアプリ開発を勉強するための会。 https://swift-beginners.doorkeeper.jp/ WordPressもくもく倶楽部: 2014年11月より開催。WordPressでの制作・運営を勉強するための会。 https://wp-moku.doorkeeper.jp/ WordPressコントリビュート倶楽部: 2015年12月より開催。WordPressコントリビュート(翻訳、プラグインなどの貢献活動)を勉強するための会。 https://wpmake.doorkeeper.jp/ Ruby / Ruby on Rails ビギナーズ勉強会: 2015年1月より開催。Ruby on Railsでの制作・運営を勉強するための会。 https://coedo-rails.doorkeeper.jp/
これが長崎生まれ長崎育ち!スーパーお問い合わせフォーム MW WP Form だ!+ α
これが長崎生まれ長崎育ち!スーパーお問い合わせフォーム MW WP Form だ!+ α
タカシ キタジマ
WordBench大分 第10回勉強会 【芸術の秋 Webデザインフェス】で発表したスライドです。
Prejob wordpress v2_1121
Prejob wordpress v2_1121
Shohei Aoyama
prejob
Prejob wordpress v2_1121
Prejob wordpress v2_1121
Shohei Aoyama
prejob
More Related Content
What's hot
WordPressカスタム投稿とカスタム分類を使ってみよう
WordPressカスタム投稿とカスタム分類を使ってみよう
kenji goto
第16回ゼロから始めるWordPress勉強会 〜「カスタム三兄弟の使い方」〜 2014-11-19 コワーキングスペース茅場町 Co-Edo
フリーランスに必要な “リサーチスキル”と仕事の作り方
フリーランスに必要な “リサーチスキル”と仕事の作り方
kenji goto
2014年4月18日に埼玉県大宮にあるコワーキングスペース7Fで行われたイベント「【初心者向け】フリーを歩みはじめた人たちへwith 後藤賢司&松田千尋~フリーランスの先輩が”実際”をガチで話します!~」で発表した際のスライドです。
BuddyPressで街のポータルサイトを作ろう
BuddyPressで街のポータルサイトを作ろう
松田 千尋
茅場町コワーキングスペースCo-EdoでWordPressでSNSサイトを作れるプラグインBuddyPressのプラグインについての勉強会を行いました。
2015年のWebを考える
2015年のWebを考える
kenji goto
WordBench大分 第11回勉強会&忘年会 2015年のWebについて考える! 2014.11.29 @Alliance Social Share Office Beppu LT用に作ったスライドです。
Word camposaka imaigo_slideshare
Word camposaka imaigo_slideshare
Go Imai
第10回ゼロからはじめるWordPress勉強会(初心者向け)
第10回ゼロからはじめるWordPress勉強会(初心者向け)
kenji goto
第10回ゼロからはじめるWordPress勉強会で使用した資料です。初心者向けにインストールから基本操作までをデモを中心にやりました。
WordPressってブログじゃないの?
WordPressってブログじゃないの?
tokumotonahoko
エンジニアの為のWordPress入門 〜WordPressはWebAppプラットフォームです〜
エンジニアの為のWordPress入門 〜WordPressはWebAppプラットフォームです〜
Yuji Nojima
WordCamp Osaka 2012 のセッションで発表させていただいた資料です。 この資料では、WordPress のカスタマイズを、 エンジニア寄りの視点で、解説させていただきます。 WordPressのカスタマイズはこれからだけど、PHPには精通されている方、一般的なWebアプリケーションフーレムワークでの開発の知識のある方などを主な対象として、当初つまずきやすいと思われる箇所や、私個人が疑問に思った箇所、気付くのに時間が掛かった箇所などを紹介させていただいています。
WordPressでウェブサービスを作ろう! #wbNagoya
WordPressでウェブサービスを作ろう! #wbNagoya
Shinichi Nishikawa
Word pressの可能性とplugin拡張
Word pressの可能性とplugin拡張
Yuya Matsushima
WordPress公式ディレクトリにテーマを登録しよう #wctokyo
WordPress公式ディレクトリにテーマを登録しよう #wctokyo
Hidekazu Ishikawa
WordCampTokyo 2015のスライドです。
まだタスクランナー使っていないって本当(マジ)? 仕事に対する効率化意識向上のための gulp ハンズオン : Wordcamp tokyo 2015
まだタスクランナー使っていないって本当(マジ)? 仕事に対する効率化意識向上のための gulp ハンズオン : Wordcamp tokyo 2015
Hiromu Hasegawa
2015年10月31日に行われた『WordCamp Tokyo 2015』のハンズオンで利用した補足スライドです。当日利用したものから必要な部分だけ抜粋したものです。
コミュニティ立ち上げのときに本当にあった恐い話
コミュニティ立ち上げのときに本当にあった恐い話
Mio Konagaya
WordCampTokyo2015で登壇をした内容です。
Launch a Web Service in 3 Days Using WordPress
Launch a Web Service in 3 Days Using WordPress
Kite Koga
WordPress プラグイン Infinite Scroll を試してみた
WordPress プラグイン Infinite Scroll を試してみた
Yuji Nojima
2012年10月開催の WordBench 神戸での発表資料です。シェアするにあたって、発表時とはタイトルのみ変更させて頂いています。
コードをさわらずにビジネスサイトを作ろう!
コードをさわらずにビジネスサイトを作ろう!
FLOW web planning & design
WordVolcano(2012.7.14@マルヤガーデンズ/鹿児島) ---------------------- HTML,CSS,PHPなどのコードをさわらずに、既存テーマとプラグインでビジネサイトを作ってみよう、というセッションを行いました。
ノンプログラマーのためのカンタンWordPressテーマ作成入門 〜子テーマでテーマ作成&カスタマイズ〜
ノンプログラマーのためのカンタンWordPressテーマ作成入門 〜子テーマでテーマ作成&カスタマイズ〜
Mignon Style
2015年10月31日に開催されたWordCamp Tokyo 2015でのセッションスライドです。
Bootstrap
Bootstrap
kenji goto
201409 ゼロから始めるWordPress勉強会 「Sass+Bootstrap+_sでテーマを作ろう」の中で使用したBootstrapについてのスライドです。 http://zerokarawp.com/ http://coedo-wordpress.doorkeeper.jp/events/14849
愛があれば発信できる!WordPressで作る焼き鳥ポータルサイト~公式テーマ・プラグインと子テーマの活用~|WordCamp Tokyo 2015
愛があれば発信できる!WordPressで作る焼き鳥ポータルサイト~公式テーマ・プラグインと子テーマの活用~|WordCamp Tokyo 2015
Yoshinori Kobayashi
WordCampTokyo 2015 でのセッションスライド 愛があれば発信できる!WordPressで作る焼き鳥ポータルサイト~公式テーマ・プラグインと子テーマの活用~ 今回お話した内容 ・WordPressの可能性とスケール感を知る ・焼き鳥サイトのデモとサイト構成 ・WordPress公式テーマの活用 ・WordPress公式プラグインの活用 ・WordPressのリデザイン(子テーマ) 自分が好きな焼き鳥をテーマとして、おすすめのプラグインやカスタムフィールドを活用しても店舗出力などを説明しています。 子テーマで効率的に修正するために、add_filter や add_action についてもふれました。 ================= ◆制作業務 TickleCodeという屋号でJavaScript、WordPressでのWebサイト制作やSwiftでのアプリ開発、Ruby on RailsでのWebサービス開発などを行なう。 業務請負や受託制作を行いながら、自社ポータルサイト・Webサービスサイトの制作運営を行なう。 地域のポータルサイトや、旅行系サイト、不動産系サイトの制作運営は本人も興味が強いので、めっぽう強い。 [運営サイト] TickleCode: 技術的な情報を整理して掲載している http://ticklecode.com/ I Love Yakitori!: 焼き鳥が好きなので焼き鳥店の取材をしてWebサイトへ掲載している http://yakitori-ya.net/ ◆勉強会、コミュニティ オープンソースであるWordPressのコミュニティ・イベントの運営にも携わりながら、自らも勉強会やイベントを企画運営する。 WordPressもくもく倶楽部、Swiftビギナーズ倶楽部など、多数の勉強会・セミナーの開催を行い、自身もスピーカーや講師を行っている。 [定期開催している勉強会] Swiftビギナーズ倶楽部: 2014年11月より開催。SwiftでiOSアプリ開発を勉強するための会。 https://swift-beginners.doorkeeper.jp/ WordPressもくもく倶楽部: 2014年11月より開催。WordPressでの制作・運営を勉強するための会。 https://wp-moku.doorkeeper.jp/ WordPressコントリビュート倶楽部: 2015年12月より開催。WordPressコントリビュート(翻訳、プラグインなどの貢献活動)を勉強するための会。 https://wpmake.doorkeeper.jp/ Ruby / Ruby on Rails ビギナーズ勉強会: 2015年1月より開催。Ruby on Railsでの制作・運営を勉強するための会。 https://coedo-rails.doorkeeper.jp/
これが長崎生まれ長崎育ち!スーパーお問い合わせフォーム MW WP Form だ!+ α
これが長崎生まれ長崎育ち!スーパーお問い合わせフォーム MW WP Form だ!+ α
タカシ キタジマ
WordBench大分 第10回勉強会 【芸術の秋 Webデザインフェス】で発表したスライドです。
What's hot
(20)
WordPressカスタム投稿とカスタム分類を使ってみよう
WordPressカスタム投稿とカスタム分類を使ってみよう
フリーランスに必要な “リサーチスキル”と仕事の作り方
フリーランスに必要な “リサーチスキル”と仕事の作り方
BuddyPressで街のポータルサイトを作ろう
BuddyPressで街のポータルサイトを作ろう
2015年のWebを考える
2015年のWebを考える
Word camposaka imaigo_slideshare
Word camposaka imaigo_slideshare
第10回ゼロからはじめるWordPress勉強会(初心者向け)
第10回ゼロからはじめるWordPress勉強会(初心者向け)
WordPressってブログじゃないの?
WordPressってブログじゃないの?
エンジニアの為のWordPress入門 〜WordPressはWebAppプラットフォームです〜
エンジニアの為のWordPress入門 〜WordPressはWebAppプラットフォームです〜
WordPressでウェブサービスを作ろう! #wbNagoya
WordPressでウェブサービスを作ろう! #wbNagoya
Word pressの可能性とplugin拡張
Word pressの可能性とplugin拡張
WordPress公式ディレクトリにテーマを登録しよう #wctokyo
WordPress公式ディレクトリにテーマを登録しよう #wctokyo
まだタスクランナー使っていないって本当(マジ)? 仕事に対する効率化意識向上のための gulp ハンズオン : Wordcamp tokyo 2015
まだタスクランナー使っていないって本当(マジ)? 仕事に対する効率化意識向上のための gulp ハンズオン : Wordcamp tokyo 2015
コミュニティ立ち上げのときに本当にあった恐い話
コミュニティ立ち上げのときに本当にあった恐い話
Launch a Web Service in 3 Days Using WordPress
Launch a Web Service in 3 Days Using WordPress
WordPress プラグイン Infinite Scroll を試してみた
WordPress プラグイン Infinite Scroll を試してみた
コードをさわらずにビジネスサイトを作ろう!
コードをさわらずにビジネスサイトを作ろう!
ノンプログラマーのためのカンタンWordPressテーマ作成入門 〜子テーマでテーマ作成&カスタマイズ〜
ノンプログラマーのためのカンタンWordPressテーマ作成入門 〜子テーマでテーマ作成&カスタマイズ〜
Bootstrap
Bootstrap
愛があれば発信できる!WordPressで作る焼き鳥ポータルサイト~公式テーマ・プラグインと子テーマの活用~|WordCamp Tokyo 2015
愛があれば発信できる!WordPressで作る焼き鳥ポータルサイト~公式テーマ・プラグインと子テーマの活用~|WordCamp Tokyo 2015
これが長崎生まれ長崎育ち!スーパーお問い合わせフォーム MW WP Form だ!+ α
これが長崎生まれ長崎育ち!スーパーお問い合わせフォーム MW WP Form だ!+ α
Similar to テーマ作成初心者向け Word pressサイト構築のポイントと 便利なプラグイン
Prejob wordpress v2_1121
Prejob wordpress v2_1121
Shohei Aoyama
prejob
Prejob wordpress v2_1121
Prejob wordpress v2_1121
Shohei Aoyama
prejob
テーマ制作時の疑問とノンプログラマーにも優しいテーマを考える
テーマ制作時の疑問とノンプログラマーにも優しいテーマを考える
Tsuyoshi.
第3.5.2回 WordBench Fukuokaでお話した時のスライドです。
Home.phpを使ってtopページをカスタマイズしよう!
Home.phpを使ってtopページをカスタマイズしよう!
Takashi Hosoya
WordPressプラグイン作成入門
WordPressプラグイン作成入門
Yuji Nojima
本資料は、WordPress のプラグイン作成の基本を解説しています。エンジニア寄りの解説ですが、デザイナーさんにも読んで頂ける内容かと思います。 セッション内容の出典は WordBench 神戸の元管理人 @horike37 さんです。ご本人に確認して本セッションでの利用の許可いただきました。 僕自身は、@horike37 さんのセッションでWordPress に感動し、WordPress の活用に目覚めた人でございます。本セッションでも、その感動を共有できたらと思っています。
これからWordPressのテーマ制作をはじめる人のために 〜テーマを作って公式ディレクトリに登録しよう!〜
これからWordPressのテーマ制作をはじめる人のために 〜テーマを作って公式ディレクトリに登録しよう!〜
Mignon Style
2014年10月11日に開催されたWordCamp Tokyo 2014でのセッションスライドです。
WordPress実践 導入からカスタマイズまで
WordPress実践 導入からカスタマイズまで
Takashi Uemura
WordPressの導入からかすたまいずm
WordPressの常識をくつがえす超簡単テーマ"doshirouto"を作ったのでこれでテーマを理解しよう!
WordPressの常識をくつがえす超簡単テーマ"doshirouto"を作ったのでこれでテーマを理解しよう!
Takashi Uemura
WordPressを自分の好きなようにデザインしたい! と思ったけどどうやったらいいか分からない! デフォルトのデザインテンプレートが難しすぎる! という方のために、次期バージョンに同梱されるtwentythirteenテーマを改造して超簡単なテンプレートを作ったので配布します。これを使ってWordPressのテンプレートを理解しましょう。
Webteko 20090925
Webteko 20090925
だいすけ ふるかわ
WordPressって何
WordPressって何
Kazue Igarashi
WordBench仙台2012年12月勉強会用資料。 初心者向けWordPressの紹介とインストール、勉強方法など。
Wordpressスマートフォンテーマ作成
Wordpressスマートフォンテーマ作成
Yoshie Nakayama
第5回Wordbench宮崎で、オリジナルスマートフォンテーマ作成のデモンストレーションを行いました。WordPressのテーマ作成の基本から、jQueryMobileの装飾までの内容です。
Wordpressで自分好みのテーマを作る
Wordpressで自分好みのテーマを作る
Takashi Uemura
WordPress中級者への道!テンプレートタグはどう動くのか!?
WordPress中級者への道!テンプレートタグはどう動くのか!?
Shinichi Nishikawa
こういうふうに説明してもらえたら、もっと速く理解できたのにな、ということをまとめて見ました。 テンプレートタグの使い方だけでなく、テンプレートタグが動くに至るまでの仕組みについて、サーバ、htmlとphpの関係、データベースなどの話を絡めて作っています。 初心者がWordPressをインストールした時に、ぶつかる壁について話をしたつもりです。 上級者には初心者が何に躓き易いかが気が付きにくく、初心者は自分が何がわからなくて迷子になっているのかが分からない。 その間が埋められればと思っています。 YouTubeに動画が上がるそうなので、そちらもお楽しみに!
WordPressのオススメスライドとか記事とか集めました。(2012.10.13 WordBench神戸)
WordPressのオススメスライドとか記事とか集めました。(2012.10.13 WordBench神戸)
Takashi Uemura
WordPressのスライドやブログ記事で、特に人気の高いものをカテゴリ別に集めました。2011年〜2012年に発表されたものが対象です。
WordBench京都版 _sハンズオン
WordBench京都版 _sハンズオン
Hidetaka Okamoto
WordCamp Kansai 2015 テーマ作成ハンズオン再演。 _sに絞ってWordBench京都向けにリメイクしています。
CakeMatsuri事例紹介「CakePHPでつくる地域SNS ~全国40ヶ所以上で展開する地域SNSのシステム~」
CakeMatsuri事例紹介「CakePHPでつくる地域SNS ~全国40ヶ所以上で展開する地域SNSのシステム~」
柴田 篤志
WordPress初心者テーマ作成勉強会
WordPress初心者テーマ作成勉強会
Tsuyoshi.
WordPress初心者テーマ作成勉強会でお話した時のスライドです。
WordPressの常識をくつがえす超簡単テーマ doshirouto2014 を作ったのでこれでテーマを理解しよう!
WordPressの常識をくつがえす超簡単テーマ doshirouto2014 を作ったのでこれでテーマを理解しよう!
Takashi Uemura
WordPressのデフォルトテーマTwenty Fourteenをカスタマイズした超簡単テーマdoshirouto2014を作りました。
WordPress公式テーマ登録のための5ステップ
WordPress公式テーマ登録のための5ステップ
Mignon Style
2014年8月30日に開催されたWordFes Nagoya 2014でのセッションスライドです。
はじめてのWord pressプラグイン勉強会
はじめてのWord pressプラグイン勉強会
Takahiro Nakahata
2012年8月2日にコワーキングスペース恵比寿で開催した勉強会のスライドです。 いろいろつっこみどころはありますが、どうか、暖かい目で見守ってやってください。
Similar to テーマ作成初心者向け Word pressサイト構築のポイントと 便利なプラグイン
(20)
Prejob wordpress v2_1121
Prejob wordpress v2_1121
Prejob wordpress v2_1121
Prejob wordpress v2_1121
テーマ制作時の疑問とノンプログラマーにも優しいテーマを考える
テーマ制作時の疑問とノンプログラマーにも優しいテーマを考える
Home.phpを使ってtopページをカスタマイズしよう!
Home.phpを使ってtopページをカスタマイズしよう!
WordPressプラグイン作成入門
WordPressプラグイン作成入門
これからWordPressのテーマ制作をはじめる人のために 〜テーマを作って公式ディレクトリに登録しよう!〜
これからWordPressのテーマ制作をはじめる人のために 〜テーマを作って公式ディレクトリに登録しよう!〜
WordPress実践 導入からカスタマイズまで
WordPress実践 導入からカスタマイズまで
WordPressの常識をくつがえす超簡単テーマ"doshirouto"を作ったのでこれでテーマを理解しよう!
WordPressの常識をくつがえす超簡単テーマ"doshirouto"を作ったのでこれでテーマを理解しよう!
Webteko 20090925
Webteko 20090925
WordPressって何
WordPressって何
Wordpressスマートフォンテーマ作成
Wordpressスマートフォンテーマ作成
Wordpressで自分好みのテーマを作る
Wordpressで自分好みのテーマを作る
WordPress中級者への道!テンプレートタグはどう動くのか!?
WordPress中級者への道!テンプレートタグはどう動くのか!?
WordPressのオススメスライドとか記事とか集めました。(2012.10.13 WordBench神戸)
WordPressのオススメスライドとか記事とか集めました。(2012.10.13 WordBench神戸)
WordBench京都版 _sハンズオン
WordBench京都版 _sハンズオン
CakeMatsuri事例紹介「CakePHPでつくる地域SNS ~全国40ヶ所以上で展開する地域SNSのシステム~」
CakeMatsuri事例紹介「CakePHPでつくる地域SNS ~全国40ヶ所以上で展開する地域SNSのシステム~」
WordPress初心者テーマ作成勉強会
WordPress初心者テーマ作成勉強会
WordPressの常識をくつがえす超簡単テーマ doshirouto2014 を作ったのでこれでテーマを理解しよう!
WordPressの常識をくつがえす超簡単テーマ doshirouto2014 を作ったのでこれでテーマを理解しよう!
WordPress公式テーマ登録のための5ステップ
WordPress公式テーマ登録のための5ステップ
はじめてのWord pressプラグイン勉強会
はじめてのWord pressプラグイン勉強会
More from kenji goto
フリーランスデザイナーとクライアントとのつきあい方
フリーランスデザイナーとクライアントとのつきあい方
kenji goto
2017/02/11に開催された!Important #03 -コミュニケーションで決める制作フローの良し悪し-@福岡 AQUA博多で発表したスライドを一部加筆修正したものです。 https://www.web-important.com/03/ パネルディスカッション https://www.facebook.com/importantsem/videos/1429207594045554/?hc_ref=PAGES_TIMELINE よつばデザイン http://yotsuba-d.com/
デザインしないデザイナーになる
デザインしないデザイナーになる
kenji goto
2017/01/28 Creators MeetUp#48 コワーキングスペース茅場町 Co-Edo(コエド) にて発表したスライドです。 スライドの補足はブログで。 http://wp.me/p2T02C-22Q
デザイン・制作をはじめる前に 取り組む事
デザイン・制作をはじめる前に 取り組む事
kenji goto
2016/07/23 CPI MEGAMIX @KDDIウェブコミュニケーションズ
デザインの「時間と距離感」の考え方
デザインの「時間と距離感」の考え方
kenji goto
2016/4/13 WP-D Week、2016/05/28 大分クリエイターズでの発表資料を編集したものです。 事例写真は公開できないので削除しています。
デザイナーの考えている事
デザイナーの考えている事
kenji goto
2016/03/26 mixiで開催された Creators MeetUp #38 で発表した資料です。
Webデザインのこれからを考える
Webデザインのこれからを考える
kenji goto
2015/08/28 FUNIT「月イチOUTPUT!vol.3 〜私が考える最近、そして未来のデザイン〜」 というテーマでデザイナーの方向けにお話した時のスライドです。
webクリエイターのための情報交換所sp(2015年半期決算)
webクリエイターのための情報交換所sp(2015年半期決算)
kenji goto
2015/06/18 CPI x CSS Nite x 優クリエイト「After Dark」(23)「webクリエイターのための情報交換所sp(2015年半期決算)」で発表した資料です。 Facebookグループに投稿いただいた中からピックアップして、前川さん、菱川さん、後藤の三人でお話させていただきました。 webクリエイターのための情報交換所はこちらになります。 https://www.facebook.com/groups/241838242545737/
制作効率化のための素材探しと情報収集術
制作効率化のための素材探しと情報収集術
kenji goto
2015.5.10 Adobe User Group Oita × CSS Nite
プロトタイプとWebサイト設計のワークフロー
プロトタイプとWebサイト設計のワークフロー
kenji goto
WP-D Fes #03 in GMO Yours Web制作の最新事情を理解制作現場をいまこそアップデートしましょう!! Tokyo 2015.02.22.sun Osaka 2015.03.07.sat 動画埋め込み分は掲載しておりません。
Webサイトの設計を考えてみよう(前半)
Webサイトの設計を考えてみよう(前半)
kenji goto
2015年1月31日 新宿アイランドタワーで「会社サイト、飲食店のWebサイトの設計を考えてみよう」という勉強会で使用したスライドの前半部分のみ公開します。 後半は構成への落とし込み・運営の考え方までやりました。 対象は企業のWeb担当者や、これから自分でWebサイトを作りたい人。 勉強会では、架空の要件定義でのグループワークや実際に各自で作りたいWebサイトを考える&設計するところまでやりました。 ※説明で補足している部分も多いので、これだけだとつながりがわかりにくい箇所もあるかもしれません。
コードを書かずにレイアウトが出来る WordPress の Page Builder プラグイン
コードを書かずにレイアウトが出来る WordPress の Page Builder プラグイン
kenji goto
2015/01/30 WordBench東京で発表したスライド
〜デザイン初心者向け〜 デザイン時に気をつけると幸せになれる事
〜デザイン初心者向け〜 デザイン時に気をつけると幸せになれる事
kenji goto
2014.12.20 第23回Creators MeetUp @いいオフィス(上野) で発表したスライドです。 よつばデザイン 後藤賢司
第11回ゼロから始めるWordPress勉強会
第11回ゼロから始めるWordPress勉強会
kenji goto
第11回ゼロから始めるWordPress勉強会 〜初心者の悩みを共有しよう〜 ゼロから始めるWordPress勉強会 3Days の2日目の資料です。 コワーキングスペース茅場町 Co-Edoにて開催。
More from kenji goto
(13)
フリーランスデザイナーとクライアントとのつきあい方
フリーランスデザイナーとクライアントとのつきあい方
デザインしないデザイナーになる
デザインしないデザイナーになる
デザイン・制作をはじめる前に 取り組む事
デザイン・制作をはじめる前に 取り組む事
デザインの「時間と距離感」の考え方
デザインの「時間と距離感」の考え方
デザイナーの考えている事
デザイナーの考えている事
Webデザインのこれからを考える
Webデザインのこれからを考える
webクリエイターのための情報交換所sp(2015年半期決算)
webクリエイターのための情報交換所sp(2015年半期決算)
制作効率化のための素材探しと情報収集術
制作効率化のための素材探しと情報収集術
プロトタイプとWebサイト設計のワークフロー
プロトタイプとWebサイト設計のワークフロー
Webサイトの設計を考えてみよう(前半)
Webサイトの設計を考えてみよう(前半)
コードを書かずにレイアウトが出来る WordPress の Page Builder プラグイン
コードを書かずにレイアウトが出来る WordPress の Page Builder プラグイン
〜デザイン初心者向け〜 デザイン時に気をつけると幸せになれる事
〜デザイン初心者向け〜 デザイン時に気をつけると幸せになれる事
第11回ゼロから始めるWordPress勉強会
第11回ゼロから始めるWordPress勉強会
テーマ作成初心者向け Word pressサイト構築のポイントと 便利なプラグイン
1.
テーマ作成初心者向け WordPressサイト構築のポイントと 便利なプラグイン よつばデザイン 後藤賢司 2014.3.29 WordBench
東京 in GMO
2.
自己紹介 よつばデザイン 後藤賢司 出版社∼デザイン会社∼Web制作会社∼企画会社∼独立 東京と大分の2拠点で活動中(月の半分ずつ) Webサイトの企画・デザインやメディアサイトやってます
3.
和菓子が好き
4.
WP-D グリーン CPIエバンジェリスト ゼロから始めるWordPress勉強会(facebookグループ) Webクリエイターのための情報交換所(facebookグループ) すみだクリクラ 活動
5.
COCOmag 子どもと一緒の毎日を 楽しく、可愛くする情報 (メディアサイト) http://COCOmag.net
6.
よろずサウンド 著作権フリーのBGM販売サイト yorozusound.com
7.
今日の内容 1. テーマ作成前に知っておきたい事 2. こんな事で困った 3.
テンプレートの仕組みについて 4. プラグインの紹介
8.
テーマ作成初心者が対象です。
9.
WordPressのテーマを 作った事ありますか?
10.
テーマを触るには プログラムの知識が必要になる
11.
テーマを 作成するようになった きっかけ
12.
イメージに一番近いテーマを ひたすら探す日々
13.
訴求ポイント重視すると あてはまるテーマがない
14.
PHPがわからないけど
15.
ちょっとやってみよう…
16.
既存テーマの カスタマイズからスタート
17.
CSSとかは何とかなるけど PHP部分はさっぱり
18.
1箇所変えては確認
19.
すごい時間がかかりました
20.
決まり事とかは 理解しておきたい
21.
基礎知識
22.
静的なHTMLと違うところ
23.
PHP
24.
WordPress独自のタグ <?php get_header(); ?> ! <?php
if (is_front_page()): ?> トップページだけこの部分を表示します。 <?php else: ?> トップページ以外はこの部分を表示します。 <?php endif; ?>
25.
必要なものから覚えれば良い
26.
データベース
27.
データを置いてるところ 倉庫みたいなもの
28.
「ループ」について
29.
お知らせカテゴリーの記事の 最新5件を表示したい
30.
データベースのイメージ
31.
最新5件の記事を取得
32.
個人的なイメージ
33.
お医者さんで診察して 薬局で必要な薬を出してもらう ような事が行われてる
34.
テーマの仕組み
35.
最低限必要なもの ! index.php style.css ※テーマ名
36.
index.php header.php sidebar.php footer.php style.css 良くあるテーマの構成
37.
テンプレート名と対応順序
38.
参照されるテンプレートには 優先順位があります
39.
http://wpdocs.sourceforge.jp/テンプレート階層
40.
固定ページの場合 優先順位 page-$slug.php (page-about.php、page-contact.php) page-$id.php (page-23.php) page.php index.php
41.
テンプレートに必要です。 </head>直前に記述 <?php wp_head(); ?> ! </body>直前に記述 <?php
wp_footer(); ?> プラグインがちゃんと動いてく れなかったり。 初めてテーマ自作する時に忘れ がちなので注意。
42.
今使用中のテーマで何のファイルを使ってるか知りたい場合は、この プラグインを入れると確認できます。 http://wordpress.org/plugins/show-current-template/
43.
デザインの落とし込み
44.
45.
お知らせ一覧 個別記事 トップページ 当社について 事業案内 アクセス
お問合せ 事業案内1 事業案内2
46.
トップページをしっかり作る index.php front-page.php 投稿記事や 固定ページを表示 トップページ用
47.
こういうのって どこを見ればいいの?
48.
Codexに詳しく書いてます http://wpdocs.sourceforge.jp/テンプレート階層
49.
固定ページの種類を増やしたい 見せ方を柔軟に対応したい
50.
固定ページ用のテンプレートを作る 固定ページ用のテンプレートを作る。 指定は編集画面で出来ます。 テンプレートには名前をつける。 ※テンプレートの最初に記述 <?php /* Template Name:wide */ ?>
51.
固定ページのテンプレート例 例:サイドバーを 表示させないテンプレート page-wide.php。 色を変える等、個別でアレンジ しやすくなる。 地図を大きく見せたり お問合せフォーム以外は 表示させずに 離脱率の低下を狙ったり サイドバー無しテンプレート
52.
サイドバーのバリエーションが欲しい 投稿記事 事業案内
53.
sidebar.phpを複数作る 通常はこのように使う。 違うレイアウトのサイドバーを 使いたい…。
54.
sidebar.phpを複数作る sidebar-service.phpのように 別のサイドバーを用意する。 ハイフンの後に名前をつけると このように読み込める。 <?php get_sidebar('service'); ?>
55.
例:トップページだけいろいろ変えたい front-page.php header-top.php sidebar-top.php footer-top.php front-page.phpに 全部記述してもOK <?php get_footer( top
); ?> <?php get_header( top ); ?> <?php get_sidebar( top ); ?> front-page.php header-top.php footer-top.php sidebar-top.php
56.
バリエーション展開は簡単 ヘッダーを状況に応じて使い分けたり。 <?php get_footer(); ?> <?php
get_header(); ?> <?php get_sidebar(); ?> index.php header.php footer.php sidebar.php <?php get_footer( top ); ?> <?php get_header( top ); ?> <?php get_sidebar( top ); ?> front-page.php header-top.php footer-top.php sidebar-top.php
57.
ページ毎に作っても良い <?php get_footer(); ?> <?php
get_header(); ?> <?php get_sidebar(); ?> index.php header.php footer.php sidebar.php <?php get_footer( top ); ?> <?php get_header( top ); ?> <?php get_sidebar( top ); ?> front-page.php header-top.php footer-top.php sidebar-top.php <?php get_footer(); ?> <?php get_header(); ?> <?php get_sidebar(); ?> index.php header.php footer.php sidebar.php <?php get_footer( top ); ?> <?php get_header( top ); ?> <?php get_sidebar( top ); ?> front-page.php header-top.php footer-top.php sidebar-top.php <?php get_footer(); ?> <?php get_header(); ?> <?php get_sidebar(); ?> index.php header.php footer.php sidebar.php <?php get_footer( top ); ?> <?php get_header( top ); ?> <?php get_sidebar( top ); ?> front-page.php header-top.php footer-top.php sidebar-top.php <?php get_footer(); ?> <?php get_header(); ?> <?php get_sidebar(); ?> index.php header.php footer.php sidebar.php <?php get_footer( top ); ?> <?php get_header( top ); ?> <?php get_sidebar( top ); ?> front-page.php header-top.php footer-top.php sidebar-top.php <?php get_footer(); ?> <?php get_header(); ?> <?php get_sidebar(); ?> index.php header.php footer.php sidebar.php <?php get_footer( top ); ?> <?php get_header( top ); ?> <?php get_sidebar( top ); ?> front-page.php header-top.php footer-top.php sidebar-top.php <?php get_footer(); ?> <?php get_header(); ?> <?php get_sidebar(); ?> index.php header.php footer.php sidebar.php <?php get_footer( top ); ?> <?php get_header( top ); ?> <?php get_sidebar( top ); ?> front-page.php header-top.php footer-top.php sidebar-top.php <?php get_footer(); ?> <?php get_header(); ?> <?php get_sidebar(); ?> index.php header.php footer.php sidebar.php <?php get_footer( top ); ?> <?php get_header( top ); ?> <?php get_sidebar( top ); ?> front-page.php header-top.php footer-top.php sidebar-top.php <?php get_footer(); ?> <?php get_header(); ?> <?php get_sidebar(); ?> index.php header.php footer.php sidebar.php <?php get_footer( top ); ?> <?php get_header( top ); ?> <?php get_sidebar( top ); ?> front-page.php header-top.php footer-top.php sidebar-top.php <?php get_footer(); ?> <?php get_header(); ?> <?php get_sidebar(); ?> index.php header.php footer.php sidebar.php <?php get_footer( top ); ?> <?php get_header( top ); ?> <?php get_sidebar( top ); ?> front-page.php header-top.php footer-top.php sidebar-top.php
58.
事業内容ページの例
59.
事業内容ページの例 sidebar-service.phpを読み込んだ 固定ページテンプレート page-service.phpを使用 page-service.php
60.
事業内容ページの例 sidebar-service.phpを読み込んだ 固定ページテンプレート page-service.phpを使用 page-service.php page-wide.php 事業内容のトップは サイドバー無しの テンプレートを適用
61.
お知らせ一覧 index.php 個別記事 single.php トップページ front-page.php 当社について page.php 事業案内 page-wide.php アクセス page-wide.php お問合せ page-wide.php 事業案内1 page-service.php 事業案内2 page-service.php
62.
カスタム投稿タイプは プラグインや ジェネレーターで対応
63.
ジェネレーターサイトを使う カスタム投稿 カスタムタクソノミー カスタムメニュー ウィジェットなど。 必要箇所をいれればコードを 生成してくれる。 http://generatewp.com/
64.
index.php header.php sidebar.php content.php footer.php style.css 条件分岐多めのテーマもあります ループ部分が1ファイルに まとめられたテーマもあります。
65.
条件分岐を覚えれば 比較的簡単に出来ます。
66.
アーカイブだったら? <?php if (is_archive()):
?> アーカイブだったら表示 <?php else: ?> アーカイブ以外はこの部分を表示します。 <?php endif; ?> ! 「:」コロンに注意
67.
スマホかタブレットだったら? <?php if (wp_is_mobile()):
?> スマホかタブレットならここを表示 <?php endif; ?>
68.
ちょこっとずつ やってれば慣れます。
69.
ウィジェットやカスタムメニュー を使えると幅が広がります。 Codex見てみましょう。
70.
ウィジェットで更新しやすくしたり PC苦手な人でもウィジェットなら更新できる…かもしれない。
71.
テーマフォルダ内の画像を読み込む場合 テーマフォルダ内の画像を指定する <img src="<?php echo
get_template_directory_uri(); ?>/img/ logo.png" />
72.
少しずつ覚えれば大丈夫
73.
プラグイン紹介
74.
高機能で便利な Jetpack これでもかというほど高機能。 ウィジェットの表示条件を 指定できるようになったり、 ソーシャル連携出来たり、 シンプルなアクセス解析を 見る事が出来たり。 https://wordpress.org/plugins/jetpack/
75.
記事を複製できる Duplicate Post ほぼ同じ内容で日付だけ変えて 公開したいような場合に便利。 https://wordpress.org/plugins/duplicate-post/
76.
共通で使う要素を管理する Buckets 共通パーツをまとめておける。 ショートコードで呼び出し。 営業日とか料金表とか複数のペー ジで共通で使う場合など。 https://wordpress.org/ plugins/buckets/ ショートコードで呼び出し
77.
画像のトリミング指定が出来る Post Thumbnail
Editor 画像のトリミング指定が出来る プラグイン。 個別にトリミング出来るので 微調整したい場合などに便利。 https://wordpress.org/ plugins/post-thumbnail-editor/
78.
ウィジェットにバナーを貼れる Image Widget HTMLの知識がなくても ウィジェットエリアにバナーを 貼れるプラグイン。 タイトルを入力しなければ、 画像のみのバナーとして 利用できる。 http://wordpress.org/plugins/image-widget/
79.
アイキャッチ画像を自動で設定してくれる Auto Post
Tumbnail 自動でアイキャッチ画像を設定し てくれる。サムネイルの設定忘れ などが無くなる。 クライアントワークの場合、説明 しなくても良い。 http://wordpress.org/plugins/ auto-post-thumbnail/
80.
管理画面の権限を指定出来る Adminimize 管理画面のメニューの 表示権限を設定出来る。 https://wordpress.org/ plugins/adminimize/
81.
画像を再生成してくれる Force Regenerate
Thumbnails テーマで定義されてる画像サイズ を再生成してくれるプラグイン。 不要な画像サイズは削除してくれ る。 https://wordpress.org/ plugins/force-regenerate- thumbnails/
82.
表側で編集が出来る WordPress Front-end
Editor フロント側で記事の編集ができる。プレビューして確認などの必要が なくなる。いずれはデフォルトの機能になるかも。 https://wordpress.org/plugins/wp-front-end-editor/
83.
シンプルにお知らせを表示する Notification-Box シンプルにメッセージを出すための ウィジェットプラグイン。 テキストウィジェットよりは もうすこし目立たせたい場合などに。 ! https://github.com/ytbdken/Notification-Box
84.
設定値をいじれば 下の要素とくっつけたり、 連続で表示して簡易的な デザインアクセントとしても 利用可能。
85.
ありがとうございました
Download now