function.phpを含めたwordpressテーマの子テーマ化

 wordpressをカスタマイズするときは子テーマを作って、そちらをカスタマイズしたほうが良いそうだ。

 今回の課題は1、親テーマをカスタマイズしていた場合の子テーマの作り方、2、function.phpの子テーマ化だ。

 親テーマを直接カスタマイズするとテーマがバージョンアップされたときにカスタマイズした部分が上書きされてデフォルトのテーマになってしまうそうだ。

 めんどくさいけど、子テーマを作ろうと決意した。

 function.phpの子テーマの作り方があまり情報がなく苦労したが無事function.phpも子テーマ化できたので皆さんにご披露する。

 意外にスタイルシート以外のphpファイルの子テーマの情報がないので苦労したが無事function.phpも含め子テーマ化できた。

カスタマイズ済みのテーマをPCにダウンロード

 ファイル転送ソフト(FTPクライアントソフト)の「WinSCP」を使う。

1、WinSCPを起動させて,サーバー側の「wp-content」をダブルクリック。

2、PC側の一番上のフォルダをダブルクリックして保存場所のフォルダを開く。

3、サーバー側の「theme」フォルダをクリック⇒「適応しているテーマ」をクリックして、そのままPC側に持っていく。

 これで今までカスタマイズしたテーマの保存が終了。

ダウンロードしたテーマフォルダから必要なファイルを選択して子テーマのフォルダを作る

 ファイル転送ソフト(FTPクライアントソフト)でダウンロードしたフォルダをダブルクリックして開いてみると、いろいろなphpやcssファイルがある。

 この中から必要なファイルを選択する。

1、ダウンロードしたテーマフォルダをPC側の保存場所から開く。

2、パソコン上の空白部分で右クリック。

3、「新規作成」⇒「フォルダ」で新しいフォルダをつくる。

4、新しく作ったフォルダに名前をつける。
 ここでは使っているテーマが「stinger3ver20140327」なので新しいフォルダ名を【child-stinger3】にした。

5、Ctrlを押しながら必要なファイルを選択⇒右クリック⇒コピー。

6、作ったフォルダを開いて右クリック⇒貼り付け。

子テーマをwordpressにインストール

 ファイル転送ソフト(FTPクライアントソフト)の「WinSCP」を使います。

*「WinSCP」についてはこちらを見てね

1、WinSCPを起動させて,サーバー側の「wp-content」をダブルクリック。

2、PC側の一番上のフォルダをダブルクリックして子テーマの保存場所のフォルダを開く。

3、子テーマをクリックし、サーバー側の「theme」フォルダまで持って行く。

*まだ有効化はしてはだめです!

インストールした子テーマを適応できるようにする

1、サーバーに接続

2、FTPアカウントにログイン。

3、【wp-content】⇒【theme】をクリック。

4、子テーマのフォルダをクリック。

5、スタイルシートphp(style.css)とsmart.cssを開いて、以下の記述を書き加える。

/*
Theme Name:半角スペース+子テーマの名前
Template:半角スペース+親テーマの名前
*/

 うちのサイトの場合は↓

/*
Theme Name: child-stinger3
Template: stinger3ver20140327
*/

7、子テーマのfunction.phpを書き換える。

8、親テーマのfunction.phpを書き換える。

子テーマのfunction.phpの書き換えと親テーマからのコードの削除

1、サーバーに接続

2、FTPアカウントにログイン。

3、【wp-content】⇒【theme】をクリック。

4、【function.php】を開いてすべての記述を削除し、変わりに以下の記述を追加。

<?php
?>

*カスタマイズしたコードがあるときは、以下のように記述する

<?php
追加したコード
?>

5、上書きして保存。

6、親テーマのfunction.phpからカスタマイズしたコードを削除し上書き保存する。

子テーマを有効化

 最後に子テーマを有効化する。

wordpress初心者の子テーマ作成の素朴な疑問

 親テーマのfunction.phpがバージョンアップされて、今子テーマに追加してあるコードが追加されたら、子テーマと親テーマに2重にコードが重なることになる。

 子テーマと親テーマにバージョンアップで同じコードが搭載されることになると、またエラーになって管理画面にログインできなくなったりするんじゃないだろうか。

 wordpressってめんどくせえ。

 特にfunction.phpの扱いが!

おすすめ記事

コメントを残す




*

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)

関連記事

Bloggerのテンプレートの文字の色やフォントを変えてみよう
WordPressのTOPとアーカイブページで記事と記事の間に広告を入れる方法
noimage
wordpressテーマSTINGER3のサイドバー【NEW ENTRY】のアイキャッチ画像を削除
WordPress(オープンソースのテンプレート)が使えるレンタルサーバー
スタイルシート(CSS)を縮小・具体例
広告や画像を横並べにするHTML
現在メンテナンス中のため、しばらくの間ご利用いただけません
メタデーターdescriptionsでサイトの訪問者を増やそう
WordPressリビジョンを制御するプラグインRevision Controlの使い方
Google のアカウントをもらおう
スタイルシートで角の丸いリンクボタンを作って見よう
RSS,フィード,Atomってなに?
FC2ブログの記事をテキストエディタでWordPress用に書き換えよう
FC2ブログの全記事リストを表示する時のHTMLタグと注意点

Menu

HOME

 TOP