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 . '🏠' . $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 anwp_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 asis_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.