ゼロからのWordPress（第三回）〜テーマの構造、カスタマイズの基礎〜
0 likes571 views
ーーーーーーーーーーーーーーーーーーーーーーー schoo WEB-campusは「WEBに誕生した、学校の新しいカタチ」。 ＷＥＢ生放送の授業を無料で配信しています。 ▼こちらから授業に参加すると、先生への質問や、ユーザーとのチャット、資料の拡大表示等が可能です。 https://schoo.jp/class/663/room ーーーーーーーーーーーーーーーーーーーーーーー
![5月 20日 (火), 19:00 ～ 21:00
コワーキングスペース茅場町 Co-Edo（東京都中央区）
5月/6月のイベント予定
[東京] 第10回ゼロから始めるWordPress勉強会
5月 24日 (土), 11:00 ～ 14:00
コワーキングスペース茅場町 Co-Edo（東京都中央区）
[東京] WordPress Meetup Tokyo #13
5月 24日 (土), 13:00 ～ 17:30
デザインラボラトリー蒼（香川県高松市）
[香川] 第13回WordPressお茶会 WordBench香川](https://image.slidesharecdn.com/20140518wordcomminuty-yutaro-140517225343-phpapp02/85/WordPress-40-320.jpg)
![5月 29日 (木), 18:30 ～ 21:00
コワーキングスペース「SOMETHIN' ELSE」（群馬県高崎市）
5月/6月のイベント予定
[群馬] WordPressもくもく勉強会@群馬 #11
6月 6日 (金), 19:00 ～ 21:45
ベルサール新宿グランド（東京都新宿区）
[東京] WordBench東京6月: WordPressの創始者マッ
ト・マレンウェッグがやってくる！](https://image.slidesharecdn.com/20140518wordcomminuty-yutaro-140517225343-phpapp02/85/WordPress-41-320.jpg)
![6月 7日 (土), 10:00 ～ 18:00
ナレッジキャピタル カンファレンスルーム（大阪府大阪市）
5月/6月のイベント予定
[大阪] WordCamp Kansai 2014
6月 8日 (日), 10:00 ～ 18:00
ナレッジキャピタル カンファレンスルーム（大阪府大阪市）
[大阪] WordCamp Kansai 2014 コントリビューターデイ
6月 14日 (土), 時間未定
コワーキングスペースOffice7F（埼玉県さいたま市）
[埼玉] WordBench埼玉](https://image.slidesharecdn.com/20140518wordcomminuty-yutaro-140517225343-phpapp02/85/WordPress-42-320.jpg)
ゼロからのWordPress（第三回）〜テーマの構造、カスタマイズの基礎〜
- 3. 自己紹介 • 2年前からWebとWordPressの勉強 • WordPressサイトを中心に制作 • 東京/埼玉を中心に WordPressコミュニティで活動 • アイコンはインパクト重視 Yutaro Miyazaki
- 5. 今日の目標 1. WordPressテーマの基礎知識を身につける 2. テーマをカスタマイズしていく時のTips 3. 比較的簡単にできるcssから サイトの見た目を変えてみる。
- 7. 講 師：後藤 賢司 司 会：横井 麻里乃 協 力：コワーキングスペース茅場町 Co-Edo
- 15. テーマのしくみ > WordPressとテンプレートファイルの関係 テンプレートファイルの役割 footer.php sidebar.php header.php index.php }再利用
- 19. テーマのしくみ > WordPressとテンプレートファイルの関係 index.php (コンテンツ部分)
- 26. カスタマイズしてみよう > テーマ編集時の注意点 悲しい事故を回避するために • テキストをコピーしておく • ローカルで編集する • 子テーマを使う
- 28. カスタマイズしてみよう > 子テーマを作ってみる 子テーマという機能がある http://wpdocs.sourceforge.jp/Child_Themes 子テーマ - Codex
- 29. カスタマイズしてみよう > 子テーマを作ってみる 子テーマという機能がある 遺伝 神 髪の毛はサラサラに (header.php) 目は青くしようかな (style.css) 足は長くしよう (footer.php)
- 30. カスタマイズしてみよう > 子テーマを作ってみる 子テーマの働き 親テーマ style.css index.php functions.js etc… 子テーマ 変更したい ファイルだけ ex. style.css Customized!! Customized!!
- 31. カスタマイズしてみよう > 子テーマを作ってみる 子テーマつくってみる One-Click Child Theme
- 32. カスタマイズしてみよう > style.cssを編集して見た目を変えてみる おまけ background-color: 背景色; color: テキストの色; font-size: 文字のサイズ; font-weight: bold; 文字を太字に出来ます。 font-weight: normal; 文字の太さが普通になります。 max-width: 要素の横幅の最大値; width: 横幅; 変更しない方がいいと思います。
- 33. カスタマイズしてみよう > style.cssを編集して見た目を変えてみる おまけ margin-bottom: 下; margin-left: 左; でそれぞれ個別に指定することも出来ます。 margin-right: 右; margin-top: 上; margin: 上 右 下 左; ※ px、em、%、rem 等は
- 40. 5月 20日 (火), 19:00 ～ 21:00 コワーキングスペース茅場町 Co-Edo（東京都中央区） 5月/6月のイベント予定 [東京] 第10回ゼロから始めるWordPress勉強会 5月 24日 (土), 11:00 ～ 14:00 コワーキングスペース茅場町 Co-Edo（東京都中央区） [東京] WordPress Meetup Tokyo #13 5月 24日 (土), 13:00 ～ 17:30 デザインラボラトリー蒼（香川県高松市） [香川] 第13回WordPressお茶会 WordBench香川
- 41. 5月 29日 (木), 18:30 ～ 21:00 コワーキングスペース「SOMETHIN' ELSE」（群馬県高崎市） 5月/6月のイベント予定 [群馬] WordPressもくもく勉強会@群馬 #11 6月 6日 (金), 19:00 ～ 21:45 ベルサール新宿グランド（東京都新宿区） [東京] WordBench東京6月: WordPressの創始者マッ ト・マレンウェッグがやってくる！
- 42. 6月 7日 (土), 10:00 ～ 18:00 ナレッジキャピタル カンファレンスルーム（大阪府大阪市） 5月/6月のイベント予定 [大阪] WordCamp Kansai 2014 6月 8日 (日), 10:00 ～ 18:00 ナレッジキャピタル カンファレンスルーム（大阪府大阪市） [大阪] WordCamp Kansai 2014 コントリビューターデイ 6月 14日 (土), 時間未定 コワーキングスペースOffice7F（埼玉県さいたま市） [埼玉] WordBench埼玉