it-swarm.com.de

Fügen Sie HTML im Menü-Titelfeld hinzu

Dies ist mein Bedürfnis, ich möchte dem Menütitel ein HTML-Tag hinzufügen. Ich möchte vor jedem Menütitel im Frontend einige Symbole einfügen.

Ich möchte dieses Ergebnis:

<li class="active">
 <a href="index.html">
  <i class="fa fa-dashboard"></i>
  Dashboard
 </a>
</li>

Wenn ich versuche, das <i class="fa fa-dashboard"></i> im Menütitelfeld Joomlas Filter entfernt es.

Gibt es eine Möglichkeit, dies zu speichern und im Menümodul anzuzeigen?

Vielen Dank.

6
lucasm107

Wie @Valentin betonte, ist eine Menüüberschreibung der richtige Weg, um dies zu lösen. Wenn Sie mit Joomla-Overrides und PHP nicht vertraut sind, können Sie auch RokCandy (oder eine andere Snippet-Erweiterung ) verwenden. Grundsätzlich ersetzen diese Plugins Ihren Nicht-HTML-Code durch HTML-Code, wodurch die Joomla-Filter vermieden werden.

Erstellen Sie ein neues Makro, um das zu erreichen, was Sie mit RokCandy erreichen möchten:

Makro

[fa]{icon}[/fa]

[~ # ~] html [~ # ~]

<i class="{icon}"></i>

Speichern und schließen Sie Ihr Makro. Setzen Sie nun in Ihrem Menüpunkt den Titel auf diesen:

[fa]fa fa-dashboard[/fa] Dashboard

Zuletzt müssen Sie die Felder Alias und Browserseitentitel (unter Seitenanzeige) auf "Dashboard" setzen ( oder was auch immer Sie wollen), oder Ihr Browsertitel wird [fa]fa fa-dashboard[/fa] Dashboard.

enter image description here

3
johanpw

Wenn Ihre Vorlage dies unterstützt, sollten Sie für jeden Menüpunkt numerische Klassen-IDs haben. Wenn Sie das haben oder wenn Sie das zu Ihrer Vorlage/Ihrem Menü hinzufügen können, ist es wahrscheinlich sicherer, einfach CSS zu verwenden und diese Menüelemente so zu gestalten.

Wenn Ihr Menüelement Klasse 155 lautet, wird es wahrscheinlich in der Zeile li wie folgt angezeigt:

<li class="active item155">

Wenn Sie also Ihrer Struktur folgen, würden Sie in Ihrem CSS so etwas tun:

li.item155 a i:before {font-family:FontAwesome;content: "\f0ce";}

Wo das\f0ce der fantastische Code der Schriftart für das Symbol ist, das Sie möchten.

Wenn Sie diese Menü-IDs nicht haben, können Sie sie mit li: nth-child (x) verwechseln, wobei x der Menüpunkt in der Reihenfolge vom ersten bis zum letzten ist. Um Menüpunkt 3 zu formatieren, gehen Sie wie folgt vor:

li:nth-child(3) a i:before {font-family:FontAwesome;content: "\f0ce";}

Wenn Sie das verwenden, bin ich mir nicht sicher, wie weit es mit Browsern zurückgeht, aber es bedeutet, dass Sie nichts außer Kraft setzen müssen.

6
Brian Peat

Nein, Sie müssen einem Menüelement kein HTML hinzufügen. Manchmal, wenn Joomla Sachen für Sie entfernt, liegt es daran, dass Sie es nicht so machen sollten (auch wenn es viel einfacher war).

Was Sie brauchen, ist ein Template Override für mod_menu.

Weitere Informationen zu Vorlagenüberschreibungen finden Sie in der Dokumentation: So überschreiben Sie die Ausgabe des Joomla! -Kerns.

4
Valentin Despa

Der richtige Weg, dies zu erreichen, ist tatsächlich der einfachste und erfordert keine Plugins oder Überschreibungen. Fügen Sie einfach die Symbolklasse zu dem Link in den Menüoptionen hinzu:

enter image description here

2
Seth Warburton