web-dev-qa-db-ja.com

変更せずにWordPressテーマをカスタマイズしますか?

テーマを見つけてダウンロードしました。しかし、デザイン、色などを少し変更するためにCSSを少し調整したいと思います。それでも変更を失うことなくテーマを更新することができますが、どのようにしてこれを行う必要があります。

19
googletorp

変更せずに変更することはできませんが、子テーマを作成することで変更した部分を分離できます。要約すれば:

  1. あなたの "親"テーマとピアのテーマディレクトリを作成します。
  2. あなたの新しいディレクトリにあなたの親テーマを命名するコメントの中のstyle.css宣言と親テーマからCSSをインポートするための@import url(../%parent-theme%/style.css)を持っているTemplate:ファイルを作成してください、
  3. WordPress管理コンソールで新しいテーマを有効にします。
  4. 新しいテーマファイルを追加したり、親テーマのディレクトリから子テーマのディレクトリにファイルをコピーしたり、好みに合わせて変更したりします。
  5. それでおしまい!

私はあなたにもっと多くの詳細を与えることができますが、基本的にこの男は説明するのに本当に良い仕事をします 子供のテーマを作成する方法 それにちょうどあなたを指すために私のために。

あなたが親テーマをアップグレードしたいときはただアップグレードしてください。それはあなたの子供のテーマをそのままにしておきます。もちろん、親の変更が多すぎる場合や、新しいバージョンで更新したテーマファイルをコピーして変更した場合は、変更しないと新しい機能が利用できなくなります。毎回やり直すほうがずっと得意です。

それが役立つことを願っています。

21
MikeSchinkel

変更したいのが小さなCSSだけであれば、テーマディレクトリ内にカスタムCSSファイルを作成できます。カスタムのCSSファイルをテーマのヘッダーに含め、新しい宣言をカスタムのCSSファイルにのみ書き込むことで、テーマのデフォルトのCSS宣言を上書きします。

デフォルトスタイルシート

body{background:white;width: 960px;margin: 25px auto;}

カスタムスタイルシート

body{width:800px;}

ブラウザは2つのスタイルシートに対して別々のhttp呼び出しを行い、リストされている順序でスタイルを適用します。最後に行われた宣言は、それより前に行われた宣言を上書きします。そのため、他のスタイルシートをheader.phpに含めた後は、必ずカスタムスタイルシートを含めてください。

Archive.phpやpage.phpのようなテンプレートファイルを変更しようとしているのであれば、MikeSchinkelの回答で、新しいバージョンがリリースされた場合に、変更内容を失うことなくテーマを更新できます。しかし、あなたが望むのがCSSを変更することだけであれば、この方法はうまくいきます。テーマディレクトリを更新する前に、カスタムスタイルシートを必ず保存してください。

2
kevtrout

あなたは間違いなく子供のテーマを作成することができます。子テーマは、メインテーマを元の形式に保ちます。

私が個人的にしていることは、私は MyThemeShopからのプレミアムWordPressテーマ を使っています。その中で、私は私のstyle.cssとテーマオプションファイルをそのままにしています。ファイルのデータを別のファイルにコピーして、少し別の名前を付けます。たとえば、SociallyViralテーマを使用してその子テーマを作成する場合は、そのstyle.cssファイルからデータをコピーして、childstyle.cssという名前の別のファイルに保存します。

この後は、特定の機能を設計し、childstyle.cssファイルに機能を追加してテーマを再設計します。

これにより、元のstyle.cssファイルがそのまま保持され、元の形式に更新できます。

1
Sumit Kumar

上記の手順を試すための優れた「ラボ演習」に興味がある場合デフォルトのWordPress 3.xで提供されているテーマ20から子テーマを作成するためのステップバイステップガイドのNice があります 。これはシンプルだが便利な子テーマです(名前は30歳)。その結果、20列のテーマが2列のテーマから3列のテーマに拡張されます。また、いくつかの新しいヘッダー画像もあります。

0
JSLittlefield