Koddan istifadə edərək WordPress Naviqasiya Menyusuna Ev İşarəsi əlavə edin
Biz WordPress-i sevirik və onunla faktiki olaraq hər gün işləyirik. WordPress-də aktiv olan naviqasiya menyusu inanılmazdır – istifadəsi asan olan gözəl sürüklə və buraxma xüsusiyyətidir. Bəzən, ev linkini daxil etmədən mövzunuz boyunca istifadə etmək istədiyiniz menyu yaradırsınız. Budur bəzi kod ev bağlantısını menyuya əlavə etmək WordPress Admin-də menyu seçimlərindən istifadə etmədən.
WordPress Nav Menyusuna Ev HTML Müəssisəsi əlavə edin
Bir istifadə HTML varlıq (🏠) Əsas səhifənin olduqca yaygın olduğunu söyləyən bir keçiddən daha çox ana səhifənizi təmsil etmək üçün. Yuxarıdakı koddan istifadə edərək, mətni deyil, HTML obyektini daxil etmək üçün kiçik bir redaktə edə bildim:
add_filter( 'wp_nav_menu_items', 'add_home_link', 10, 2 );
function add_home_link($items, $args) {
if (is_front_page())
$class = 'class="current_page_item home-icon"';
else
$class = 'class="home-icon"';
$homeMenuItem =
'<li ' . $class . '>' .
$args->before .
'<a href="' . home_url( '/' ) . '" title="Home">' .
$args->link_before . '🏠' . $args->link_after .
'</a>' .
$args->after .
'</li>';
$items = $homeMenuItem . $items;
return $items;
}
WordPress Nav Menyusuna Ev SVG əlavə edin
Bir istifadə SVG Əsas səhifəni bildirən bir keçid əvəzinə ana səhifənizi təmsil etmək də olduqca faydalıdır. Yuxarıdakı koddan istifadə edərək, mətndən çox SVG daxil etmək üçün kiçik bir redaktə edə bildim:
add_filter( 'wp_nav_menu_items', 'add_home_link', 10, 2 );
function add_home_link($items, $args) {
if (is_front_page())
$class = 'class="current_page_item home-icon"';
else
$class = 'class="home-icon"';
$homeMenuItem =
'<li ' . $class . '>' .
$args->before .
'<a href="' . home_url( '/' ) . '" title="Home">' .
$args->link_before . '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-house" viewBox="0 0 16 16"><path d="M8.293 1.293a.5.5 0 0 1 .414 0l6.25 3a.5.5 0 0 1 .25.434V13a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V4.727a.5.5 0 0 1 .25-.434l6.25-3a.5.5 0 0 1 .414 0zM8 2.618L2.354 5.293 2 5.534V13a.5.5 0 0 0 .5.5h11a.5.5 0 0 0 .5-.5V5.534L13.646 5.293 8 2.618z"/><path fill="#000" d="M7.293 0a1 1 0 0 1 .914 0l6.25 3a1 1 0 0 1 .5.867V13a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3.867a1 1 0 0 1 .5-.867l6.25-3z"/></svg>' . $args->link_after .
'</a>' .
$args->after .
'</li>';
$items = $homeMenuItem . $items;
return $items;
}
WordPress Nav Menyusuna Home FontAwesome Home əlavə edin
Əgər istifadə edirsinizsə Awesome Font saytınızda onların simvolundan da istifadə edə bilərsiniz. Yuxarıdakı koddan istifadə edərək, mətni deyil, onların simvolunu daxil etmək üçün kiçik bir redaktə edə bildim:
add_filter( 'wp_nav_menu_items', 'add_home_link', 10, 2 );
function add_home_link($items, $args) {
if (is_front_page())
$class = 'class="current_page_item"';
else
$class = '';
$homeMenuItem =
'<li ' . $class . '>' .
$args->before .
'<a href="' . home_url( '/' ) . '" title="Home">' .
$args->link_before . '<i class="fa fa-home"></i>' . $args->link_after .
'</a>' .
$args->after .
'</li>';
$items = $homeMenuItem . $items;
return $items;
}
WordPress Nav Menyusuna Ev Şəkli əlavə edin
Baş səhifə deyən linkdən daha çox ana səhifənizi təmsil etmək üçün şəkil istifadə etmək də bir ehtimaldır. Yuxarıdakı koddan istifadə edərək, mətndən çox SVG daxil etmək üçün kiçik bir redaktə edə bildim:
add_filter( 'wp_nav_menu_items', 'add_home_link', 10, 2 );
function add_home_link($items, $args) {
if (is_front_page())
$class = 'class="current_page_item home-icon"';
else
$class = 'class="home-icon"';
$homeMenuItem =
'<li ' . $class . '>' .
$args->before .
'<a href="' . home_url( '/' ) . '" title="Home">' .
$args->link_before . '<img src="[path to your home image]" height="15" width="14" />' . $args->link_after .
'</a>' .
$args->after .
'</li>';
$items = $homeMenuItem . $items;
return $items;
}
Bu kodun nə işlədiyinin xülasəsi:
- Bu istifadə edir
add_filter
daxil etmək funksiyasıwp_nav_menu_items
filter sizə WordPress naviqasiya menyusundakı elementləri dəyişdirməyə imkan verir. - The
add_home_link
modifikasiyanı idarə etmək üçün funksiya müəyyən edilir. Bu funksiya iki parametr alır:$items
(mövcud menyu elementləri) və$args
(menyu arqumentləri). - Daxili
add_home_link
funksiyası, cari səhifənin istifadə olunan ön səhifə olub olmadığını yoxlayıris_front_page()
. Ön səhifə olub-olmamasından asılı olaraq üslub məqsədləri üçün ev linkinə CSS sinfi təyin edir. - Daha sonra o, əsas səhifəyə keçidi olan şəkil daxil olmaqla, Əsas link üçün HTML qurur. əvəz etməlisən
[path to your home image]
ev imicinizə aparan faktiki yol ilə. - Nəhayət, o, Ana səhifə linkini menyu elementlərinin əvvəlinə əlavə edir və dəyişdirilmiş menyu elementlərini qaytarır.
Bu kodu mövzularınıza əlavə etməyinizə əmin olun functions.php
sənədinizi Uşaq Theme və lazım olduqda fərdiləşdirin. Mövzunuz fərqli strukturdan istifadə edirsə və ya hər hansı problemlə qarşılaşırsa, kodu müvafiq olaraq tənzimləməlisiniz. Və əlbəttə ki, ev ikonu üçün etibarlı bir şəkil yolunun olduğundan əmin olun.