Breadcrumb navxt là một plugin. Cài đặt và định cấu hình plugin Breadcrumb NavXT. Cách thêm đường dẫn vào blog mà không cần plugin

Xin chào các độc giả thân mến! Hôm nay chúng ta sẽ nói về breadcrumb là gì, chúng thực hiện chức năng gì trên blog và quan trọng nhất là cách cài đặt và định cấu hình plugin Breadcrumb NavXT, cho phép bạn tạo bánh mỳ mẩu vụn WordPress .

vụn bánh mì là gì

« vụn bánh mì» hiển thị đường dẫn trên blog mà bạn cần theo dõi từ trang chính đến trang hiện tại. Đây là một loại chuỗi điều hướng, mỗi liên kết trong đó là một liên kết đến trang cấp cao hơn. Hầu hết cấp độ cao- Đây là blog chính. Lý tưởng nhất là đường dẫn đến bất kỳ trang blog nào từ trang chính chỉ mất tối đa 3 lần click chuột. Trên thực tế, điều này nhà - danh mục - mục nhập hoặc nhà - danh mục - danh mục - bài đăng, nhưng không lâu hơn. Điều này là cần thiết để tạo sự thuận tiện cho không chỉ người dùng mà cả các công cụ tìm kiếm. Công cụ tìm kiếm có thể lập chỉ mục các bài đăng có nội dung sâu hơn với một số độ trễ. Ngoài ra, tầm quan trọng của chúng trong mắt các công cụ tìm kiếm giảm dần khi mức độ lồng ghép ngày càng tăng. Kết quả là, các liên kết tới những nội dung quan trọng nhất và bài viết thú vị trên blog, hãy thử đưa nó lên trang chính.

Một tính năng tương tự trên trang web được gọi khác - trình điều hướng, đường dẫn đường dẫn, đường dẫn trên trang web, nhưng nhiều nhất tên phổ biến- đây chính xác là "mẩu bánh mì". Cái tên này xuất phát từ câu chuyện cổ tích về Hansel và Greta, trong đó các anh hùng rải vụn bánh mì để tìm đường quay trở lại.

Ngoài sự thuận tiện và điều hướng, họ còn thực hiện một chức năng khác chức năng quan trọng- cải thiện liên kết nội bộ của các trang blog. Trước đó tôi đã nói về ba plugin quan trọng và thú vị dành cho liên kết nội bộ- mà tôi thực sự khuyên mọi người nên cài đặt trên blog của mình. Breadcrumb NavXT có thể dễ dàng được thêm vào danh sách này.

Khi các công cụ tìm kiếm lập chỉ mục một bài viết trên blog, chúng sẽ ngay lập tức thấy nó thuộc danh mục nào và đường dẫn đầy đủ đến bài viết chính, điều này giúp chúng xác định cấu trúc của blog. Chỉ cần đừng quên thêm nó vào blog của bạn cho cả công cụ tìm kiếm và người dùng.

Cài đặt và định cấu hình plugin Breadcrumb NavXT

Việc cài đặt Breadcrumb NavXT có phần khác biệt, vì vậy hãy xem xét chi tiết:

2. Giải nén kho lưu trữ và tải thư mục chứa các tệp plugin lên máy chủ trong thư mục wp-content/plugins. Để thực hiện việc này, hãy sử dụng FileZilla.

3. Kích hoạt plugin thông qua phần “Plugin” của bảng quản trị WordPress.

4. Bây giờ bạn cần chèn đoạn mã sau:

Vị trí phổ biến thứ hai là tiêu đề trang web. Để làm điều này, mã chỉ cần được chèn vào một mẫu - header.php. Địa điểm chính xác Tôi không thể nói, tất cả phụ thuộc vào chủ đề. Phương pháp chọc khoa học phù hợp ở đây - dán mã, lưu, xem kết quả, nếu không thích, hãy thay đổi vị trí của mã trong mẫu.

Một số chủ đề nâng cao hiển thị đường dẫn trên blog theo mặc định, nhưng tôi vẫn khuyên bạn nên sử dụng plugin Breadcrumb NavXT vì nó có nhiều tính năng hơn. cài đặt linh hoạt. Trong những trường hợp như vậy, bạn nên thay thế mã tiêu chuẩn trong các mẫu chủ đề chịu trách nhiệm hiển thị đường dẫn bằng mã plugin được chỉ định ở trên. Mã chuẩn phải giống với mã plugin được cung cấp về nhiều mặt, vì vậy sẽ không khó để tìm thấy nó (thường nó được đặt trong thẻ div, ID hoặc lớp có cùng tên - breadcrumb).

Sau khi thêm mã, bạn có thể thay đổi giao diện của đường dẫn WordPress. Để thực hiện việc này, hãy thêm kiểu vào lớp breadcrumb trong tệp style.css của chủ đề bạn đang sử dụng. Tất nhiên, để làm được điều này bạn cần phải biết Khái niệm cơ bản về CSS, vì vậy tôi khuyên bạn nên đọc hướng dẫn miễn phí sử dụng CSS từ Vlad Merzhevich, bạn có thể tải xuống từ blog của tôi.

Cài đặt plugin nằm trong phần “Tùy chọn” - “Breadcrumb NavXT”. Trên Internet, bạn có thể tìm thấy bản crack cho nó, nhưng thật không may, trên phiên bản mới nhất plugin, nó rất quanh co - hầu hết các cài đặt vẫn ở trạng thái bật tiếng anh. Vì vậy, tôi sẽ xem xét cài đặt bằng tiếng Anh, đưa ra bản dịch và nhận xét của mình về những điểm quan trọng nhất.

