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の扱いが!

おすすめ記事

コメントを残す




*

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

関連記事

コードを収得して、サイトにGoogleアドセンスの広告を貼り付けよう
またwordpressブログを消してしまった
WordPress(オープンソースのテンプレート)が使えるレンタルサーバー
音譜 はどうやって表示する?
シーサーブログのタグページに記事概要(記事の要約・サマリー)を表示する方法
シーサーブログの記事の直下に広告やブログランキングなどを貼り付ける・コンテンツHTMLを編集する
メタデーターdescriptionsでサイトの訪問者を増やそう
Bloggerで半角ダブルクォーテーション(")が自動で全角変換にされてしまう設定を変更しよう
一番初めにWordPressの自動整形機能を止めるプラグインを入れよう
コメントを入れる<!--/-->・<!--//-->・<!---->の使い方を覚えよう
GoogleAdsenseのはじめ方・まずは登録用のサイトを作ることから始めよう
wordpress記事一覧・更新日順、1ページの表示件数制御、ページャー対応コード
スタイルシートにコメントを入れるには?
Googleアドセンスの新しい管理画面は、解析能力が優秀
GoogleAdSenseの「関連コンテンツ ユニットβ版」

Menu

HOME

 TOP