Breadcrumbs là một cách tuyệt vời để giúp khách truy cập điều hướng trang web của bạn, nhưng chúng cũng có thể hơi khó khăn nếu bạn đang sử dụng WooC Commerce. May mắn thay, có một số cách để ẩn breadcrumbs trong WooC Commerce mà không ảnh hưởng đến chức năng của trang web của bạn. Một cách để ẩn breadcrumbs trong WooC Commerce là chỉ cần xóa mã breadcrumb khỏi chủ đề của bạn
“Ngoài ra, hãy giúp Google xác định cách trang web của bạn được cấu trúc. Đó là lý do tại sao việc thêm những gợi ý nhỏ hữu ích này rất có ý nghĩa”
Làm cách nào để vô hiệu hóa Breadcrumbs trên một số trang?
Bây giờ, nếu bạn muốn vô hiệu hóa breadcrumbs trên một hoặc vài trang khác nhau thì sao…
Bạn chỉ cần thêm 1 hoặc 2 dòng CSS là xong
.page-id-4 .breadcrumbs {display: none !important}
Bạn sẽ cần thay thế id trang trong mã trên bằng id trang của riêng bạn mà bạn có thể tìm thấy nếu bạn ở trong thanh Địa chỉ của trình duyệt khi bạn chỉnh sửa trang trong trang tổng quan/
Xem video dưới đây để biết hướng dẫn chi tiết cách tìm id bài đăng hoặc trang
Thêm CSS ở đâu?
Có hai tùy chọn chính để thêm mã CSS tùy chỉnh của bạn
- Chuyển đến Bảng điều khiển >> Giao diện >> Tùy chỉnh sẽ có tùy chọn “CSS bổ sung” ở đó ở dưới cùng hoặc tùy chọn cuối cùng thứ hai trong một số trường hợp trên menu bên trái. Chỉ cần nhấp vào nó và dán CSS của bạn và lưu nó
- Bạn có thể Cài đặt plugin CSS plus này để thêm trường CSS cho mỗi trang và đăng lên trang web WordPress của bạn và thậm chí bạn sẽ không cần tìm ID Trang nữa
và nếu bạn đang thêm nhiều CSS cho các trang khác nhau thì plugin này có thể rất phù hợp với bạn
Một trong những ưu điểm chính của plugin này là mã CSS của bạn sẽ chỉ tải trên các trang được yêu cầu chứ không phải trên tất cả các trang của bạn, điều này có thể khiến trang web của bạn chậm hơn một chút nếu bạn thêm quá nhiều mã [Một vài dòng không tạo ra bất kỳ sự khác biệt nào]
Nếu bạn quan tâm đến việc tăng tốc trang web WordPress của mình, hãy xem Hướng dẫn cơ bản của chúng tôi để làm cho trang web của bạn nhanh chóng
Nếu bạn thích bài viết này, hãy theo dõi chúng tôi trên Facebook để biết các hướng dẫn về WordPress. Bạn cũng có thể tìm thấy chúng tôi trên Twitter và Google
Breadcrumbs là một danh sách các liên kết theo hệ thống phân cấp cha-con. Liên kết đầu tiên trong danh sách thường là liên kết “Trang chủ”, theo sau nó là từng trang/danh mục/bài đăng chính của trang hiện tại đang được hiển thị
Thật thú vị, bản thân WordPress không đi kèm với tính năng breadcrumb theo mặc định, mà chính các chủ đề được cài đặt có mã để tạo breadcrumbs. Nếu chủ đề bạn đang sử dụng không có chúng, có một số plugin bạn có thể sử dụng để tạo breadcrumbs
Breadcrumbs rất tuyệt vì chúng mang lại cho khách truy cập cảm giác định hướng và khả năng di chuyển qua lại các trang chỉ bằng một cú nhấp chuột. Nhưng tùy thuộc vào thiết kế trang web của bạn, bạn có thể muốn loại bỏ chúng
Breadcrumb có thể được nêu dưới dạng một tuyến văn bản nhỏ. Breadcrumbs được WooC Commerce thêm vào mọi trang của sản phẩm hoặc bạn thích nó hoặc không quan trọng, Breadcrumbs sẽ được tạo tự động
Một số người sẽ thích Breadcrumbs trong khi một số sẽ không thích nó
Nếu bạn là một trong số họ và đang tìm cách xóa Breadcrumbs trong WordPress do WooC Commerce tạo thì bạn có thể tiếp tục nhưng có một vấn đề mà bạn có thể gặp phải
Vấn đề với việc loại bỏ Breadcrumbs WooC Commerce
Để sửa đổi hoặc thay đổi bất kỳ thứ gì trong WooC Commerce, bạn cần viết mã ngay cả khi xóa Breadcrumbs. Một số có thể có kinh nghiệm mã hóa để họ có thể thực hiện dễ dàng nhưng hầu hết người dùng WordPress không thuộc lĩnh vực kỹ thuật
Tuy nhiên, họ không thể viết mã, họ sẽ cần sự trợ giúp của các nhà phát triển khác để thực hiện công việc. Cái nào khó hơn
Mặc dù vậy, đảm bảo rằng mã bạn viết sẽ hoạt động trong tương lai. Tóm lại, bạn sẽ phụ thuộc vào người khác. Và một số người ghét bị phụ thuộc vào người khác
Nhưng đừng lo, có một số cách để loại bỏ Breadcrumbs như vậy mà không cần thêm một dòng mã nào. Tiếp tục đọc để biết những cách đơn giản để loại bỏ WooC Commerce Breadcrumbs
Các cách loại bỏ Breadcrumbs trong WooC Commerce
Có 2 cách khác nhau để tắt hoặc bật WooC Commerce Breadcrumbs mà không cần có kỹ năng viết mã
Với sự trợ giúp của plugin, bạn có thể xóa Breadcrumbs trong WordPress
Với sự trợ giúp của chủ đề, bạn có thể tắt chủ đề WooC Commerce
Bạn có thể chọn bất kỳ phương pháp nào trong số này để loại bỏ Breadcrumbs theo sự thoải mái của bạn
Hãy để chúng tôi xem hai phương pháp này hoạt động như thế nào
Phương pháp 1. loại bỏ Breadcrumbs Bằng cách sử dụng các tính năng của Plugin
Trong WordPress. org, bạn sẽ tìm thấy plugin Breadcrumbs miễn phí của WooC Commerce được gọi là Breadcrumbs WooC Commerce
Đây là một plugin WordPress cho phép bạn định kiểu lại breadcrumbs của WooC Commerce. Để tắt nó vĩnh viễn, plugin này cho phép bạn làm điều đó
Nó có hơn 8.000 lượt cài đặt đang hoạt động và phù hợp với phiên bản WordPress mới nhất. Nó cung cấp tùy chọn phân tách breadcrumb, URL trang chủ, Văn bản trang chủ, tùy chọn bọc trước và sau
Các bước để loại bỏ Breadcrumbs
- Cài đặt plugin
- Chuyển đến bảng quản trị WordPress
- Chuyển đến cài đặt
- Nhấp vào WC Breadcrumbs
- Bỏ chọn “kích hoạt Breadcrumbs”
- Nhấn nút lưu thay đổi
Từ tất cả các trang sản phẩm, quy trình này sẽ giúp bạn loại bỏ Breadcrumbs đã tạo
Plugin này rất đơn giản để sử dụng vì bạn không cần thay đổi chủ đề của mình
Nhưng bạn có thể gặp sự cố khi sử dụng plugin miễn phí
Bất cứ lúc nào, nhà phát triển plugin miễn phí có thể ngừng phát triển nó, điều đó có nghĩa là trong vài tháng, vài năm, bạn có thể bị mắc kẹt với việc sử dụng một plugin lỗi thời
Nếu bạn đang tìm cách giải quyết vấn đề thì có một giải pháp là mua một plugin cao cấp để loại bỏ WooC Commerce Breadcrumbs
Nhưng chi tiền cho các plugin trả phí sẽ không đáng chỉ để hoàn thành một nhiệm vụ nhỏ. Sẽ tốt hơn nếu trả tiền cho một plugin khác có thể thực hiện một số công việc hơn là chỉ xóa Breadcrumbs
Bài liên quan. Cách thêm Breadcrumbs vào bất kỳ trang web WordPress nào
Một cách khác để loại bỏ breadcrumb được đưa ra dưới đây
Phương pháp 2. Xóa Breadcrumbs Bằng cách sử dụng các tính năng của Chủ đề
Đây là một cách khác để loại bỏ Breadcrumbs WooC Commerce. Bạn có thể sử dụng chủ đề WordPress để làm điều đó
Trong mã chủ đề, nếu Breadcrumbs được bao gồm, bạn có thể loại bỏ nó theo cách thủ công hoặc bạn có thể nhận xét về dòng mã chịu trách nhiệm
Các bước để loại bỏ breadcrumb bằng cách sử dụng một chủ đề
trong tiêu đề. php, bạn sẽ có thể tìm thấy mã này. Bạn cũng có thể yêu cầu nhà phát triển chủ đề của mình cung cấp chủ đề đó
Nhưng phương pháp tốt nhất để gỡ bỏ breadcrumb WooC Commerce là sử dụng mã CSS tùy chỉnh. Hầu hết mọi người thích cởi nó ra bằng phương pháp này
Một phần đặc biệt được cung cấp bởi WordPress có thể được sử dụng để thêm CSS tùy chỉnh. Tuy nhiên, bạn không cần sửa đổi StyleSheets của chủ đề đã cài đặt