it-swarm.dev

Joomlaを変更する方法! 3のbootstrapテーマはオリジナルを保持していますか?

Joomlaの新しいテンプレートを作成しています! 3.3.1。ブートストラップの素晴らしい機能を使いたい。これに加えて、テーマフォーム http://bootswatch.com/2/ をダウンロードしました。現在のbootstrap.cssおよびbootstrap.min.cssの新しいテーマファイルを上書きしました。

私はオリジナルのようないくつかの方法を使いたいです:

//Add JavaScript Frameworks
  JHtml::_('bootstrap.framework');
//Add Stylesheets
  JHtmlBootstrap::loadCss();
//Load optional rtl Bootstrap css and Bootstrap bugfixes
  JHtmlBootstrap::loadCss($includeMaincss = false, $this->direction);

元のファイルを保持したまま、新しいテーマを使用するにはどうすればよいですか?管理パネルでテンプレートのテーマオプションを追加することもできます。

4
zkanoca

コアファイルを上書きしません。あなたは決してしません。しないでください。 CSSファイルをテンプレートディレクトリに配置し、そこからロードします。

Protostarテンプレートがどのように実行するかを見てください。 CSSファイルは次の場所にあります: https://github.com/joomla/joomla-cms/tree/staging/templates/protostar/css で、次の呼び出しでロードされます:$doc->addStyleSheet('templates/' . $this->template . '/css/template.css');https://github.com/joomla/joomla-cms/blob/staging/templates/protostar/index.php#L4

いくつかのメモ:

  • JHtml::_('bootstrap.framework');テンプレート内でいくつかのBootstrap JavaScript機能を使用しない限り、これを呼び出す必要はありません。通常、これは当てはまりません。拡張機能で必要な場合は、それをロードします。
  • JHtmlBootstrap::loadCss();これにより、Bootstrap Joomlaに付属する2つのCSSファイルが読み込まれます。通常、これを使用するのではなく、独自のテンプレートCSSファイルをコンパイルしてください。ほとんどの場合、ダウンロードしたテーマにはそれらはすでに含まれており、カスタマイズされています。
  • JHtmlBootstrap::loadCss($includeMaincss = false, $this->direction);これは、いくつかの一般的なRTL調整をロードするのに意味があります。ただし、最初にそれらを使用せずにテンプレートをテストし、問題がなければRTL機能を追加します。
6
Bakual

これはまさにあなたが探しているものだと思います:

上書きしない)標準bootstrap cssおよび/またはjsをテンプレートで上書きするには、これらのファイルを次の場所に置くだけです。

/templates/YOUR_TEMPLATE/css/jui/bootstrap.min.css

または

/templates/YOUR_TEMPLATE/js/jui/bootstrap.min.js

だから、誰でも(どんな内線番号でも)いつでもこれを行うことによって

// JavaScriptフレームワークを追加

JHtml :: _( 'bootstrap.framework');

//スタイルシートを追加

JHtmlBootstrap :: loadCss();

カスタムテンプレートファイルが読み込まれます。

0
Alexandr