Chào các bạn! Đây là bài viết đầu tiên của mình tại Hutruc cũng là bài viết đầu tiên về thủ thuật wordpress. Nếu có gì chưa hoàn chỉnh mong các bạn hãy đóng góp ý kiến để mình rút kinh nghiệm trong các bài viết sau!
Trong bài này, mình sẽ hướng dẫn các bạn cách tạo thanh điều hướng cho blog wordpress. Demo các bạn có thể xem ở phía trên bài viết này tại Hutruc.com
Ảnh Minh Họa: Thanh điều hướng của Hư Trúc Blog
Cách 1: Không dùng plugin:
Tạo tập tin mới có tên breadcrumbs.php với nội dung là đoạn code sau:
<div class="breadcrumbs">
<?php
function breadcrumbs() {
$theFullUrl = $_SERVER["REQUEST_URI"];
$urlArray=explode("/",$theFullUrl);
echo 'You Are Here: <a href="/">Home</a>';
while (list($j,$text) = each($urlArray)) {
$dir='';
if ($j > 1) {
$i=1;
while ($i < $j) {
$dir .= '/' . $urlArray[$i];
$text = $urlArray[$i];
$i++;
}
if($j < count($urlArray)-1) echo ' » <a href="'.$dir.'">' . str_replace("-", " ", $text) . '</a>';
}
}
echo wp_title();
}
breadcrumbs();
?>
</div>
Sau đó chèn đoạn code sau vào nơi bạn muốn hiển thị thanh điều hướng:
<?php include ( TEMPLATEPATH . '/breadcrumbs.php'); ?>
Để trang trí cho thanh điều hướng, bạn chỉ cần thêm class “breadcrumbs” vào file css!
Cách 2: Sử dụng plugin:
Breadcrumb NavXT – Download tại đây.
Sau khi cài plugin chèn đoạn code sau vào nơi muốn hiển thị thanh điều hướng:
<div class="breadcrumb">
<?php
if(function_exists('bcn_display'))
{
bcn_display();
}
?>
</div>
Yoast Breadcrumbs – Download tại đây.
Sau khi kích hoạt plugin, chèn đoạn code sau vào nơi bạn muốn hiển thị thanh điều hướng.
<?php if ( function_exists('yoast_breadcrumb') ) {yoast_breadcrumb('<p id="breadcrumbs">','</p>');} ?>
Trên đây là 2 cách tạo thanh điều hướng mà mình biết, hy vọng bài viết sẽ có ích với các bạn!
{ 1 trackback }
{ 44 comments… read them below or add one }
Chao mừng CTV đầu tiên của Hutruc nhé
Tinh´s last blog ..Miễn Phí Hosting Suốt Đời Từ WestHost
Em cũng chúc mừng bác
Cái chiêu này bên bác sonmanutd cũng gặp nè
Chúc mừng CTV Pen Flag
Cám ơn bác
Chúc mừng bác HuTruc đã có thêm CTV
max2max´s last blog ..Download Thrilling Theme – Woo Themes
Cảm ơn bác, mời bác làm CTV nhé
Hic, em còn gà lắm. Mong rằng 1 lúc nào đó nghĩ ra ý tưởng gì hay viết bài cho bác.
Ok, HT lúc nào cũng hoan nghênh bác
Bác kiểm tra lại file breadcrumbs.php đi, hình như có vấn đề. Trong notepad++ bắt đầu từ sau lệnh while nó mờ đi rồi. Em vừa test thấy không được!
Lỗi hiển thị code, HT đã fix lại rồi, Thanks bác đã thông báo
Cứ tưởng HT comeback, hoá ra là CTV. Không biết HT dạo này đi đâu rồi
Minh@Minh Meo’s Blog´s last blog ..Tặng 5 domain .info cho các bạn có nhu cầu
HT đã trở lại viết bài từ hôm qua đấy chứ
HT đã trở lại – lợi hai hơn ngày xưa
“Lợi hại hơn ngày xưa” -> Câu này em mang không nổi, trước giờ vẫn vậy, không dám nhận 2 chữ “lợi hại” đâu
Vậy là trước giờ vẫn lợi hại hả
Bác Pen chỉ được cái là nói chí phải
LeHienTinh´s last blog ..Một Số Thay Đổi Đáng Kể Trên Hiền Tính’s Blog
Lại thêm một vấn đề nảy sinh là nó chỉ hiện: “Home > Tên bài viết” chứ nó không có hiện category
Sử dụng plugin thì tốt rồi, nếu dùng code thì đúng là như vậy. HT trước đây cũng có thử áp dụng code, nhưng nếu để link dạng: domain.com/category/tenbaiviet thì hiển thị bình thường, nhưng nếu: domain/tenbaiviet thì không hiển thị cat. Cái này hỏi bác Pen xem có cách khắc phục không
Ôi buồn tình
Tạm thời thì em vẫn chưa tìm ra cách khắc phục
Chào mừng CTV đầu tiên ! Bác này là giỏi PTS lắm nha !
Đúng rồi, trang của bác ấy chuyên về PTS mà
HT cũng thường mò làm theo 
Các bác quá khen! Thật ra chuyên ngành của em là photoshop nên có gì thiếu xót trong bài viết mong các bác đóng góp ý kiến để em rút kinh nghiệm trong những bài sau
Hóa ra PTS là photoshop
Chức bác nghĩ là gì
Tưởng PTS=Paid To Surf
Vì lúc đó chưa click vô photoshopvn.net
Hùng´s last blog ..Tạo 3D E-cover đơn giản
Ku Pen vào trả lời comment tương tác với bạn đọc đi nào. Đi đâu rồi
Lê Hoàng´s last blog ..Các website giải mã footer theme wordpress
Em đây bác. Sáng đi học chiều về mới onl dc chứ
Chúc mừng bác HT,comeback cùng với CTV mới
Thanks bác
Lâu hok thấy entry nào,tự dưng làm một lèo 2 iem
)
Dạo này bận, cũng như không có cảm hứng viết bài.
Ọc ọc, ra là ctv @@
“Cờ bút chì” hay “bút chì cờ” nhẩy ;))
Câu dưới ý nghĩa là gì bác nhẩy ?
PENFLAG @@
Cài này hay nhỉ, thuận tiện hơn cho người đọc
Vâng, cái này rất hữu ích với những blog có cấu trúc chuyên mục chuyên sâu. Những blog bình thường cũng nên sử dụng.
Chào mừng bạn lần đầu đến với HT blog. Hy vọng nhận được góp ý của bạn cho những bài sau.
Trời thêm nắng ửng hồng đôi má…
Yêu đời thế …
Bác nói thế chết em
Đúng gì mà đúng
Đúng là trong đầu bác chỉ nghĩ đến những cái liên quan đến kiếm tiền thôi. :d
Ai biểu dùng “từ phổ biến” quá.