More Related Content
What's hot
What's hot (20)
Viewers also liked
Viewers also liked (13)
Similar to はじめてのカスタマイズ
Similar to はじめてのカスタマイズ (14)
More from Seiichiro Mishiba
はじめてのカスタマイズ
- 2. 名前 三柴 誠一郎 出身 愛媛県 拠点 千葉県松戸市 趣味 カメラ、 旅、 料理、 滝めぐり、 ダムめぐり、 城めぐり 特徴 絶望的に方向音痴 自己紹介 高知城（鷹城） 彦根城（金亀城）
- 6. 本日出てくるおもな用語
- 7. ①テーマ
- 8. WordPress で構築された Web サイトの 外観（見た目）を制御するもの テーマ
- 9. ②子テーマ（親テーマ）
- 11. ③サイトフロントページ
- 13. ④ブログ投稿インデックスページ
- 22. ⑥テンプレートタグ
- 23. テンプレートファイルの中で利用し、 WordPress で構築された Web サイトの データ（内容や画像等）を表示するコード。 テンプレートタグ
- 26. Before
- 28. After
- 32. 子テーマの作成
- 35. 子テーマの作成 /* Theme Name: WP MATSUDO Template: twentyfourteen */ ① テーマディレクトリ wp-content/themes 内に、子テーマ用のディレクトリ wpmatsudo（任意に指定可）を作成 ② その中に style.css を作成する ① ② style.cssの内容 基本的にこの行（Template） だけあれば、子テーマになる
- 38. 親テーマのスタイルを 読み込む
- 39. 親テーマのスタイルを読み込む <?php add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles' ); function theme_enqueue_styles() { wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' ); } ① 子テーマディレクトリ 内に functions.php を作成 ① functions.php
- 43. CSSフレームワーク（Foundation）を読み込む ① フレームワークをダウンロードする http://foundation.zurb.com/develop/download.html ② 子テーマ用ディレクトリ 内にディレクトリ inc を作成しその中に foundation.min.css を配置する ② +1 今回はEssential をダウンロード ①
- 44. CSSフレームワーク（Foundation）を読み込む <?php add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles' ); function theme_enqueue_styles() { wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' ); wp_enqueue_style( 'foundation', get_stylesheet_directory_uri() . '/inc/foundation.min.css' ); } ③ functions.php に追記する functions.php +1 ③ get_template_directory_uri() get_stylesheet_directory_uri() 親テーマのディレクトリを参照 子テーマのディレクトリを参照
- 46. フロントページを指定する
- 50. ヘッダーイメージの設定
- 52. カスタムヘッダーを表示する場合 functions.php に add_theme_support( 'custom-header' ); の記述が必要。 カスタムヘッダー（メニュー）の表示制限 +1 今回利用している親テーマ（「Twenty Fourteen」）は、 themes/twentyfourteen/inc/cuntom-header.php に記述されている
- 56. カスタムメニューを表示する場合 functions.php に register_nav_menu( $location, $description ); の記述が必要。 カスタムメニューの表示制限 +1
- 59. 今回の手順 1. 親テーマディテクトリのindex.php を 子テーマのディレクトリにコピーする 2. 名前を front-page.php に変更する 3. front-page.php を編集する 使えそうなテンプレートファイルをコピーする +1
- 60. <ul class="medium-block-grid-3"> <?php $list = array( 'dishes','room','news' ); foreach ($list as $value){ $page = get_page_by_path($value); $id[] = $page->ID;} ?> <?php $args = array( 'post_type' => 'page', 'posts_per_page' => count($list), 'post__in' => $id, 'order' => 'DESC' ); $the_query = new WP_Query( $args ); if ( $the_query->have_posts() ) : while ( $the_query->have_posts() ) : $the_query->the_post(); ?> <li> <a href="<?php the_permalink(); ?> > <?php the_title('<h2 class="entry-title">', '</h2>'); ?> <?php if ( has_post_thumbnail() ) { the_post_thumbnail('medium'); } ?> <?php the_excerpt(); ?> </a> </li> <?php endwhile; else : endif; wp_reset_postdata(); ?> </ul> 31行目の<?php 〜 52行目の?> を以下に置き換え get_template_directory_uri() スラッグ名を変数に入れる スラッグ名からページIDを取得 ページIDをクエリの引数に入れる +1