web-dev-qa-db-ja.com

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

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

私はwordpressテーマがそのコメントに関するテーマに関する情報を含むstyle.cssを持たなければならないことを理解しています、しかしそれはheader.phpのこのstyle.cssをリンクするために必要とされますか？きっと私はただそれにテーマ情報を入れることができ、他には何も持っていないし、それをそのままテーマフォルダーに残しておくことができます。私が実際に使用しているスタイルシートは、styles.cssやmain.css、あるいは何かというだけのものです。

誰もがこれを確認したり、これが悪い考えであるかもしれない理由を与えることができますか？

theme-developmentthemesstylesheet
9
harryg

私は言うでしょう：あなたは いけません 実際のプロダクションCSSにはstyle.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.
*/
14
fuxia

あなたは正しい、ハリー、あなたが実際にあなたのヘッダファイルのデフォルトのstyle.cssを呼び出すか、ロードする必要はないということです。私は私のテーマでSCSSを使っているので、私はこれと同じ問題に遭遇しました、しかしあなたの状況に当てはまらないかもしれない以下の理由でstyle.cssへのリンクを維持することに決めました：

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

繰り返しますが、これらの点はあなたの状況には当てはまらないかもしれませんが、デフォルトのstyle.cssをリ​​ンクしたままにしておくという私の決定を通知しました。

2
Angelique

はい、WordPressはテーマのstyle.cssを "config"ドキュメントとして使用します。

私が言うことができる限り、あなたはそれがその「設定」目的に役立つようにするためにフロントエンドに実際にstyle.cssをロードする必要はないということもあなたは正しいです。

あなたがしていることは問題ないはずです。私は他のテーマが同様のことをしているのを見たことがあると確信していますが、それを誓うことはできません。私が見ることができる唯一の問題は、何らかのプラグインがstyle.cssがテーマの（唯一の）スタイルシートであると誤って想定している場合です。

1
s_ha_dum

これをconfig.rbに追加して（Compassを使用している場合）、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トリック

1
jjeaton