Cuir ìomhaigh dachaigh ris a ’chlàr seòlaidh WordPress a’ cleachdadh còd
Tha sinn dèidheil air WordPress agus bidh sinn ag obair leis cha mhòr a h-uile latha. Tha an clàr seòlaidh a tha gnìomhach ann an WordPress iongantach - feart slaodadh is leigeil às snog a tha furasta a chleachdadh. Aig amannan, cruthaichidh tu clàr a tha thu airson a chleachdadh air feadh do chuspair gun a bhith a’ toirt a-steach an ceangal dachaigh, ge-tà. Seo beagan còd a ’cur a’ cheangal dachaigh ris a ’chlàr gun a bhith a’ cleachdadh na roghainnean clàr ann an WordPress Admin.
Cuir eintiteas HTML dachaigh ri clàr-taice WordPress Nav
A ’cleachdadh an HTML eintiteas (🏠) gus do dhuilleag dachaigh a riochdachadh seach ceangal a tha ag ràdh gu bheil Dachaigh gu math cumanta. A’ cleachdadh a’ chòd gu h-àrd, bha e comasach dhomh mion-dheasachadh a dhèanamh gus eintiteas HTML a ghabhail a-steach seach an teacsa:
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 Dachaigh ris a’ chlàr WordPress Nav
A ’cleachdadh an SVG gus do dhuilleag dachaigh a riochdachadh seach ceangal a tha ag ràdh gu bheil Dachaigh gu math feumail cuideachd. A’ cleachdadh a’ chòd gu h-àrd, bha e comasach dhomh mion-dheasachadh a dhèanamh gus SVG a ghabhail a-steach seach an teacsa:
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 Dachaigh FontAwesome Home ris a’ chlàr WordPress Nav
Ma tha thu a 'cleachdadh font Awesome air an làrach agad, faodaidh tu cuideachd an ìomhaigh aca a chleachdadh. A’ cleachdadh a’ chòd gu h-àrd, bha e comasach dhomh mion-dheasachadh a dhèanamh gus an ìomhaigh aca a thoirt a-steach seach an teacsa:
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 Ìomhaigh Dachaigh ris a’ chlàr WordPress Nav
Tha e comasach cuideachd ìomhaigh a chleachdadh gus do dhuilleag dachaigh a riochdachadh seach ceangal a tha ag ràdh Dachaigh. A’ cleachdadh a’ chòd gu h-àrd, bha e comasach dhomh mion-dheasachadh a dhèanamh gus SVG a ghabhail a-steach seach an teacsa:
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 briseadh sìos de na bhios an còd seo a’ dèanamh:
- Bidh e a ’cleachdadh an
add_filtergnìomh gus ceangal a dhèanamh ris anwp_nav_menu_itemsLeigidh sìoltachan leat na nithean ann an clàr seòlaidh WordPress atharrachadh. - Tha
add_home_linkTha gnìomh air a mhìneachadh gus an atharrachadh a làimhseachadh. Bidh an gnìomh seo a’ gabhail dà pharamadair:$items(na stuthan clàr a th’ ann mar-thà) agus$args(na h-argamaidean clàr-taice). - Taobh a-staigh na
add_home_linkgnìomh, bidh e a’ sgrùdadh a bheil an duilleag gnàthach mar an duilleag aghaidh a’ cleachdadhis_front_page(). A rèir an e an duilleag aghaidh a th’ ann no nach eil, bidh e a’ sònrachadh clas CSS don cheangal dachaigh airson adhbharan stoidhle. - Bidh e an uairsin a’ togail an HTML airson a’ cheangal Dachaigh, a’ toirt a-steach ìomhaigh le ceangal ris an duilleag dachaigh. Bu chòir dhut a chur na àite
[path to your home image]leis an fhìor shlighe chun ìomhaigh dachaigh agad. - Mu dheireadh, bidh e a’ ceangal a’ cheangal Dachaigh ri toiseach nan nithean clàr-taice agus a’ tilleadh na nithean clàr atharraichte.
Dèan cinnteach gun cuir thu an còd seo ris a’ chuspair agad functions.php faidhle anns a ’chruth Child Theme agus gnàthaich e mar a dh’ fheumar. Ma chleachdas an cuspair agad structar eadar-dhealaichte no ma thachras tu air duilgheadas sam bith, is dòcha gum feum thu an còd atharrachadh a rèir sin. Agus, gu dearbh, dèan cinnteach gu bheil slighe ìomhaigh dligheach agad airson ìomhaigh na dachaigh.
fìor mhath