Skip to content

August 8, 2011  |  677 views

Home Page / WordPress / Plugin / Plugin Breadcrumb NavXT


Plugin Breadcrumb NavXT

breadcrumb-sample

Breadcrumb NavXT, là sự kế thừa cho wp plugin phổ biến breadcrumb navigation XT, được việt lại và hoàn thiện hơn so với bản trước đó. Plugin này tạo ra các chỉ mục đường dẫn cho blog wp hoặc trang web của bạn. Những chỉ mục này có thể tùy chỉnh cho phù hợp với nhu cầu của trang web bất kì tạo bởi mã nguồn wp. Giao diện option đơn giản và dễ dàng cái đặt, khi người dùng truy cập vào một lớp truy cập trực tiếp thì có nhiều sự lựa chọn khác cho người dùng. Lưu ý rằng plugin này yêu cầu PHP5.2 hoặc mới hơn.

Current Version: 3.9.0
Requires WordPress Version: 3.1 or higher
Compatible up to: 3.2.1
Last Updated: 27/2/2011 Downloads: 378,963
Orther Version: WP Plugin

Basic Usage

Basic Usage

Cài đặt plugin này bình thường như các plugin khác.

Đề chèn plugin này bạn có 2 cách, một là chọn chế độ chuẩn mà plugin này đưa ra trong phần setting của nó hoặc 2 là chèn đoạn mã sau vào temp. Thường thì bạn chèn vào post.php hoặc single.php, cái này tùy thuộc và theme mà bạn đang sử dụng.

<div class="breadcrumbs"><?phpif(function_exists('bcn_display')){bcn_display();}?></div>
Và để trau chuốt hơn bạn cũng có thể dùng css. Ví dụ như của mình đó.
Nếu bạn mới làm quen với wp thì có thể sử dụng css của mình chèn vào file style.css trong theme của bạn.
breadcrumbspn{
float: left;
color: black;
font-size: 12px;
font-style: arial;
font-weight: bold;
border: 1px solid #696;
padding: 4px 15px 4px 15px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: #666 0px 2px 7px;
-moz-box-shadow: #666 0px 2px 7px;
box-shadow: #666 0px 2px 7px;
background: #E7E9EB;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#E7E9EB), to(#E7E9EB));
background: -webkit-linear-gradient(#E7E9EB, #E7E9EB);
background: -moz-linear-gradient(#E7E9EB, #E7E9EB);
background: -ms-linear-gradient(#E7E9EB, #E7E9EB);
background: -o-linear-gradient(#E7E9EB, #E7E9EB);
background: linear-gradient(#E7E9EB, #E7E9EB);
-pie-background: linear-gradient(#E7E9EB, #E7E9EB)
behavior: url(blog/wp-content/uploads/data/css_ie/PIE.htc);
}
Trong đoạn css này mình có dùng PIE để hiện thị được trên IE các bạn tham khảo tại css3pie.com
Sau đó thay đoạn mã trên bằng đoạn mã đã thêm tag css này.
<breadcrumbspn><div><?phpif(function_exists('bcn_display')){bcn_display();}?></div></breadcrumbspn>
Trong phần Setting của plugin này mình thấy khá ổn, còn phần Breadcrumb Separator bạn có thể thay bằng ký hiệu khác.
Để biết rõ hơn về plugin breadcrumb navXT các bạn xem thêm tại đây

About Ngọc Chiến Lâm

Lâm Ngọc Chiến has written 40 post in this blog.

Đừng quên cảm ơn khi bài viết hữu ích với bạn và hãy chia sẽ những gì bạn cho là hữu ích.

Share your thoughts, post a comment.

(required)
(required)

Note: HTML is allowed. Your email address will never be published.

Subscribe to comments

Chọn kiểu gõ: Tự động TELEX VNI Tắt