WordPress子テーマでテーマカスタム
![WordPress子テーマでテーマカスタム](https://homepage-nagoya.com/wp-content/uploads/2023/07/1-1-1024x1024.png)
WordPressをお使いの方の中には汎用テーマ(オリジナルテーマ以外のもの)を利用していらっしゃる方も多くいらっしゃいます。
その中で出てくるニーズは、汎用テーマであっても自分用にレイアウトをカスタムしたいというご要望です。
ご要望を解決する有力な手段として「WordPressの子テーマ」について紹介します。
目次
1.はじめに
![wordpress既存テーマとは](https://homepage-nagoya.com/wp-content/uploads/2023/07/2-1-1024x1024.png)
WordPressにはデザインごとにテーマという考え方があります。
テーマには、大きく2パターン
- 既存テーマ(パッケージ品)
- オリジナルテーマ
の2種類が存在します。
この記事では、既存テーマであるパッケージ品をカスタムしたい人向けに方法を紹介します。
(過去にインスタで投稿した写真を引用@weblossom758)
2.結論
![Wordpress子テーマ:結論](https://homepage-nagoya.com/wp-content/uploads/2023/07/3-1-1024x1024.png)
既存テーマをアップデートさえしなければ、問題ないのですが、テーマはセキュリティ対策などで定期的にアップデートされる傾向があります。
直接テーマを編集すれば、レイアウトなどは変更できるのですが、
問題はアップデート操作でデータが上書きされてしまうのです。
それを回避する方法がワードプレスの子テーマを作るという方法です。
3.子テーマ作り方の手順
![wordpress子テーマの作り方1](https://homepage-nagoya.com/wp-content/uploads/2023/07/4-3-1024x1024.png)
WordPressのFTPから
(バックアップは事前に取っておきましょう)
function.php
style.css
をダウンロードします。
※まずファイルの中身は空白にしてください。
function.cssの中身に以下を追記
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' ) );
}
add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles' );
style.cssの中身に以下を追記
/*
Theme Name: themename child
Template: themename
*/
※黄色のthemenameはご自身の親テーマ(テーマ原本)の正しい名称に置き換えてください
![子テーマ作り方2](https://homepage-nagoya.com/wp-content/uploads/2023/07/5-2-1024x1024.png)
上の図のように任意の名前(子テーマとわかりやすい名称がオススメ)のフォルダーを作成して
function.php
style.css
のファイルを格納します。
その後Zip化(圧縮)します。
![ワードプレス子テーマ作り方3](https://homepage-nagoya.com/wp-content/uploads/2023/07/6-1-1024x1024.png)
次にWordPressの管理画面「外観」から新しいテーマを追加で先ほど作成したZipファイルをアップロードします。
![子テーマ作り方4](https://homepage-nagoya.com/wp-content/uploads/2023/07/7-2-1024x1024.png)
そしてテーマの有効化を行います。
![レイアウト編集は子テーマで](https://homepage-nagoya.com/wp-content/uploads/2023/07/8-1-1024x1024.png)
こうすることでアップデートに影響されないレイアウト変更が可能になります。
4.まとめ
![WordPress子テーマまとめ](https://homepage-nagoya.com/wp-content/uploads/2023/07/9-1024x1024.png)
WordPressの既存テーマ(パッケージテーマ)を触る時は、必ず子テーマを起こして編集することを忘れないでください。
不用意にテーマをアップデートしてしまった時、レイアウトが総崩れしてしまう恐れがあるためです。
以上自身のWordpressサイトを自分用にカスタマイズしたいと考えていらっしゃる方の参考になりましたら幸いです。
![水谷友彦](https://homepage-nagoya.com/wp-content/uploads/2022/06/daihyou.jpg)
この記事を書いた人
株式会社ウェブロッサムの
代表:水谷友彦
中小企業のネット集客を
Web戦略からサポート
![](https://homepage-nagoya.com/wp-content/uploads/2023/03/tousyatuyomi.png)
- 専門知識のあるスタッフが
一貫対応 - お客様の事業に合った
最適な専用ホームページをご提案 - 直接対面形式で安心感のある
コミュニケーション - ホームページ単体ではなく
Web戦略からのご提案