Hoàng Web

Thiết Kế Website WordPress

  • Kho giao diện
  • Dịch Vụ
    • Thiết kế web giá rẻ
    • Thiết kế website WordPress
    • Hosting Miễn Phí 100GB
    • Tích hợp thanh toán MoMo, ViettelPay, Vietcombank, MB..
    • Tối ưu Google PageSpeed
    • Sửa lỗi nâng cấp website
    • Viết plugin WordPress
    • Code Tool theo yêu cầu
  • Bảng giá
  • Quy trình làm việc
  • Giới thiệu
  • Liên Lạc
Trang chủ » Wordpress » Thêm liên kết trang chủ vào nav menu trong wordpress

Thêm liên kết trang chủ vào nav menu trong wordpress

Thứ Năm, 03/07/2014 by Hoàng Quách

  • shares
  • Facebook
  • Facebook Messenger
  • Gmail
  • Viber
  • Skype

Để thêm liên kết trang chủ (home) vào đầu menu, có rất nhiều cách giúp bạn thêm menu homepage vào menu trong wordpress.
Cách 1: Cách đơn giản là tạo liên kết với absolute url là địa chỉ trang chủ website, nhưng cách này không tối ưu nếu bạn chuyển sang domain khác.
Cách 2: Cách sau đây chúng ta sử dụng filter wp_nav_menu_items cho phép bạn chỉnh sửa nội dung của wp_nav_menu.
Chèn đoạn code dưới đây vào theme functions.php

//thêm menu item (ie: home,) (custom menu items)
add_filter('wp_nav_menu_items', 'add_home_link', 10, 2);
function add_home_link($items, $args)
{
	if (is_front_page()) $class='active';

	$homeMenuItem='<li class="' . $class . '">' . $args->before . '<a href="' . home_url('/') . '" title="HOME">'. $args->link_before . 'Home' . $args->link_after . '</a>' . $args->after . '</li>';

	$items=$homeMenuItem . $items;
	return $items;
}

Refresh lại trang bạn sẽ thấy ngay kết quả.
home menu link - hoangweb.com
Cách 3:
Trong các phiên bản wordpress mới gần đây, có tích hợp sẵn tính năng này thông qua hook wp_page_menu_args. Bạn dễ dàng có thể thêm page trang chủ vào danh sách Pages trong mục quản lý trình đơn menu, Và chỉ việc kéo từ metabox vào menu của bạn và save lại là được. Trong theme twentytwelve, twentythirteen, twentyfourteen đã bật tính năng này rồi, nếu wordpress theme của bạn chưa có thì chép đoạn code sau đây vào functions.php

 
<?php
/**
 * Filter the page menu arguments.
 *
 * Makes our wp_nav_menu() fallback -- wp_page_menu() -- show a home link.
 *
 * @since Twenty Twelve 1.0
 */
function twentytwelve_page_menu_args( $args ) {
	if ( ! isset( $args['show_home'] ) )
		$args['show_home'] = true;
	return $args;
}
add_filter( 'wp_page_menu_args', 'twentytwelve_page_menu_args' );
?>

thêm menu trang chủ homepage
Chúc bạn thành công!

Nếu bạn thấy bài viết này hữu ích, hãy chia sẻ với bạn bè bằng cách nhấn nút chia sẻ ở bên dưới. Theo dõi chúng tôi trên Twitter và Facebook

  • shares
  • Facebook
  • Facebook Messenger
  • Gmail
  • Viber
  • Skype

Chuyên mục: Wordpress Tìm kiếm: nav menu, wp_nav_menu

Tôi giúp gì cho bạn?

HOÀNG WEB

Địa chỉ: Tây Sơn, Phường Quang Trung, Quận Đống Đa, Hà Nội

Hotline: 0987 342 124 – 0868 292 303 (8h:00 – 21h:00)

Email: [email protected]

Website: www.hoangweb.com

KẾT NỐI VỚI TÔI

  • Facebook
  • GitHub
  • YouTube

SẢN PHẨM

  • Plugin Thanh Toán Quét Mã QR Code Tự Động
  • WP2Speed – Tối ưu Google Speed
  • 23WebHost – Hosting Miễn Phí 100GB

LIÊN KẾT

  • Có nên thuê thiết kế website giá rẻ?
  • Hướng dẫn thanh toán
  • Chính sách hoàn tiền
  • Trung tâm hỗ trợ

Copyright © 2023 | All rights reserved | HOANG WEB
Mọi hình thức sao chép nội dung trên website này mà chưa được sự đồng ý đều là trái phép.