Tab đầu tiên có tên là “Chung”.

Dấu phân cách đường dẫn - một biểu tượng sẽ được sử dụng làm dấu phân cách giữa các liên kết trong chuỗi đường dẫn.

Độ dài tiêu đề tối đa của Breadcrumb - tiêu đề trang được sử dụng làm liên kết trong chuỗi điều hướng, tùy chọn này chỉ định chiều dài tối đa tiêu đề, 0 - toàn bộ tiêu đề được sử dụng mà không cắt bỏ.

Trang chủ Breadcrumb - có hay không chỉ ra blog chính trong đường dẫn. Tôi khuyên bạn nên kích hoạt nó và đặt tên theo tên blog của bạn.

- văn bản sẽ hiển thị trên blog chính nếu nó không phải là một liên kết.

Chuyển đến tab Mục hiện tại, có nghĩa là “Mục hiện tại” hoặc “Vị trí hiện tại”.

Liên kết mục hiện tại - hiển thị tên của trang hiện tại dưới dạng liên kết đến nó hay không.

Paged Breadcrumb - hỗ trợ điều hướng trang. Sau khi được bật, các số sẽ được hiển thị trong đường dẫn.

— một mẫu xác định tên của vị trí hiện tại khi hỗ trợ điều hướng trang được bật.

Phần tiếp theo có tên là “Bài đăng & Trang”.

Hiển thị phân loại bài đăng - hiển thị tất cả các đường dẫn có thể dẫn đến một bài đăng.

Phân loại bài viết - có thể được hiển thị trong các tùy chọn đường dẫn bài viết. Tôi đã chọn cho blog của mình tùy chọn tiêu chuẩn- Phiếu tự đánh giá.

Mẫu trang và Mẫu trang (Không liên kết)- tương tự như Mẫu bài đăng và Mẫu bài đăng (Không liên kết) đã thảo luận ở trên, chỉ chúng mới được hiển thị cho các bài viết đã xuất bản.

Tiếp theo là phần “Danh mục & Thẻ”.

Phần này chỉ định các mẫu để tạo đường dẫn cho các danh mục và thẻ. Chỉ cần làm theo các bước tương tự như các mẫu bài viết đã thảo luận ở trên.

Trong phần bạn có thể đặt mẫu cho trang tác giả (Tác giả), ngày/lưu trữ (Ngày), kết quả tìm kiếm (Tìm kiếm) và lỗi 404.

Tôi không sử dụng các lựa chọn khác nên tôi sẽ không hiểu rõ mục đích của chúng.

Vâng, chúng tôi đã tìm ra tất cả! Chúc mừng! Đây là nơi tôi kết thúc câu chuyện của mình và tạm biệt các bạn, nhưng không lâu đâu, vì một bài viết thú vị khác sẽ sớm được đăng trên blog của tôi!

Cái gọi là “Mẩu bánh mì” dùng để cải thiện việc điều hướng trang web và giúp khách truy cập trang web tìm ra vị trí hiện tại của mình. Khách truy cập trên bất kỳ trang nào của trang web đều hiểu được vị trí của mình trong cấu trúc blog với sự trợ giúp của đường dẫn.

Breadcrumbs là một yếu tố khác của liên kết trang web nội bộ. Việc điều hướng xung quanh trang web được đơn giản hóa, thuận tiện cho người truy cập trang web và do đó làm tăng yếu tố hành vi.

Bản thân thuật ngữ “Breadcrumbs” được lấy từ câu chuyện cổ tích “Hansel và Gretel” của anh em nhà Grimm, trong đó trẻ em được đưa vào rừng. Lần đầu tiên, khi người cha, theo lệnh của bà mẹ kế độc ác, đưa anh trai và em gái của mình vào rừng, họ đã tìm được đường về nhờ những viên sỏi đã để lại trên đường đi. Lần thứ hai, bọn trẻ không có viên sỏi nào, thay vào đó là những viên sỏi, chúng để lại vụn bánh mì trên đường đi, khiến chim rừng ăn thịt và bọn trẻ bị lạc trong rừng. Sau nhiều cuộc phiêu lưu khác nhau, bọn trẻ vẫn tìm cách trở về nhà.

Thông thường, điều hướng Breadcrumbs là một thanh ở đầu trang trông giống như thế này:

Tất cả các phần của trang web, ngoại trừ phần cuối cùng, đều là liên kết. Phần điều hướng cuối cùng là trang chính xác mà bạn đang truy cập. Không cần phải tạo siêu liên kết đến trang này.

Phần tử cuối cùng này có thể không cần thiết trang riêng và ví dụ như tên của danh mục, nếu bạn được đưa vào một danh mục nào đó. Trong trường hợp này, tiêu đề của danh mục sẽ không còn là siêu liên kết nữa.

Breadcrumbs có thể được cài đặt trên trang web bằng cách sử dụng plugin hoặc không cần sử dụng plugin đặc biệt cho việc này. Trước tiên, hãy xem việc cài đặt đường dẫn bằng cách sử dụng Plugin đường dẫn NavXT.

Plugin Breadcrumb NavXT

Để cài đặt plugin Breadcrumb NavXT, bạn cần đăng nhập vào “Bảng quản trị WordPress” => “Plugins” => “Thêm mới”. Trong trường “Tìm kiếm”, bạn cần nhập biểu thức “Breadcrumb NavXT”, và sau đó bạn cần nhấp vào nút “Tìm kiếm plugin”.
Trong cửa sổ “Cài đặt plugin”, dưới tên plugin “Breadcrumb NavXT”, nhấp vào liên kết “Cài đặt”.

