Liên kết menu WordPress

Sử dụng bảng Liên kết tùy chỉnh để thêm liên kết tùy chỉnh vào menu của bạn, chẳng hạn như liên kết đến một trang web bên ngoài. Chỉ cần nhập URL của trang web vào trường URL và tên menu trong trường Văn bản liên kết. Nhấp vào nút Thêm vào Menu khi hoàn tất. Sử dụng các bước tương tự đã nêu trước đó để điều chỉnh thứ tự của mục menu và nhấp vào nút Lưu Menu để lưu các thay đổi của bạn

Bạn có thể thêm một mục menu có liên kết đến một phần cụ thể trên cùng một trang hoặc một phần trên một trang khác. Điều này hoạt động cả với các menu bạn thiết lập trong chủ đề của mình và các menu trong mô-đun Menu Beaver Builder. Nó đặc biệt hữu ích cho các trang web một trang nơi bạn có menu cho các phần khác nhau trên trang đó

Ghi chú

Nếu phần này nằm trên cùng một trang với liên kết, sẽ có một cuộn trơn tru đến phần được liên kết. Nếu liên kết chuyển đến một phần trên một trang khác, thì ngay lập tức sẽ có một bước chuyển đến phần đó trên trang khác

Kỹ thuật này bao gồm hai bước. thêm một ID duy nhất (được gọi là neo) vào phần đích trong bố cục Beaver Builder, sau đó thêm liên kết có neo đó vào menu của bạn

1. Tạo neo cho mục tiêu liên kết​

Mẹo

Bạn có thể thêm ID vào mô-đun, cột hoặc hàng nhưng mục tiêu có xu hướng định vị tốt nhất nếu bạn thêm ID vào hàng chứa mục bạn muốn liên kết đến. Ngoài ra, nếu phần ở gần cuối trang, việc cuộn có thể không đi xuống hết phần có ID. Đây là thuộc tính về cách trình duyệt xử lý liên kết đến anchor

1. Trong trình chỉnh sửa Beaver Builder, hãy mở hàng (hoặc cột hoặc mô-đun) mà bạn định liên kết tới
2. Nhấp vào tab Nâng cao và cuộn xuống phần Thành phần HTML
3. Đối với cài đặt ID, hãy thêm một giá trị duy nhất, chẳng hạn như my-unique-id.
   Giá trị ID chỉ có thể chứa ký tự chữ và số, dấu gạch ngang hoặc dấu gạch dưới.

Mẹo

Đó là cách tốt nhất để đặt tiền tố ID và các giá trị lớp bằng một không gian tên. Tiền tố không gian tên đóng vai trò kép

Đầu tiên, nó giúp xác định ID hoặc lớp đến từ đâu. Ví dụ: Beaver Builder sử dụng không gian tên fl-, vì vậy, khi bạn đang kiểm tra nguồn HTML cho một trang, thật dễ dàng để xác định mã Beaver Builder trái ngược với mã của các plugin khác.

Thứ hai, một không gian tên giúp tránh vô tình sử dụng các từ được dành riêng để sử dụng trong các ngôn ngữ lập trình như PHP và JavaScript hoặc sao chép ID và lớp từ các sản phẩm khác

Ví dụ: nếu tên doanh nghiệp của bạn là Best Website Designs, bạn có thể chọn bwd- làm tiền tố không gian tên và giá trị ID của bạn có thể là bwd-menutarget-1. Chỉ cần đảm bảo rằng mỗi giá trị ID là duy nhất trên trang web của bạn

2. Thêm ID duy nhất vào một mục menu​

1. Trên menu quản trị WordPress, nhấp vào Giao diện > Menu và đảm bảo menu bạn muốn sử dụng được hiển thị

   Nó khá phổ biến trong WordPress. muốn liên kết đến một phần của trang. Tôi nhớ mãi lần đầu tiên [nhìn đăm chiêu vào khoảng không trung]. Hướng dẫn nhanh này giải thích cách thực hiện điều đó và cách thêm liên kết đó vào menu điều hướng. Cần liên kết người dùng với một tiêu đề cụ thể trong một bài báo?

   Đôi khi, bạn có thể muốn các mục menu điều hướng WordPress của mình liên kết trực tiếp đến một phần trang nằm ở giữa một trang lớn hơn, thay vì chỉ đơn giản là đến đầu trang. Ví dụ. thay vì tạo liên kết menu điều hướng đến trang Liên hệ, làm cách nào để tạo liên kết menu đến phần Liên hệ trên trang chủ của tôi?

   Khả năng tạo các liên kết menu WordPress đến các phần của trang đặc biệt quan trọng trên các trang web một trang hoặc trên các trang web nhiều trang có trang chủ cuộn dài hoặc trang bán hàng. Ví dụ: một trong hai loại trang web này có thể có các phần “Cách thức hoạt động”, “Bản trình diễn”, “Lời chứng thực” và “Mua ngay” trên cùng một trang

   Để liên kết đến một phần của trang, bạn sẽ cần tạo một liên kết menu WordPress tới một neo. một liên kết được nhúng trong nội dung trang của bạn. Neo là một trong những công nghệ lâu đời nhất của web và chúng vẫn hoạt động tốt

   May mắn thay, việc chỉ định một liên kết cho một phần trang, sau đó liên kết với liên kết đó từ menu điều hướng WordPress của bạn, không khó chút nào. Video hướng dẫn nhanh này của Fred chỉ cho bạn cách. nếu bạn là một “người học trực quan. ”

   Và đây là một bản tóm tắt văn bản nhanh nếu bạn muốn tìm hiểu cách liên kết đến một phần trang trong WordPress mà không cần video 😉

   Làm thế nào để WordPress. Liên kết đến một phần của trang

   1. Cung cấp cho mục bạn muốn liên kết với thuộc tính _______—ví dụ:

      Section Title

      . Thuộc tính id này là liên kết HTML của phần tử. Nếu bạn đang chạy trình chỉnh sửa Gutenberg/Block, hình bên phải là giao diện của nó. Bạn sẽ nhận thấy rằng nhãn này được gọi là “HTML anchor” trong giao diện này. Trong HTML cơ bản, nó sẽ trông giống như một id. 🤓
   2. Trong khu vực Trình đơn trong wp-admin hoặc Trình tùy chỉnh, hãy tạo Liên kết tùy chỉnh mới để thêm vào trình đơn điều hướng của bạn
   3. Đặt Liên kết tùy chỉnh để trỏ đến trang chứa nội dung, cộng với ký tự #, cộng với giá trị của thuộc tính id của phần tử—ví dụ: fl-1
   4. Lưu các thay đổi của bạn vào menu và kiểm tra liên kết từ một vài trang để đảm bảo nó hoạt động

   Và đó là nó. Tạo liên kết menu WordPress tới các phần của trang bằng cách sử dụng neo có thể là một cách rất hữu ích để định hướng khách truy cập trang web của bạn, vì vậy hãy thử