Atasare iconita la meniul WordPress daca pagina principala are subpagini

Cum se adauga iconita la meniul WordPress daca pagina principala are subpagini vom afla in acest scurt tutorial.

Primul pas este sa adaugam acest cod in fisierul functions.php al temei noastre active.

function adaugare_sageata($sorted_menu_items, $args) {
  foreach ($sorted_menu_items as $menu_item) {
    if (array_search('menu-item-has-children', $menu_item->classes) != FALSE) {
     $menu_item->title = $menu_item->title . '<i class="fas fa-chevron-down"></i>';}
  } 
return $sorted_menu_items;
}
add_filter( 'wp_nav_menu_objects', 'adaugare_sageata', 10, 2);

 

2020 09 13 202057

In fisierul CSS al temei adaugam urmatorul cod css.

.fa-angle-down:before {
    content: "\f107";
	margin-left:5px;
}

Pentru afisarea corecta a iconitei trebui sa aveti incarcat in site Fontawesome. Ca si exemplu se poate vedea la blog.

 

Faci un comentariu sau dai un răspuns?

Adresa ta de email nu va fi publicată. Câmpurile obligatorii sunt marcate cu *

Alte articole din aceiasi categorie

Salut și bine ai venit pe acest blog!

Eu sunt Bucur si acesta este blogul meu in care vei gasi articole in majoritatea lor despre Programare web Front-end si un pic de back-end.

Iată cum mă poți contacta:

Ai o intrebare? nu ezita sa ma contactezi.

Vei primi un raspuns in cel mai scurt timp posibil.

    Numele tau (necesar)

    Email (necesar)

    Subiect

    Mesaj

    Prin utilizarea acestui formular sunteți de acord cu stocarea și manipularea datelor dvs. pe acest site web.

    Daca vrei Front-end in general recomand:
    https://www.udemy.com/course/the-complete-web-developer-zero-to-mastery/
    https://www.udemy.com/course/advanced-javascript-concepts/
    https://www.udemy.com/course/complete-react-developer-zero-to-mastery/
    Daca vrei doar Javascript recomand:
    https://www.udemy.com/course/the-complete-javascript-course/
    https://www.udemy.com/course/advanced-javascript-concepts/