[記事公開日]2019/02/02
[最終更新日]2019/02/05

【WordPress】子テーマの作り方

 

★ロリポップサーバの場合

 

ロリポップにログインする

 

・ロリポップにログインする

 

 

・「サーバーの管理・設定」から「ロリポップFTP」を選択する

 

 

・子テーマを作りたいファイルを選択する。

 

 

・「wp-content」>「themes」と進む

 

「新規フォルダ」を作成する

 

スポンサーリンク  

・「新規フォルダ」を押す

 

 

・フォルダ名を「テーマ名_Child」にする

 

「napoli」という元からあったテーマに加え、「napoli_child」というフォルダができました。

 

ファイルを2つ作成する

 

以下2つのファイルを作成します。

・「functions.php」

・「style.css」

 

「functions.php」を作る

 

・「テーマ名_Child」内で「新規ファイル作成」を押す

 

 

・ファイル名を「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' );
 
}

 

 

・「保存する」を押す

 

「style.css」を作る

 

・「テーマ名_Child」内で「新規ファイル作成」を押す

・ファイル名を「style.css」にする

「style.css」に以下を記入する
/*
Template:テーマ名
Theme Name:テーマ名_child
*/

 

例)テーマ名「napoli」
/*
Template:napoli
Theme Name:napoli_child
*/

 

 

・「保存する」を押す

 

子テーマを有効にする

 

・外観「テーマ」を選択する

 

 

「◯◯_child」のところで「有効化」を押す

 

 

終わり