Məzmun Marketinq

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 . '&#x1F3E0;' . $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ır is_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.

Douglas Karr

Douglas Karr CMO-dur OpenINSIGHTS və təsisçisi Martech Zone. Duqlas onlarla uğurlu MarTech startapına kömək edib, Martech-in satınalmalarında və investisiyalarında 5 milyard dollardan çox dəyərində lazımi araşdırmaya kömək edib və şirkətlərə satış və marketinq strategiyalarının həyata keçirilməsində və avtomatlaşdırılmasında kömək etməyə davam edir. Duqlas beynəlxalq səviyyədə tanınan rəqəmsal transformasiya və MarTech eksperti və məruzəçisidir. Douglas həm də Dummie's guide və biznes liderliyi kitabının nəşr edilmiş müəllifidir.

əlaqəli məqalələr

Başa dön düyməsini basın
yaxın

Adblock Aşkarlandı

Martech Zone bu məzmunu heç bir ödəniş etmədən sizə təqdim edə bilir, çünki biz reklam gəlirləri, filial bağlantıları və sponsorluqlar vasitəsilə saytımızdan pul qazanırıq. Saytımıza baxarkən reklam blokerinizi silsəniz çox şad olarıq.