WordPressの子テーマに関してオンラインマニュアルを読んでまとめました。
(1)子テーマの概要
・親テーマの機能とスタイルを継承したテーマ。既存のテーマを変更する方法として、子テーマが推奨されている。
・テーマを直接変更した場合、そのテーマがアップデートされると変更が失われる可能性があるが、子テーマを使用すればテーマの変更は確実に保持される。
・子テーマは親テーマのファイルを上書きできる。
・style.cssと異なり、子テーマのfunctions.php は、親テーマの機能を上書きしない。代わりに親のfunctions.phpに追加して読み込まれる。(正確には、親テーマのファイルの直前に読み込まれる。)
(2)子テーマの作り方
①wp-content/themesディレクトリ配下に子テーマディレクトリを作成
(名前には最後に’-child’を付けることが推奨)
②子テーマのスタイルシート(style.css)を作成
スタイルシートヘッダにTemplate行を記述し、親テーマのディレクトリ名を指定する。
③functions.phpを作成し、wp_enqueue_script()で親テーマのスタイルシートをインポート
add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles' ); function theme_enqueue_styles() { wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' ); }
④管理画面で子テーマを有効にする
- テーマ作成に関わるメモ
- WordPressコアの各ファイルの概要
- WordPressで使われるテーブル一覧
- WordPressのwpdbクラスを使ってテーブル操作
- WordPressの子テーマの概要、作り方
- ヘッダー、フッターにナビゲーションメニューを追加
- カテゴリーやアーカイブページなどに前後のページへのリンクを追加
- ブートストラップ3を使って自作テーマ作成
- (1)全体概要
- (2)ブートストラップのサンプルを使ってindex.phpを作成
- (3)header.php、sidebar.php、footer.php、index.phpのテンプレートファイル作成
- (4)JavaScriptインクルードの設定
- (5)投稿本文表示用のテンプレートファイルを作成
- (6)単一投稿用(single.php)のテンプレートファイル作成
- (7)固定ページ用(page.php)のテンプレートファイル作成
- (8)検索結果表示用(search.php)のテンプレートファイル作成
- (9)アーカイブ表示用(archive.php)のテンプレートファイル作成
- (10)カテゴリー表示用(category.php)のテンプレートファイル作成
- (11)WordPressのメニュー画面でナビゲーションメニューを設定
- (12)サイトタイトル、キャッチフレーズを表示できるようにheader.phpを修正
- (13)カスタムヘッダー画像を使えるようにheader.phpを修正
- (14)404.phpテンプレートファイルを作成
- (15)記事タイトル部分のCSS設定
- (16)記事メタデータ部分のCSS設定
- (17)記事本文部分のCSS設定
- (18)前後のページへのリンクのCSS設定
- (19)前後の投稿へのリンクのCSS設定
- (20)コメント投稿フォーム、コメント表示部のCSS設定
- (21)ウィジェット部のCSS設定
- (22)アーカイブページのCSS設定
- (23)画面を左右にスライドさせるボタンのCSS設定
- Bootstrapのフリーのテーマを使ってデザインを簡単にカスタマイズ
- ブートストラップ3を使って作成したナビゲーションメニューをAngularJSを使う形に変更する方法
- 投稿にメタボックスを追加する方法