Ábhar Margaíochta

Cuir Deilbhín Baile leis an Roghchlár Nascleanúna WordPress ag Úsáid Cód

Is breá linn WordPress agus oibrímid leis beagnach gach lá. Tá an roghchlár nascleanúna atá gníomhach i WordPress dochreidte - gné deas tarraing-agus-titim atá éasca le húsáid. Uaireanta, cruthaíonn tú roghchlár is mian leat a úsáid ar fud do théama gan an nasc baile a áireamh, áfach. Seo roinnt cód ag cur an nasc baile leis an roghchlár gan úsáid a bhaint as na roghanna roghchláir i WordPress Admin.

Cuir Aonán HTML Baile leis an Roghchlár Nascleanúna WordPress

Ag baint úsáide as HTML eintiteas (🏠) chun do leathanach baile a léiriú seachas nasc a deir go bhfuil Home coitianta go leor. Ag baint úsáide as an gcód thuas, bhí mé in ann mioneagar a dhéanamh chun aonán HTML a chur san áireamh seachas an téacs:

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;
}

Cuir SVG Baile leis an Roghchlár Nascleanúna WordPress

Ag baint úsáide as SVG chun do leathanach baile a léiriú seachas nasc a deir go bhfuil Baile úsáideach go leor freisin. Ag baint úsáide as an gcód thuas, bhí mé in ann mioneagarthóireacht a dhéanamh chun SVG a chur san áireamh seachas an téacs:

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;
}

Cuir Baile Cló Awesome leis an Roghchlár Nascleanúna WordPress

Má tá tú ag úsáid Cló Awesome ar do shuíomh, is féidir leat úsáid a bhaint freisin a n-icon. Ag baint úsáide as an gcód thuas, bhí mé in ann mioneagarthóireacht a dhéanamh chun a n-íocón a chur san áireamh seachas an téacs:

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;
}

Cuir Íomhá Baile leis an Roghchlár Nascleanúna WordPress

Is féidir freisin íomhá a úsáid chun do leathanach baile a léiriú seachas nasc a deir Home. Ag baint úsáide as an gcód thuas, bhí mé in ann mioneagarthóireacht a dhéanamh chun SVG a chur san áireamh seachas an téacs:

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;
}

Seo miondealú ar a ndéanann an cód seo:

  • Úsáideann sé an add_filter feidhm a Hook isteach an wp_nav_menu_items Ceadaíonn an scagaire duit na míreanna i roghchlár nascleanúna WordPress a mhodhnú.
  • An add_home_link Tá feidhm sainithe chun an modhnú a láimhseáil. Glacann an fheidhm seo dhá pharaiméadar: $items (na míreanna roghchláir atá ann cheana) agus $args (na hargóintí roghchláir).
  • Laistigh den add_home_link fheidhm, seiceálann sé má tá an leathanach reatha an leathanach tosaigh ag baint úsáide as is_front_page(). Ag brath ar cé acu an leathanach tosaigh é nó nach ea, sannann sé rang CSS don nasc baile chun críocha stílithe.
  • Tógann sé an HTML don nasc Baile ansin, lena n-áirítear íomhá le nasc chuig an leathanach baile. Ba chóir duit ionad [path to your home image] leis an gcosán iarbhír chuig do íomhá baile.
  • Ar deireadh, cuireann sé an nasc Baile i gceangal le tús na míreanna roghchláir agus cuireann sé na míreanna roghchláir modhnaithe ar ais.

Bí cinnte an cód seo a chur le do théama functions.php comhad i do Téama leanbh agus é a shaincheapadh de réir mar is gá. Má úsáideann do théama struchtúr difriúil nó má bhíonn fadhbanna ar bith agat, seans go mbeidh ort an cód a choigeartú dá réir. Agus, ar ndóigh, cinntigh go bhfuil cosán bailí íomhá agat don íocón baile.

Douglas Karr

Douglas Karr is CMO de OpenINSIGHTS agus bunaitheoir an Martech Zone. Chuidigh Douglas leis na dosaenacha de ghnólachtaí nuathionscanta MarTech ar éirigh leo, chuidigh sé le dícheall cuí os cionn $5 billiún in éadálacha agus infheistíochtaí Martech, agus leanann sé ag cabhrú le cuideachtaí a gcuid straitéisí díolacháin agus margaíochta a chur i bhfeidhm agus a uathoibriú. Is saineolaí agus cainteoir ar chlaochlú digiteach agus MarTech é Douglas atá aitheanta go hidirnáisiúnta. Is údar foilsithe é Douglas freisin ar threoirleabhar Dummie agus ar leabhar ceannaireachta gnó.

Airteagail gaolmhara

Ar ais go barr an cnaipe
Dún

Braitheadh ​​Adblock

Martech Zone in ann an t-ábhar seo a sholáthar duit gan aon chostas mar go ndéanaimid airgead ar ár suíomh trí ioncam fógraíochta, naisc chleamhnaithe agus urraíochtaí. Bheimis buíoch dá mbainfeá do bhacadóir fógraí agus tú ag féachaint ar ár suíomh.