web-dev-qa-db-ja.com

親テンプレートを子テンプレートにコピーする方法

レスポンシブテーマテンプレートのホームページをカスタマイズしようとしています。私はレスポンシブテーマを始めて、それから私は子テーマのカスタマイズをしなければならないことを知ったので、私はthemeid.comからレスポンシブ子テーマをダウンロードして私のウェブサイトにアップロードしました。

私が最初にDashboard > Appearance > Editorに行ったとき、私はCSSスタイルシートがほとんどのコードを欠いていて、Responsiveテーマに戻って参照しているのを見ました。

テンプレートの下にそれが言う:

- この子テーマは、親テーマResponsiveからテンプレートを継承します。

ホームページでウィジェットのサイズを編集する必要があり、home.phpをコピーするように言われました。レスポンシブテーマに切り替えると、そこにあることがわかります。

どのようにしてすべてのテンプレートを自分の子供のテーマに移動させることができますか。誰かがwp-contentファイルに行くと言った。それはどこですか?私はHost Gatorを使っています。それは彼らのサーバー上にありますか?

2
Mary

ここまでで、あなたはおそらくあなたのWordPressの知識を深め、この問題を通してあなたの道を作ったでしょう。

しかし、この質問では、あなたがたくさんの概念を混在させていることがわかります。
子テーマが何であるかを明確にするために、コーデックスのこのエントリを読んでください。
http://codex.wordpress.org/Child_Themes

これは、基本的な子テーマのstyle.cssファイルからのヘッダーです。

/*
Theme Name: Twentyeleven Child
Description: Child theme for the twentyeleven theme 
Author: Your name here
Template: twentyeleven
*/

@import url("../twentyeleven/style.css");

#site-title a {
    color: #009900;
}

@import行はまさにそれをします:parent themeスタイルシートファイルからすべての規則をインポートします。

そして、あなたはあなたが置き換え/修正したいものだけを追加します(この例では#site-title a)。

親テーマからのすべての規則の貼り付けは、リソースの浪費と不要な面倒な作業です。

元の/未修正のテーマスタイルシートファイルと修正したものを比較する必要があります。また、行った変更だけを子テーマのスタイルシートに入れます。それを手助けするオンラインツール: http://www.quickdiff.com/

最後に、テンプレートの問題です。これはCSSの問題とは異なり、リンクされているCodexの記事を読むことでheader.phpのコピーとこれがすべて起こるディレクトリ構造(wp-content/themes/your-theme-name)を扱うのに役立ちます。

1
brasofilo