web-dev-qa-db-ja.com

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);

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

templatescsstwitter-bootstrap-2
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