web-dev-qa-db-ja.com

標準CSSクラス/ ID命名規則

カスタムコンポーネントを構築し、ビューをレンダリングするためのレイアウトファイルを設計しているときに、HTML要素で使用するCSSクラス/ IDを決定して、Joomlaの組み込みCSSや他のテンプレートを確実に利用できるようにしています。

JoomlaがBootstrapを使用していることを理解しています。これは一貫性のレベルを提供し、ここで参照できます: http://getbootstrap.com/2.3.2/base-css.html =

ただし、Bootstrap実装の他に、使用可能な多くのテンプレート間で一貫性を確保するために使用できる標準のCSSクラス/ IDはありますか?ある場合、これらのCSSへの参照はありますか?クラス/ ID?

コンポーネントのルックアンドフィールを設計するかどうかを尋ねていると思いますが、ルックアンドフィールがJoomlaおよびその他のテンプレートと相乗的に機能するようにするには、どのような手順を踏む必要がありますか?

7
user3804927

ルックアンドフィールがJoomlaや他のテンプレートと相乗的に機能するようにするには、どのような手順を踏みますか?

テンプレートで何がサポートされ、何がサポートされないかを知る方法はないので、コンポーネントのスタイルを設定する際にテンプレートに依存しないことをお勧めします。テンプレートによって最終的に決定されるルックアンドフィールを保証することは不可能です。

3つの可能なアプローチがあります。 1)何もしない、2)テンプレートがBS2またはBS3構文をサポートし、それらのいずれかを選択することを期待するか、3)独自のCSSを含める。

ジョブに適切なhtml要素を使用すると、テンプレートがほとんどのスタイル設定を処理することになります(オプション1)。それ以外の場合は、コンポーネント要素に論理クラス命名アプローチを使用し、 html および css のJoomlaコーディング標準に従って、独自のcssをコンポーネントに含めます。これを行う場合ください無効にするスイッチを提供してください。

テンプレート開発者は、使用するコンポーネントのスタイルを設定しているので、コンポーネントスタイルは必要も必要もありませんが、そうした方がいいと思っています。最善の方法は、拡張機能の構成で単純なオプションを提供することです。 CSSをロードしますか?はい/いいえ、jsをロードしますか?はい・いいえ。それが失敗した場合は、拡張機能をハッキングせずに上書きできるように、少なくともビューファイルから読み込まれていることを確認してください。

5
Seth Warburton

現在、そのような標準はありません。最も近いのは、確かにBootstrapクラスです。

私がいつもやっていることは、それがプロトスターで機能することを確認し、最高のものを期待することです。

かつてはある種の標準がありましたが、それに対するサポートは低く、ドキュメントは悪かったです。基本的には、コアで使用されるIDとクラスのリストにすぎません。

4
Bakual

これに対する解決策があったらいいのですが、残念ながら解決策はありません。そこにあるすべてのテンプレートと統合できる拡張機能をすべて開発できたら素晴らしいと思います。

Bootstrapクラスを使用するのが最善であり、スタイルがうまく統合されない場合、ユーザーはコンポーネントの Template Override を作成できます。

すべてをできるだけ動的にするようにしてください。

サードパーティのモジュールコードを調べると、HTMLマークアップがmod_modulename.phpに配置されていることがわかります。これは、ユーザーがビューをオーバーライドするため、必要に応じてモジュールのスタイルを設定するためにコアハックを実行する必要があります。

これがallマークアップを常にビューファイルに配置する必要がある理由です。

お役に立てれば

4
Lodder