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] 名のテーマを有効化します。