【WordPress】テーマを編集する

テーマを編集するには

テーマをカスタマイズしたいときに直接テーマを編集すると、テーマのバージョンアップによって変更した内容が上書きされてしまいます。

テーマをバージョンアップしないという選択肢もありますが、テーマのバージョンアップには様々な理由(致命的なエラー、セキュリティに対する対応)が含まれます。サイトの運用においてバージョンアップを無視するということは好ましくない状態であるわけです。テーマをバージョンアップすると同名ファイルのカスタマイズが存在した場合、そのカスタマイズ内容はバージョンアップしたファイルに上書きをされます。その結果、カスタマイズされたテーマがカスタマイズ前の状態に戻ってしまいます。

テーマのバージョンアップをしたときにカスタマイズをした内容がなくならないように、元のテーマに紐づく子テーマというものを作成します。子テーマには元のテーマからカスタマイズする部分のみを追加することで、元のテーマがバージョンアップされた場合にも、カスタマイズされた内容が消えることはなくなります。

子テーマを作成する

 

フォルダ作成

子テーマを作成するにはテーマフォルダに子テーマ用のフォルダを作成します。。

style.cssファイルの作成

子テーマ用フォルダに新規にstyle.cssファイルを作成します。
次にstyle.cssのヘッダコメントに親テーマのフォルダ名を次のように記載します

    
/*
    Theme Name:Opinion child
    Theme URI:
    Description:WordPressテーマ「Opinion」の自作子テーマです。
    Template:
    Author:Takashi Yamada
    Author URI:https://design-plus1.com/tcd-w/
    Version:0.0.8
    */

functions.phpファイルの作成

子テーマ用フォルダに新規にfunctions.phpファイルを作成して次のコードを追加します。

    
    < ?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( ‘child-style’, get_stylesheet_directory_uri() . ‘/style.css’, array(‘parent-style’)
    );
    }
    ?>