3

Gantry 4 for Joomla でメニューの色を変更したり、メニュー バーに背景を追加したりする方法がわかりません。グレーまたはダークグレーのデフォルトにうんざりしています。

.less ファイルを介してフォントと選択を変更できましたが、メニュー自体は変更できませんでした。

ガントリー Web サイトのドキュメントは一般的すぎます。

前もって感謝します。

4

4 に答える 4

1

こんにちは、joomla の Gantry フレームワークでは、Lessを使用してテンプレートの変更方法を本当に理解しています。最初に、Gantry がより少ないファイルをコンパイルする場合でも、less がどのように機能するかを学ぶ必要があります。それだけの価値があるので、それは素晴らしいことではありません。基本的に、コードを使用して css をより経済的な方法で定義し、これをより効率的な css ファイルにコンパイルします。

私たちの友人がここで言っているようにコンパイルされたファイルを変更すると、まったく意味がありません.

私はあなたに方向性を与えるでしょう、そしてあなたはそれが見た目ほど難しくないことがわかるでしょう.

1- [テンプレート マネージャー] - [スタイル] - [メニュー スタイル] で、ガントリー テンプレートで選択したメニューを確認します。

2- less フォルダーには、各メニュー スタイルの less ファイルが表示され、主な変数が含まれています。

3-同じフォルダーにmenu.lessがあり、前のファイルの変数を使用して魔法が行われる場所があります。たとえば、メニューの最初のレベルを定義すると、次のようになります。

&.l1 {
    > li.active {
        background: @menuActiveBack;

その menuActiveBack 変数は、レベル 1 のアクティブな li の背景値になります。

4-最後の部分はmenu-hovers.lessになります。これは、ホバーを実行するために別のファイルを用意する必要がないため、複雑すぎると思いますが、そこにあります。

CSS 圧縮、コンパイル待機時間、デバッグ ヘッダーを制御したり、拡張機能 → テンプレート マネージャー → ガントリー → アドバンスト → レス コンパイラーの [キャッシュのクリア] ボタンを使用して手動でキャッシュをクリアすることができます。

詳細: ganty less documentation

それが始めるのに役立つことを願っています....

幸せなコーディング、

エドゥアルド

于 2013-11-13T16:06:00.197 に答える
1

以下も確認してください：ディレクトリ内のmenu-light.less& 。menu-dark.lessless\

RocketTheme の人々は、コンパイルされた CSS を編集することをお勧めしません (ただし、@Adriana が指摘したようにうまく機能します)。

于 2013-07-22T20:20:19.483 に答える
0

FireBug などを使用して、デフォルトの CSS スタイルを見つけます。

ファイル/templates/gantry/css/gantry-custom.cssを作成し、独自の CSS を追加して、デフォルトの CSS をオーバーライドします。

これは、コンパイル中またはテンプレートの更新時に上書きされる可能性のある、コンパイル済みまたはその他のテンプレートレスまたは css ファイルを編集するよりも優れた方法です。

于 2013-12-05T12:44:50.923 に答える