Trong cửa sổ “Cài đặt plugin: Breadcrumb NavXT” mở ra, hãy nhấp vào liên kết “Kích hoạt plugin”. Sau đó, ở thanh bên " Bảng quản trị WordPress"đã xuất hiện vật phẩm mới"Mẩu bánh mì NavXT". Nếu bạn nhấp vào mục này, bạn có thể nhập cài đặt của plugin Breadcrumbs.

Cửa sổ Cài đặt Breadcrumb NavXT chứa khá nhiều cài đặt cho plugin này. Cài đặt Breadcrumb NavXT có thể được để ở cài đặt mặc định. Trong tab “Cơ bản”, nếu muốn, bạn có thể thay đổi mục “Liên kết đến Trang chủ”.

Bây giờ bạn cần chèn đoạn mã sau vào tệp chủ đề của mình, ở những nơi sẽ hiển thị đường dẫn:

Bạn nên chèn mã này vào các tệp sau trong chủ đề của mình: “Mục nhập đơn (single.php)”, “Mẫu trang (page.php)”, “Lưu trữ (arhvie.php)”, “Kết quả tìm kiếm (search. php)”.

Để dán mã này, bạn cần đăng nhập vào “Bảng quản trị WordPress” => “ Vẻ bề ngoài" => "Trình chỉnh sửa" => "Mẫu".

Trong mẫu “Bài đăng đơn (single.php)”, mẫu chịu trách nhiệm cho các trang có bài viết, mã được chèn như trong hình ảnh này.

Sau khi chèn mã, nhấp vào nút “Cập nhật tệp”.

Mã được chèn vào, sau đó bạn cần nhấp vào nút “Cập nhật tệp”.

Bạn cũng sẽ cần chèn mã này vào tệp “Archives (arhvie.php)”, tệp này chịu trách nhiệm về các danh mục.

Sau khi chèn mã, hãy nhấp vào nút “Cập nhật tệp”.

Và sau khi cài đặt mã trong các tệp chủ đề WordPress, mã sẽ được chèn vào tệp “Kết quả tìm kiếm (search.php)”, tệp này chịu trách nhiệm tìm kiếm trang web. Dán mã vào vị trí như trong hình.

Hình ảnh này cho thấy điều hướng đường dẫn trông như thế nào. Tên trang chủ chưa được đổi thành tên trang web.

Bạn cũng có thể chèn đoạn mã sau vào tệp “Biểu định kiểu (style.ccs)” (đây là tùy chọn):

