既存のサイトを Joomla 1.5 に移植しています。既存のサイトのメニューは、ロールオーバー イメージとインライン Javascript を使用しています。メニュー コードを書き直さずに、Joomla でメニューを同じように表示し、Joomla メニューを使用するにはどうすればよいですか?
2 に答える
実際にはかなりシンプルになりました。Joomla はメニューを<UL><LI><A>
タグとしてレンダリングします。私がしなければならなかったのは、メニュー画像の 1 つ (選択された状態と選択されていない状態の両方) から背景を抽出し、Joomla CSS の各スタイルの背景として画像を設定することだけでした。サイト (テキストが画像の一部でなくなったため、わずかに異なるフォントを差し引いたもの)。
メニュー項目を画像として表示するには、メニュー項目を編集し、[パラメーター (システム)] 見出しの下で画像を選択します (このリストには、images/stories フォルダー内の画像が自動的に取り込まれます)。
また、設定した画像を表示するメニューのモジュールを設定する必要があります。[拡張機能] > [モジュール] に移動し、メニューのモジュール (たとえば、メイン メニュー) を選択します。そこから、[その他のパラメーター] を選択し、[メニュー イメージの表示] と [メニュー イメージ リンク] を [はい] に設定します。
ロールオーバーは少しトリッキーになります。インライン JavaScript を追加することはできませんが、JavaScript を使用してメニューを検索し、各項目にロールオーバーを割り当てることができる場合があります。Joomla には MooTools が同梱されています。または、より快適に操作できる場合は jQuery を使用できます。[高度なパラメータ] の下の [メニュー タグ ID] フィールドを使用して、メニューul
要素に HTML ID を指定します。