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


19

テーマを見つけてダウンロードしました。ただし、CSSを微調整して、デザインや色などを少し変更したいと思います。変更を失うことなくテーマを更新することができながら、これをどのように行えばよいでしょうか。

回答:


21

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

  1. 「親」テーマを使用してピアにテーマディレクトリを作成し、
  2. style.css新しいディレクトリにファイルを作成します。このファイルには、Template:親テーマの名前をコメントで宣言し、親テーマ@import url(../%parent-theme%/style.css)からCSSをインポートします。
  3. WordPress管理コンソールで新しいテーマを有効にし、
  4. 新しいファイルを追加するか、親テーマディレクトリから子テーマディレクトリにファイルをコピーし、好みに合わせて変更します。
  5. それでおしまい!

もっと詳しく説明することはできますが、基本的にこの男は、子テーマを作成する方法を説明するのにとても良い仕事をしてくれます。

親テーマをアップグレードする場合は、アップグレードするだけです。子テーマはそのままになります。もちろん、親があまりにも変更された場合、および/または新しいバージョンで更新されたテーマファイルをコピーおよび変更した場合、子テーマは完全に動作しない可能性があります。毎回最初からやり直したほうがずっといい!

お役に立てば幸いです。


2
子供のテーマは私見に行く方法です
ライアンギボンズ

2

変更したいのが小さな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を変更するだけであれば、このメソッドはうまく機能します。テーマディレクトリを更新する前に、必ずカスタムスタイルシートを保存してください。


1
変更するテーマが自分のテーマではない場合、これは問題になる可能性があるため、テーマの更新時に変更が上書きされる可能性があります。
ハクレ

1

間違いなく子テーマを作成できます。子テーマは、メインテーマを元の形式で保持します。

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

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

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


「style.cssファイルからデータをコピーします」の意味がわかりませんが、通常は、親とは異なるスタイルを子テーマに追加するだけで十分です。子テーマのスタイルは、 /または親のスタイルをオーバーライドします。ちなみに、6年以上前に既に受け入れられた答えに、あなたの答えはどのように追加されますか?!
ティリンベルリン

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.