Breadcrumb ( font:bolder 12px "Trebuchet MS", Verdana, Arial; đệm-bottom: 10px; ) .breadcrumb a( color: #1B7499; ) .breadcrumb a:hover ( color: #EF0E0E; )

Trong mã này, bạn có thể thay đổi kích thước và phông chữ (font:bolder 12px “Trebuchet MS”, Verdana, Arial), phần đệm (padding-bottom: 10px), cũng như màu của các liên kết breadcrumb ở trạng thái tĩnh và khi di chuột qua con trỏ chuột qua chúng (bạn có thể thay đổi giá trị kỹ thuật số).

Các bài đọc trong mã này có thể được thay đổi theo ý của bạn hoặc bạn có thể tìm thấy một mã tương tự khác trên Internet. Bạn cũng có thể thực hiện mà không cần cài đặt mã này trong tệp “Biểu định kiểu (style.ccs)”. Trong theme mình cài, sau khi cài code thì font chữ có thay đổi một chút.

Bài viết này xem xét việc cài đặt breadcrumbs trên một trang web bằng cách sử dụng plugin Breadcrumb NavXT. Bài viết tiếp theo sẽ thảo luận về câu hỏi này - cách cài đặt mà không cần sử dụng plugin.

Kết luận của bài viết

Bằng cách sử dụng plugin Breadcrumb NavXT, điều hướng, còn gọi là “breadcrumbs”, được cài đặt trên trang web, giúp người dùng hiểu mình đang ở phần nào của trang web tại một thời điểm nhất định.

Breadcrumbs trong WordPress là một thành phần điều hướng phụ trợ hiển thị vị trí của người dùng so với toàn bộ hệ thống phân cấp tài nguyên. Nói một cách đơn giản, menu này hiển thị chính xác vị trí hiện tại của khách truy cập.

Đường dẫn được gọi là menu vì chúng hiển thị các phần có liên kết cho phép bạn duyệt qua hệ thống phân cấp của trang web.

Nhân tiện, sự điều hướng này được đặt tên một cách trớ trêu bằng cách tương tự với một trong những câu chuyện cổ tích. Bản chất của nó là những đứa trẻ bị đưa vào rừng không thể tìm được đường về nhà vì vụn bánh mì vương vãi khắp nơi. Kết quả là bị chim mổ nên bọn trẻ không tìm được đường về (phải ném đá).

Trên thực tế, breadcrumb rất hữu ích cho khách truy cập vì chúng có thể hướng người dùng đi đúng hướng và đưa ra ý tưởng chung về cấu trúc của trang web. Đây là một lựa chọn tốt cho việc điều hướng phụ trợ, điều này không làm tổn hại đến điều hướng chính. Vâng, họ cũng cung cấp khả năng liên kết các trang, điều này tốt cho SEO. Nhưng luôn có một số sắc thái. Vì vậy, nếu bạn lấy một mẫu tiêu chuẩn, thì mẩu bánh mì sẽ ít được sử dụng (khi người dùng nằm trong các danh mục, thì trên thực tế, mẩu bánh mì sẽ chỉ lặp lại thông tin này).

Breadcrumb rất hữu ích trong những trường hợp như vậy:

khi chúng trông đẹp mắt với thiết kế của trang web (trong trường hợp này, menu không được sử dụng để tối ưu hóa mà chỉ vì lợi ích và sự thuận tiện của khách truy cập);
khi trang web có cấu trúc thực sự phức tạp (ví dụ: tài nguyên của công ty có cấu trúc phức tạp và khó hiểu).

Có một số loại mẩu tin được sử dụng cả trong phân khúc Internet nói tiếng Nga và ở nước ngoài:

Vị trí. Loại này xác định một đường dẫn và nó là vĩnh viễn, tức là. nó sẽ không thay đổi khi người dùng di chuyển xung quanh tài nguyên;
Con đường. Loại này hiển thị cho khách truy cập con đường mà anh ta đã đi. Nhược điểm chính của những mẩu tin vụn như vậy là nếu người dùng đến từ một công cụ tìm kiếm thì những mẩu tin vụn sẽ không được hiển thị;
Thuộc tính. Những mảnh vụn như vậy được hiển thị dưới dạng thẻ trên các trang cụ thể và cho phép bạn xác định danh mục trên trang web. Tùy chọn này thuận tiện nhất và hoạt động trên hầu hết tất cả các tài nguyên.

Quảng cáo trang web dựa trên các truy vấn tần suất thấp có một số lợi thế, điều này đặc biệt quan trọng đối với các dự án thương mại; mẩu vụn đôi khi không khuyến khích việc đầu tư cần thiết để có được các liên kết bên ngoài. Nghĩa là, việc quảng cáo cho các truy vấn tần suất thấp chỉ có thể đạt được chỉ với sự trợ giúp của tối ưu hóa bằng cách tạo liên kết chính xác (đôi khi điều này thực sự hiệu quả, nhưng bạn không nên mong đợi quá nhiều từ một giải pháp như vậy). Điều chính ở đây là khách truy cập đến từ các công cụ tìm kiếm cho các truy vấn như vậy thường được chuyển đổi thành tiền chứ không chỉ thành khách nhỏ (con số này không hoạt động với các truy vấn tần suất trung bình và cao).

Ở một khía cạnh nào đó, vụn bánh mì cũng tương tự như hệ thống tuần hoàn, mang lại cơ hội vận chuyển oxy đến các “cơ quan nội tạng” xa nhất. Tất nhiên, bạn có thể tự thêm liên kết đến các tài liệu khác về chủ đề này theo cách thủ công, nhưng điều này sẽ yêu cầu bạn phải viết một tài liệu riêng. Để tạo menu Breadcrumb, trước hết, chúng tôi sẽ xem xét tùy chọn mà không cần cài đặt plugin và sau đó chúng tôi vẫn sẽ xem xét một vài trong số chúng, theo ý kiến của chúng tôi, là tốt nhất.

Tùy chọn không cần cài đặt plugin

Hãy xem cách triển khai mẩu tin trên trang web của bạn mà không cần cài đặt bất kỳ plugin nào. Nó khá đơn giản về mặt triển khai, vì vậy bạn không nên mong đợi bất cứ điều gì nguyên bản từ giải pháp này. Nhưng mọi thứ đều hoạt động mà không cần plugin, có nghĩa là trang web không bị tải.

Phương pháp này bao gồm một vài bước:

nhập mã vào tệp tin.php.
nhập mã vụn vào đúng chỗ.

Vì vậy, hãy lấy mã đầu tiên và dán nó vào tệp tin.php của mẫu đang hoạt động của bạn:

hàm the_breadcrumb() (
if (!is_front_page()) (
tiếng vang "Nhà";
tiếng vang "" ";
if (is_category() || is_single()) (
the_category(" ");
nếu (is_single()) (
tiếng vang "" ";
tiêu đề();
}
) elseif (is_page()) (
echo the_title();
}
}
khác(
tiếng vang "Nhà";
}
}

Nó có thể được đặt ở cuối tài liệu trước các ký tự “?>” (không có dấu ngoặc kép). Nếu không có thẻ ở cuối thì mã có thể được đặt ở đầu trước thẻ mở. Khi đăng mã, hãy đảm bảo rằng mã hóa là UTF-8, nếu không một số chữ cái và từ tiếng Nga sẽ không được hiển thị chính xác. Bạn có thể đặt mã hóa bằng cách sử dụng Trình soạn thảo sổ tay sử dụng mục “Encoding – Encode in UTF-8 (không có VOM).

Bây giờ chúng ta sử dụng một đoạn mã khác và viết nó vào nơi chúng ta muốn hiển thị mẩu bánh mì:

the_breadcrumb();
?>

Người ta tin rằng mẩu vụn nên được đặt ở khắp mọi nơi ngoại trừ trang chính. Nghĩa là, bạn cần đặt mã này vào các tệp single.php, archive.php, page.php và Category.php. Vị trí chính xác để đặt nó là tùy thuộc vào bạn, nhưng theo mặc định, nó được chèn trước khi nội dung chính được hiển thị. Nếu có thể đặt mã vào khối chính thì hãy làm điều đó, vì khi đó bạn sẽ không phải loay hoay với các kiểu để các mẩu vụn được hiển thị như mong đợi.

Như bạn có thể thấy, bạn chỉ cần tìm hiểu kỹ một chút về các tệp chủ đề. Và bên cạnh đó, phương pháp này hoạt động mà không cần các mô-đun phụ trợ. Chà, nếu bạn muốn có thể thay đổi các mẩu vụn theo ý mình, bạn sẽ phải cài đặt các plugin của bên thứ ba. SEO của Yoast và Breadcrumb NavXT hoạt động rất tốt. Chúng ta hãy nhìn vào cái đầu tiên.

Plugin SEO của Yoast

Như một sự thay thế phương pháp được mô tả ở trên Bạn có thể sử dụng plugin SEO by Yaost, plugin này có khả năng tạo ra những mẩu tin rất hấp dẫn. Ưu điểm chính của nó:

không cần cài đặt mô-đun của bên thứ ba;
plugin có thể hiển thị các danh mục và danh mục phụ, từ đó hiển thị hình ảnh đầy đủ của trang web;
có thể thay đổi văn bản của liên kết dẫn đến trang chính;
tô đậm những trang cuối cùng được in đậm;
khả năng thay đổi dấu phân cách và tiền tố;
thiết lập định dạng phân loại;
Tại Trợ giúp CSS Bạn có thể thử nghiệm sự xuất hiện của các mảnh vụn.

Tuy nhiên, chúng tôi lưu ý rằng trong một số trường hợp, plugin có thể không hiển thị chính xác các mẩu vụn, nhưng khi plugin phát triển, chúng tôi chắc chắn rằng các nhà phát triển sẽ loại bỏ lỗi và thêm tất cả các chức năng còn thiếu.

Hãy bắt đầu với việc tải xuống và cài đặt. Bạn có thể tải plugin từ liên kết: https://wordpress.org/plugins/wordpress-seo/. Quá trình cài đặt là tiêu chuẩn - tải nội dung lên thư mục wp-content/plugins và kích hoạt nó trong bảng quản trị. Bây giờ bạn có thể chuyển sang cấu hình:

Trong bảng quản trị, đi tới phần “SEO – Nâng cao”;
Quá trình tải sẽ xảy ra cài đặt thêm plugin (nó được tạo ra không chỉ để hiển thị các mẩu vụn) mà chúng tôi còn đặc biệt quan tâm đến phần “Mẩu bánh mì”;
Chúng tôi kích hoạt các mảnh vụn, nhưng để chúng xuất hiện trên trang web, bạn sẽ cần phải đặt mã đặc biệt(bạn có thể tìm thấy nó ở cuối danh sách này);
Chọn một trong các dấu phân cách được HTML5 hỗ trợ;
Tiếp theo, chọn văn bản của trang chính của trang web (ví dụ: “Trang chủ”, “Trang chủ”, v.v.);
Tiền tố là một ký hiệu hoặc từ sẽ được hiển thị trước tất cả các mẩu tin trên tài nguyên (thường là mũi tên);
Tiếp theo, bạn có thể chọn tiền tố cụ thể cho kho lưu trữ, trang kết quả tìm kiếm, trang 404;
Một số người có thể thấy hữu ích khi tô đậm điểm cuối cùng, nhưng trang cuối thường giống với tiêu đề, vì vậy hãy tự quyết định xem phải làm gì;
Mục cài đặt cuối cùng là phân loại (bạn có thể chọn giữa các danh mục, định dạng, thẻ);
Lưu các thay đổi được thực hiện.

Sau khi hoàn tất thiết lập, bạn cần thêm mã vào mẫu:

(yoast_breadcrumb("");) ?>

Chỉ vậy thôi, sẽ không khó để tìm ra tất cả các khía cạnh khác khi làm việc với plugin.

Plugin Breadcrumb NavXT

Trình cắm có số lượng lớn cài đặt và quan trọng nhất là nó hoạt động giống như một chiếc đồng hồ chất lượng với giá vài nghìn đô la. Như đã đề cập ở trên, điều hướng trang Có thể sử dụng WordPress mà không cần cài đặt các mô-đun của bên thứ ba, nhưng với sự trợ giúp của Breadcrumb NavXT, mọi thứ đều được đơn giản hóa - mỗi người dùng có thể tùy chỉnh mẩu bánh mì theo cách họ muốn.

Bạn có thể tải xuống plugin trên trang: http://wordpress.org/extend/plugins/breadcrumb-navxt/ (ít nhất là 3.0 và PHP 5). Sau khi tải xuống, hãy tải plugin lên thư mục wp-content/plugins và kích hoạt nó trong bảng quản trị. Lưu ý rằng nếu bạn đã có phiên bản cũ module thì cần phải tắt nó đi, nếu không plugin có thể gặp trục trặc một chút (cài đặt không được lưu). Nếu bạn quên tắt và không có tác dụng gì thì sau khi cài đặt chúng ta tắt đi và cài đặt lại. Bây giờ mọi thứ sẽ bắt đầu chính xác.

Nếu cần, mã có thể được thêm vào các tệp khác trong chủ đề của bạn. Bây giờ bạn cần vào menu cài đặt và “gợi cảm” một chút với các tùy chọn của nó, nhờ đó bạn có thể làm bất cứ điều gì trái tim mình mong muốn với những mảnh vụn này (các nhà phát triển thực sự đã làm điều đó một cách tận tâm).

Vì vậy, hãy đi tới bảng quản trị của tài nguyên, nhìn vào bảng bên trái và chọn mục “Breadcrumb NavXT” ở đó. Một số tab như “Chung”, “Vị trí hiện tại”, v.v. sẽ được hiển thị ở đây. Trên tab “Chung” chính có các tham số sẽ ảnh hưởng đến tất cả các trang của trang web. Trường “Dấu phân cách” cho phép bạn chỉ định một ký hiệu sẽ đóng vai trò là dấu phân cách cho vụn bánh mì (theo ý kiến của chúng tôi, ký hiệu thành công nhất là “>” - đơn giản và dễ hiểu đối với mọi người).

Trường "Độ dài tối đa" chỉ định độ dài của neo tính bằng ký tự. Chúng tôi khuyên bạn nên đặt giới hạn 60 ký tự, điều này hữu ích cho mục đích tối ưu hóa. Chúng tôi đã đề cập đến lợi ích của breadcrumbs đối với SEO; tức là các mẩu vụn sẽ được lập chỉ mục công cụ tìm kiếm, và chúng sẽ không chỉ được sử dụng để chuyển trọng lượng rỗng. Hãy đặt chỗ trước nhé công cụ tìm kiếm có thể xử lý các liên kết có liên kết giống hệt nhau một cách khó lường, vì vậy chúng tôi khuyên bạn nên rút ngắn chúng (điều này không cần thiết nhưng bạn vẫn có thể dành một chút thời gian cho nó).

Nếu bạn chọn hộp bên cạnh “Liên kết trang chủ”, thì liên kết đến trang chính sẽ được hiển thị dưới dạng mẩu tin. Và nếu cần, bạn có thể chọn một mỏ neo. Các trường “Tiền tố” và “Hậu tố” cho phép bạn chỉ định văn bản sẽ xuất hiện trước hoặc sau liên kết đến trang chính. Chà, trường “Văn bản liên kết trang chủ” sẽ cho phép bạn chỉ định văn bản sẽ được hiển thị khi bạn di chuột qua liên kết trang chủ.

Xin lưu ý: văn bản này có thể được tính đến công cụ tìm kiếm, như một mỏ neo. Nghĩa là, cần chỉ định các từ khóa liên quan đến trang chính của bạn. Sau đó, lưu tất cả các thay đổi được thực hiện bằng nút thích hợp.

Nhưng đây chỉ là một tab “Chung”, vì vậy bạn có thể xem qua các tab khác. Vì vậy, ở trang tiếp theo có một mục cài đặt cho một liên kết sẽ trỏ đến trang bạn đang ở. Liên kết đến vị trí hiện tại sẽ cải thiện việc tối ưu hóa nội bộ của tài nguyên, vì vậy chúng tôi khuyên bạn nên chọn hộp này. Ngoài ra, đừng quên rằng chúng tôi khuyên bạn không nên vượt quá 60 ký tự để tránh tạo tiêu đề lớn.

Trường tiếp theo “Văn bản của vị trí hiện tại” có thể được giữ nguyên, đơn giản vì nó thể hiện rõ ý nghĩa của quá trình chuyển đổi (khách truy cập sẽ nhìn thấy văn bản này khi di con trỏ chuột qua liên kết). Tab “Bài viết/Trang” cho phép bạn định cấu hình hiển thị liên kết đến các trang có nội dung và trang tĩnh nền tảng (đối với các bài viết, bạn có thể đặt dòng chữ “Bài viết hiện tại”).

Trên thực tế, trên tab “Danh mục”, tất cả các cài đặt đều tương tự như cài đặt trên trang trước. Khi thiết lập, chúng tôi không chỉ định tiền tố và hậu tố mà thực hiện các thay đổi đối với trường “Lưu trữ”. Kết quả của tất cả những điều này là chúng tôi có được những cô gái hấp dẫn như vậy, nơi mọi thứ đều hoạt động bình thường.

Chào mọi người!. Hôm nay trong bài viết này tôi muốn cho bạn biết cách bạn có thể cải thiện khả năng sử dụng trang web của mình bằng cách sử dụng plugin SEO Yoast, mà tôi sẽ nói chi tiết trong một trong những bài viết tiếp theo của tôi.

Chắc chắn nhiều người đã nghe nói về plugin này và biết rằng nó cần thiết để viết bài tối ưu SEO. Nhưng ít người nhận ra breadcrumbs WordPress Yoast SEO có thể làm được những gì khác.

Trước tiên, hãy để tôi giải thích “breadcrumbs” là gì và tại sao chúng lại cần thiết.

Vì thế, “Mẩu bánh mì” là điều hướng bổ sung theo từng trang hiển thị danh mục hoặc phần của bài viết. Một khách truy cập, sau khi truy cập một số trang trên blog của bạn, phải hiểu anh ta đang ở phần nào và liệu anh ta có đang tìm kiếm thông tin mình cần trong đúng danh mục hay không. Điều hướng này có thể được tóm tắt như sau:

Trên trang web của chúng tôi nó trông như thế này:

Ngoài ra, sự hiện diện của điều hướng này giúp robot hiểu rõ hơn cấu trúc trang web và lập chỉ mục blog của bạn nhanh hơn. Và điều này rất quan trọng đối với các dự án trực tuyến.

"Tại sao?" - bạn hỏi, chúng tôi quyết định sử dụng plugin này. Câu trả lời ở đây sẽ đơn giản. tồn tại trên Internet một số lượng lớn dịch vụ tương tự, điều này sẽ giúp loại bỏ "mẩu vụn", nhưng đồng thời họ sẽ tải thêm trang web, điều này chắc chắn sẽ không làm cho nó tốt hơn chút nào. Và vì chúng tôi vẫn sử dụng Yoast SEO để tối ưu hóa bài đăng, nên sẽ thật tội lỗi nếu không tận dụng các khả năng của nó và không tạo ra khả năng sử dụng thuận tiện với sự trợ giúp của nó.

Thiết lập đầu ra breadcrumb bằng plugin Yoast SEO

Tôi sẽ không viết ở đây cách cài đặt Yoast SEO này. Nếu bạn chưa biết cách thực hiện thì hãy đọc bài viết này của tôi nhé “”. Trong đó tôi nói chi tiết và chỉ ra những cách bạn có thể cài đặt các plugin cần thiết cho công việc.

Trong cửa sổ mở ra, hãy chọn hộp kiểm “Bật đường dẫn”.

Chúng tôi rất vui vì tất cả các cài đặt sẽ mở ra bằng tiếng Nga và chúng rất trực quan. Trong video sắp xuất hiện của bài viết này tôi sẽ trình bày rõ hơn điều gì sẽ xảy ra khi bạn thay đổi một số điểm của thực đơn này. Trong thời gian chờ đợi, bạn có thể dễ dàng thử nghiệm và thử tự mình thay đổi cài đặt. Không thể làm bất cứ điều gì khủng khiếp ở đây, vì đây chỉ là những điều chỉnh trực quan đối với “mảnh vụn” của chúng tôi.

Sau khi kích hoạt breadcrumb, bước tiếp theo là chèn mã kích hoạt tính năng này vào mẫu chủ đề của bạn. Để tìm hiểu mã nào cần được chèn, hãy nhấp vào liên kết sau cài đặt chuỗi của chúng tôi.

Sau khi truy cập trang web chính thức của plugin này, chúng tôi sao chép mã được yêu cầu và dán mã đó vào vị trí trong chủ đề nơi chúng tôi dự định hiển thị chúng.

Tôi không thể đề xuất một nơi phổ biến để chèn mã này vì nó phụ thuộc vào chủ đề bạn đang sử dụng. Bạn có thể cần phải viết nó trong tệp single.php hoặc trong page.php và trong một số trường hợp trong header.php.

Trong trường hợp của chúng tôi, chúng tôi đã chèn mã gần như ngay đầu tệp single.php, nằm ở www/wp-content/themes/your theme/.

Ghi chú: Xin lưu ý rằng tốt hơn là chèn mã qua máy khách FTP. Chúng tôi sử dụng Filezilla, công việc đã được viết chi tiết. Hãy nhớ đọc hướng dẫn của chúng tôi để tránh nhiều lỗi cho người mới bắt đầu.

Hơn nữa, xin lưu ý rằng mã chúng tôi có hơi khác so với mã được các nhà phát triển đề xuất cho chúng tôi. Cụ thể là chúng tôi đã gói chức năng breadcrumbs trong thẻ div. Điều này được thực hiện để bạn có thể đặt kiểu hiển thị của riêng mình.

Để làm điều này, trong tệp style.css, chúng tôi viết các kiểu mà chúng tôi yêu cầu. Trong đó, chúng ta có thể đặt màu sắc, nền, kích thước phông chữ, gạch chân, nghĩa là dẫn đến giao diện hoàn toàn phù hợp với sở thích của chúng ta hoặc được kết hợp với phong cách tổng thể của trang. Trong trường hợp của chúng tôi, nó trông như thế này:

Đến đây, việc thiết lập plugin gần như đã hoàn tất nhưng ở phiên bản này, sau khi hiển thị các tiêu đề thì tiêu đề của bài viết cũng sẽ được hiển thị. Điều này có thể dẫn đến việc gửi thư rác quá mức. Tôi nghĩ bạn sẽ đồng ý với tôi rằng điều này là không cần thiết, vì tiêu đề của bài viết đã hiển thị rõ ràng cho người dùng và không cần phải sao chép lại.

Để tránh điều này, bạn cần chèn thêm mã nhỏ vào tệp tin.php.

Hàm adjustment_single_breadcrumb($link_output) ( if(strpos($link_output, "breadcrumb_last") !== false) ( $link_output = ""; ) return $link_output; ) add_filter("wpseo_breadcrumb_single_link", " adjustment_single_breadcrumb");

Bây giờ tất cả các cài đặt của chúng tôi đã hoàn tất. Nếu bạn đã làm mọi thứ một cách chính xác, thì bạn sẽ nhận được kết quả gần giống như trên blog của chúng tôi.

Nếu bạn có bất kỳ câu hỏi nào, hãy viết trong phần bình luận!

Tạm biệt mọi người!

Anton Kalmykov đã ở bên bạn

Xin chào tất cả các bạn. Trong bài viết hôm nay tôi sẽ cho bạn biết breadcrumb là gì, chúng dùng để làm gì và làm thế nào để thêm chúng vào blog wordpress có hoặc không có plugin. Hãy bắt đầu nào!

Breadcrumbs - một cách thuận tiện để liên kết blog

Một trong những cách đơn giảnđồng thời đơn giản hóa việc điều hướng và liên kết trang web, đây là những đường dẫn. Nó được đặt tên để vinh danh cách mà các anh hùng trong truyện cổ tích Đức “Hansel và Gretel” cố gắng tìm đường ra khỏi khu rừng.

Đúng là những mảnh vụn không giúp được gì cho bọn trẻ - chúng bị chim mổ, nhưng trong quá trình phát triển trang web, chức năng, được đặt tên theo phương pháp giải cứu không thành công, đã bén rễ và được sử dụng trong các tài nguyên cho nhiều mục đích khác nhau, từ blog cá nhân đến trực tuyến cửa hàng.

Có lẽ bạn đã nhìn thấy đường dẫn breadcrumb này nhiều nhất internet khác nhau tài nguyên. Nó thường được đặt phía trên bài viết và trông giống như thế này:

Trang chủ> Danh mục > Danh mục con > Trang hiện tại

Hơn nữa, tất cả các “liên kết”, ngoại trừ liên kết cuối cùng, đều là liên kết nội bộ.

Nhờ chuỗi này, người đọc có thể hiểu bất cứ lúc nào mình đang ở cấp độ nào của trang web và có cơ hội xem qua toàn bộ chuỗi và ngay lập tức đến phần mình quan tâm hoặc quay lại trang chủ nguồn.

Lợi ích của breadcrumbs đối với một trang web và blog là gì?

Như đã nêu ở trên, thứ nhất, nó giúp việc điều hướng dễ dàng hơn. Ví dụ, một độc giả đến với một bài viết, đọc nó và quyết định đọc các bài viết khác trong chuyên mục. Nhờ có breadcrumbs, anh ấy không cần phải tìm kiếm sơ đồ trang web hoặc danh sách các danh mục. Anh ấy sẽ lùi lại một bước.

Bạn khéo léo mời người đọc nhấp vào các liên kết, cho họ một lý do khác để ở lại trang web của bạn. Điều này, đến lượt nó, lại cải thiện các yếu tố hành vi, đó là lý do tại sao robot tìm kiếm, trước hết, blog và trang web khác nhau.

Cấu trúc trang web càng phức tạp thì việc cài đặt breadcrumbs trên đó càng quan trọng. Vì du khách, đặc biệt là những người lần đầu đến thăm, tài nguyên này, thật khó để hiểu tất cả các khối, trang, phần và tiểu mục. Nếu họ không có gợi ý nào, họ sẽ rời đi sau khi chỉ đọc một bài báo.

Nhiệm vụ thứ hai của yếu tố này, liên quan chặt chẽ với nhiệm vụ thứ nhất, là tối ưu hóa nội bộ trang web, hay đúng hơn là một cách khác để liên kết càng nhiều càng tốt số lượng lớn bài viết. Hơn nữa, không giống như liên kết thủ công, ở đây mọi thứ diễn ra tự động. Đường dẫn breadcrumb được yêu cầu ngay lập tức xuất hiện phía trên mỗi bài viết được xuất bản.

Chức năng này có thể được thêm vào các trang web và blog những cách khác. Hãy xem xét hai trong số nhiều nhất tùy chọn đơn giản dành cho WordPress - cài đặt bằng plugin và thực hiện các thay đổi nhỏ đối với mã.

Cách thêm đường dẫn vào blog bằng plugin

Cách dễ nhất để cài đặt breadcrumbs trên blog là cài đặt một plugin đặc biệt. Đối với WordPress, Breadcrumb NavXT thường được sử dụng.

Cách cài đặt chuẩn: vào blog admin -> Plugins -> Add new. Trong cửa sổ xuất hiện, hãy nhập tên của plugin và nhấp vào “Tìm plugin”.

Đây rồi, plugin của chúng tôi, hãy nhấp vào “Cài đặt ngay”, sau đó nhấp vào “Kích hoạt”.

và phía trên dòng này chèn đoạn mã sau:

Nếu bạn muốn đặt mẩu bánh mì ở một nơi khác, thì bạn đặt mã tương tự ở đó.

Sau đó, hãy chuyển đến “Cài đặt” -> “Cài đặt Breadcrumb NavXT” và trong cột “Tên liên kết”, đổi tên thành tên của bạn và lưu các thay đổi.

Tất cả những gì còn lại là vào blog và chiêm ngưỡng thành quả.

Cách thêm đường dẫn vào blog mà không cần plugin

Vì bất kỳ plugin nào cũng là một tải bổ sung trên blog, làm chậm hoạt động của blog, tốt hơn là bạn chỉ cần thay đổi mã một chút, đặc biệt là vì trong trường hợp này, việc này dễ dàng hơn việc cài đặt một plugin.

Đi tới bảng quản trị -> “Giao diện” -> “Trình chỉnh sửa” -> hàm.php. Ở đây, ở bất cứ đâu (điều chính không nằm trong hàm khác), hãy chèn đoạn mã sau:

Hàm the_breadcrumb() ( echo "Bạn đang ở đây: "; if (!is_front_page()) ( echo "Home"; echo " » "; if (is_category() || is_single()) ( the_category(" "); if (is_single()) ( echo " " "; the_title(); ) ) elseif (is_page()) ( echo the_title(); ) ) else ( echo "Home"; ) )

Và tiết kiệm. Nếu bạn lo lắng về việc bị nhầm lẫn, chỉ cần dán nó vào cuối, phía trên dấu ngoặc đơn cuối cùng.

Bây giờ bạn cần mã này:

đặt nó ở nơi bạn muốn đường dẫn xuất hiện, chẳng hạn như phía trên tiêu đề bài viết. Để thực hiện việc này, hãy truy cập single.php, tìm dòng có the_title và dán mã này lên trên nó rồi lưu các thay đổi.

Bạn có thể vào trang web và xem những gì đã xảy ra. Như bạn có thể thấy, You are here và Home rõ ràng không phù hợp ở đây và chúng cần được thay đổi thành thứ gì đó phù hợp hơn, chẳng hạn như Path và Home (hoặc tên của blog).

Ngoài ra, bạn cần đảm bảo rằng các thay đổi trông đẹp mắt như nhau trên các trình duyệt khác nhau– không trùng lặp với các phần khác của chủ đề, đồng thời hiển thị rõ ràng.

Thế là xong, Breadcrumbs giúp ích cho người đọc của bạn và bạn có thể tự hào rằng bạn đã tìm ra cách tự cài đặt chúng. Cảm ơn tất cả các bạn đã quan tâm!

tái bút Ở cuối bài viết có video hướng dẫn cách thêm breadcrumbs vào blog của bạn: