実際に、テーマのstyle.cssをテーマファイルにリンクする必要がありますか


10

そのため、CSS用の一連のLESSファイルを使用してワードプレスのテーマを開発しています。これらは、コードキットを使用して、テーマのスタイル設定に使用する結合された最小化されたスタイルシートにコンパイルされます。

ワードプレスのテーマには、テーマに関する情報をコメントに含むstyle.cssが必要であると理解していますが、このstyle.cssをheader.phpにリンクする必要がありますか?確かに、テーマ情報だけを入れて、それ以外は何も入れずに、テーマフォルダーにそのまま残しておくことができます。私が実際に使用するスタイルシートは、styles.cssやmain.cssなどと呼ぶことができます。

誰かがこれを確認したり、これが悪い考えである理由を教えたりできますか?


1
style.csswithテーマ情報は、テーマフォルダーのルートに残しておく必要があります。それでおしまい。
JMau 2013

回答:


14

私は言うでしょう:あなたstyle.css実際の本番CSSに使用すべきではありません

その理由は単純です:縮小化です。WordPressがファイルを読み取る必要があるため、ファイルの内容を完全に縮小することはできません。私のテーマでstyle.cssは、ヘッダーのみを使用し、コメントを追加して、実際のCSSの場所を説明しているので、他の開発者があまり長く検索する必要はありません。

例:

/*
Theme Name:    My theme name
Version:       2013.08.24
License:       MIT
Text Domain:   t5_theme
Domain Path:  /lang

You will find the real stylesheet in css/default.css.
*/

2
これはいい考えです。
Ravinder Kumar 2013

これも私がやっていることです。
ダルトン

WPが構成を読み取るために、引き続きフロントエンドでstyle.cssをエンキューする必要がありますか?
henrywright 2016

3
@henrywrightいいえ、それは決して必要ではありませんでした。
fuxia

2

ハリー、正解style.cssです。実際にヘッダーファイルを呼び出したり、デフォルトをロードしたりする必要はありません。私のテーマでSCSSを使用して以来、同じ問題が発生しstyle.cssましたが、次の理由でへのリンクを維持することにしました。

  • デフォルトのWPの想定はstyle.css存在し、使用中であり、プラグインに関してその想定を妨害したくありません。これが問題になるかどうか、いつ問題になるかはわかりません。この点について他の人の経験やアドバイスを聞きたいと思います。
  • 実際に使用中のスタイルシートがフォルダーにあると、ユーザーがサイトのCSSを編集できなくなります。style.cssアクティブで利用可能な状態を維持することで、ユーザーはWP管理者からCSSを変更できるようになります。
  • 関連して、他のパートナーと一緒にステージングサイトで作業しているときに、SCSSも使用しないstyle.css場合、SCSSファイルを引き続き使用する能力に影響を与えることなく変更を加えることができます。

繰り返しますが、これらのポイントはあなたの状況に当てはまらない可能性がありますがstyle.css、必要なテーマ情報を除いてほとんど空白である場合でも、デフォルトのリンクを維持するという私の決定を通知しました。


1

はい、WordPressはテーマをstyle.css「構成」ドキュメントとして使用します。

また、私の知る限りstyle.css、フロントエンドを「構成」の目的で使用するために実際にロードする必要はないということも正しいです。

あなたがやっていることは大丈夫です。他のテーマが同じようなことをするのを見たことは確かですが、私はそれに誓うことはできません。私が見ることができる唯一の問題は、一部のプラグインstyle.cssがテーマの(唯一の)スタイルシートであると誤って想定している場合です。


1

これをconfig.rb(コンパスを使用している場合)に追加すると、CodeKitは縮小されたスタイルシートを自動的style.cssにテーマルートにコピーします。

require 'fileutils'
on_stylesheet_saved do |file|
  if File.exists?(file) && File.basename(file) == "style.css"
    puts "Moving: #{file}"
    FileUtils.mv(file, File.dirname(file) + "/../" + File.basename(file))
  end
end

私が開発するすべてのWordPressテーマでこれを使用し、それは魅力のように機能します。

style.scssファイル内のコメントが開始コメントの!後ので始まることを確認してください。そうしないと、ミニファイで削除されます。

/*!
  Theme Name: Your Theme

出典:CSS-Tricks


1
/ *を開始した後に感嘆符を追加するというトリックは、私にとってはトリックでした。より少ないファイルを処理し続けることができることを意味します-> css、それでもWordPressがテーマの詳細を読み取ることを期待する形式を維持します。私が長い間見た最も簡単なトリック(1文字が適切な場所です!):-)
Lars Koudal
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.