Bizlightの子テーマを作成

Theme
2020.09.08

Bizlighの子テーマを作成します

Bizlightの子テーマを作る

WordPressの子テーマを作るには、サイトのテーマフォルダにアクセスし、top/wp-content/themes/ フォルダにアクセスする必要があります。この themes フォルダ内に、子テーマ名のフォルダを作成します。

フォルダの中に、最低限必要なファイルは、functions.php と style.css ファイルです。又テーマ画像は、親テーマの画像をコピーしましょう。作り方は、直接サーバーにrootでログインして作成する方法と、ローカルで必要なファイルを用意して、サーバーにアップロードする方法があります。ここでは前者の方法で作成します。

最初にSSH接続してテーマフォルダへ移動します。コマンド例を示します。

# cd /var/wwww/html/[top]/wp-content/themes/
# mkdir [child-folder]
# cd [child-folder]
# vi functions.php
# shift+i
<?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')
);
}
?>

続けて style.cssを作成します。この style.css に親テーマの子テーマである事を記載します。

# vi style.css
# shift+i
/*

Theme Name: omotenasi
Theme URI: https://east19-mikas.com/mput/
Description bizlight Child Theme
Author:     user name
Author URI: https://east19-mikas.com
Template:  bizlight
Version:  1.3.4
License:   GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Tags:    light, dark, two-columns, top-slider, responsive-layout, accessibility-ready
Text Domain: bizlight child
*/
この後に追記するCSSコードを記入して行きます。

次にテーマの画像ファイルを親テーマからコピーして来ます。

# cp ../bizlight/screenshot.png ./
最後に子テーマの上のディレクトリに移動し、所有権をApacheに変更します。
# cd ../
# chown -R apache:apache [child-folder]
# ll
合計 144
-rw-r--r--. 1 apache apache    509  9月  1 17:22 functions.php
-rw-r--r--. 1 apache apache 122379  8月 15 18:10 screenshot.png
-rw-r--r--. 1 apache apache   8105  9月  2 09:25 style.css
念のため、SELINUXのコンテキストを確認します。
# ls -Z
    system_u:object_r:httpd_sys_rw_content_t:s0 bizlight
unconfined_u:object_r:httpd_sys_rw_content_t:s0 cocoon-child-master
    system_u:object_r:httpd_sys_rw_content_t:s0 cocoon-master
unconfined_u:object_r:httpd_sys_rw_content_t:s0 index.php
    system_u:object_r:httpd_sys_rw_content_t:s0 newsup
unconfined_u:object_r:httpd_sys_rw_content_t:s0 [child-folder]
    system_u:object_r:httpd_sys_rw_content_t:s0 twentyseventeen

この後、WordPressのテーマのページで [child-folder] 名のテーマを有効化します。

タイトルとURLをコピーしました