• Flickr Photos
  • Instagram Photos
  • My Gadgets
  • 送水口マップ

semicolon

日々をゆるく綴ります。

日別: 2015年4月17日

WordPress の子テーマを使ってみた

2015年4月17日 by mookid

昨日書いた WordPress の子テーマをさっそく作成して適用してみました。

作り方は子テーマのマニュアルに書いてある通りですが、少し不親切だなと思った部分があるので補足しておきます。

子テーマを作るために最低限必要なものは「子テーマ保存用のフォルダ」と以下の2つのファイルです。

  • style.css
  • functions.php

ここでは親テーマの名前を “example” という名前として話をすすめます。「子テーマ保存用のフォルダ」の名前を “example-child” とした場合、以下のような構成になりますね。

1
2
3
4
5
wp-content/themes/
                  example/
                  example-child/
                                style.css
                                functions.css

フォルダとファイルが用意できたら style.css の内容を作成します。

CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
/*
Theme Name:   Example
Theme URI:    http://example.com/
Description:  Example Child Theme
Author:       semicolon
Author URI:   http://example.com
Template:     example
Version:      1.0.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
Text Domain:  example-child
*/

マニュアルに記載してあるのとほぼ同内容ですが、ここで大切なのは “Template: example” の行です。これがないと子テーマとして認識されません。”example” は親となるテーマのフォルダ名を指定します。

さらに functions.php に以下のコードを記載します。

PHP
1
2
3
4
5
6
<?php
add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles' );
function theme_enqueue_styles() {
    wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );
 
}

これらのファイルをアップロードすると、WordPress 上でテーマとして選択できるようになります。子テーマを適用すると親テーマのスタイルがそのまま引き継がれると思います。

子テーマを作成する目的はテーマのカスタマイズなので、あとは style.css や functions.php にカスタマイズ用のコードを追加していきます。親テーマのスタイルと機能を上書きできるのでたいへん便利ですね。

これで親テーマが自動更新されても泣かずに済みます(泣いたことがあるらしい)。

カテゴリー: 日常 タグ: Theme, WordPress

最近の投稿

  • トランプのスピードを変則ルールでやると面白い
  • 2018年もよろしくお願いします。
  • 今年も腰痛
  • iPhone X ゲット
  • iPhone X 予約
  • 新しい自転車でポタリング
  • 幼稚園の運動会

ページ

  • Flickr Photos
  • Instagram Photos
  • My Gadgets
  • 送水口マップ

アーカイブ

リンク

  • semicolon.jp
2015年4月
日 月 火 水 木 金 土
« 3月   5月 »
 1234
567891011
12131415161718
19202122232425
2627282930  
ツイート
  • Apple Music で iPhone の曲がグレーアウトして再生されない場合の対処
  • ガルベスナイト Vol.3
  • 夕焼けの反対側
  • 三井アウトレットパーク 木更津
  • Movable Type のデータを PHP + SQL で直接取得する

Copyright © 2021 semicolon.

Omega Child WordPress Theme by ThemeHall