もっとはじめてのオリジナルテーマ制作
2 likes1,206 views
2015年2月18日：松戸WordPress部：もっとはじめてのオリジナルテーマ制作
![テーマを反映する
[有効化]をクリック
※とてもシンプルな画面
が表示されます](https://image.slidesharecdn.com/wordpress20150218-150218213049-conversion-gate01/85/-16-320.jpg)
もっとはじめてのオリジナルテーマ制作
- 2. 名前 三柴 誠一郎 職業 フリーランス（３４デザインねっと） 仕事 Web制作のディレクション、デザイン、コーディング 経歴 サラリーマン（IT業界）17年 ⇒ ニート9ヶ月 ⇒ フリーランス1年 趣味 カメラ、 旅、 料理、 滝めぐり、 ダムめぐり、 城めぐり 特徴 絶望的に方向音痴 自己紹介
- 6. テーマファイル作成に必要なファイル WordPressで「利用可能なテーマ」を作成するためには、最低限 index.php （テンプレートファイル）と、style.css （スタイルシート） が必要です。 index.php （テンプレートファイル） style.css （スタイルシート） ※とりあえずは、どちらのファイルも 何も記述していなくてもOK!
- 8. 準備は整った!!
- 9. 手法 • テンプレートファイル（PHP）、スタイルシート（CSS）をひたすらコーディング 長所 • 細かいところまで自分の思い通り作れる • 複雑なサイトも作れる 短所 • 時間がかかる オリジナルテーマ制作のおもな手法① スクラッチで制作する
- 10. 手法 • 親テーマの変更したい部分を、子テーマに反映して修正 長所 • 親テーマの機能が利用できる • 短期間で制作できる 短所 • 親テーマに依存してしまう • functions.php の修正に慣れが必要 オリジナルテーマ制作のおもな手法② 親テーマをベースとして子テーマを作る
- 11. 手法 • ダウンロードしたファイルをベースにコーディング 長所 • 制作に必要となるテンプレートファイルがそろっている • 特に組み込まれている機能がなく自分の思い通り作れる 短所 • オリジナルのバージョンアップを継承しない オリジナルテーマ制作のおもな手法③ スターターテーマ（_s）を利用する
- 13. スターターテーマ（_s）とは スタイルシート style.css【必須】 テーマのスタイルシート rtl.css 右から左に記述する言語用のスタイルシート テーマ関数ファイル function.php WordPressの（管理画面・サイト）を制御します テンプレートファイル index.php【必須】 メインテンプレート single.php 投稿ページの個別表示用テンプレート page.php 固定ページの個別表示用テンプレート 他にも 404.php, archive.php, search.php, image.php などあります モジュールテンプレート header.php get_headre()で読み込まれる footer.php get_footer()で読み込まれる content.php get_template_part( ‘content’ ) で読み込まれる 他にも comments.php, content-single.php などなどあります テーマ制作に必要となるテンプレートファイルが あらかじめ用意されている！
- 14. 入手方法 ①テーマ名を入力 ②クリック Sass対応版はココを選択 以下にアクセス！ http://underscores.me/
- 15. ダウンロードされたファイル
- 19. テンプレート階層 - WordPress Codex http://wpdocs.sourceforge.jp/テンプレート階層
- 20. 一部を抜粋 ページの種別 優先順位 ← 高い 低い → メインページ （トップページ） front-page.php home.php index.php 固定ページ ページテンプレート page-$slug.php page-$id.php page.php index.php 個別投稿ページ single-$posttype.php single.php index.php カテゴリーアーカイブ category-$slug.php category-$id.php category.php archive.php index.php カスタムタクソノミー アーカイブ taxnomy-$taxnomy- $term.php taxnomy- $taxnomy.php taxnomy.php archive.php index.php 検索結果ページ search.php index.php 404ページ 404.php index.php
- 22. デモします