In diesem Tutorial werden wir sehen, wie wir einen hervorgehobenen Menüpunkt hinzufügen können.
Wir können es verwenden, um anzuzeigen, dass ein Artikel neu ist oder was Ihnen sonst noch einfällt.
Wir werden es auch ohne Plugin machen, wir werden es mit ein bisschen CSS-Code machen, den Sie in demselben Tutorial finden werden.
Das Ergebnis, das Sie erhalten, ist das folgende:
Hier ist das Video-Tutorial:
Suscríbete a mi Kanal:
Als erstes fügen wir den CSS-Code unter „Anpassen“ -> „Zusätzliches CSS“ hinzu und fügen den folgenden Code hinzu:
.menu-badge { font-size: 9px; margin-left: 4px; position: relative; top: -10px; margin-bottom: 13px; color: #ffffff; background-color: #FF0000; padding: 3px 4px; border-radius: 3px; } .badge-bounce { animation: bouncing .8s cubic-bezier(0.1,0.05,0.05,1) 0s infinite alternate both; } @keyframes bouncing{ 0%{top:-6px} 100%{top:-10px} }
Nachdem wir den Code hinzugefügt haben, gehen wir zu Aussehen –> Menüs und zeigen das Element an, das wir hervorheben und im Feld hinzufügen möchten Navigationskennzeichen den folgenden Code:
<span class="menu-badge badge-bounce">NUEVO</span>
Wie Sie das Ergebnis sehen können, ist sehr cool und um es zu erreichen, haben wir kein Plugin verwendet, wir haben es manuell gemacht.
Denken Sie daran, das beste Plugin ist das, das nicht installiert ist 😉
Ich hoffe es hat euch gefallen, wir sehen uns im nächsten Tutorial.