La multe teme wordpress pe care le-am studiat am observat o săgeată mică care indică în dreptul unei componente din meniu dacă are un submeniu. Am analizat câteva tutoriale pe net și am găsit soluția cea mai simplă și mai ușor de implementat. Așadar dacă vreți să adăugați la meniu un indicator la componentele care au un submeniu, iată codurile.
Avem un cod javascript care se adaugă in footer.php după wp_footer(); și înainte să se închidă tagul body.
1
2
3
4
5
|
<script type=„text/javascript”>
jQuery(document).ready(function($) {
$(„ul.sub-menu”).parents().addClass(‘parent’);
});
</script>
|
În style.css avem acest cod : [ atenție trebuie să modificați class .main-navigation dacă nu este la fel cu al vostru ]
1
2
3
4
5
6
|
.main-navigation .parent > a, .main-navigation .parent > a:hover {
background-image: url(„images/arrow.png”);
background-position: right ;
background-repeat: no-repeat;
padding-right:20px;
}
|
La background-image avem setată o imagine [ arrow.png ] pe care trebuie să o introduceți via ftp în folderul images al temei voastre. Să fie 16px×16px maxim 20px ×20px .png
Dacă va plăcut acest tutorial, aștept comentariile voastre! 😉
Blogger din anul 2004, fecioară, iubitor de grafică, Senior WebMaster la StoreDay.ro, Senior Graphic Designer, Senior Web Designer, Senior Web Commerce. Sunt un tip plin de viață și inovator în creativitate.