プログラミング未経験者の備忘録

ノンプログラマーが社内SEになったのでイチからプログラミングを勉強し始めました!

WordPressテーマTDC「Opinion」の子テーマを作成する:データ提供

f:id:su3se:20190609130143j:plain

WordPressテンプレート(Theme)を管理する上でバージョン管理やカスタマイズするときは子テーマがあると何かあったときにも対応しやすいので、先日WordPressで作成したサイトで使っているTDCの有料WordPressテーマ「Opinion」の子テーマを作成していきたいと思います。

 

子テーマのディレクトリを作成する

まずは子テーマ用のディレクトリ(フォルダ)を作成します。

「Theme名+Child」

f:id:su3se:20190609124719p:plain

style.cssを作成する

次に設定を引き継ぐテーマ用のスタイルシートCSSファイル)を作成します。

入力する内容はこちら

f:id:su3se:20190609124835p:plain

コピペ用

/*
Theme Name:Opinion child
Theme URI:
Description:「Opinion」の子テーマです。
Template:opinion_tcd018
Author:Su3_SE
Author URI:https://design-plus1.com/tcd-w/
Version:4.4.7
*/

解説

  • Theme Name:子テーマの名前
  • Theme URI:子テーマのURL(空白でOK)
  • Description:説明
  • Template:引き継ぐテーマの名前
  • Author:作成者
  • Author URI:元テーマのURL
  • Version:バージョン管理(親テーマと同じにしておけば解りやすい)

function.phpの作成

f:id:su3se:20190609125145p:plain

コピペ用

<?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’)
);
}
?>

こちらは特に変更する箇所はありません!

コピペして使ってください。

Themeをアップロードしたら作業完了

以上でWordPressテーマの子テーマ作成は完了です。

出来上がったデータはこちら

f:id:su3se:20190609124823p:plain

後は圧縮してコンパネからアップロードするかFTPでぶっこんで終わりです。

修正が必要なのはCSSの一部だけなので簡単に子テーマが作成できます。

違うテーマで子テーマを作りたい場合もCSSを書き換えればOKです。

 

子テーマのデータが欲しい方はコチラ

今回作成した「Opinion」の子テーマを圧縮ファイルで用意しています。

欲しい方がいればご自由にお持ちください。

 

ダウンロードはコチラからどうぞ

Download(4.00 KB)

 

ウィルスチェック 0/58 OK

VirusTotal