Breadcrumb là một tính năng cho phép người dùng điều hướng đến trang mà họ muốn. Tính năng này cũng rất quan trọng cho SEO. Tuy nhiên, trong phiên bản lần đầu mình gửi cho một số bạn. Nếu để ý chúng ta sẽ thấy không có chức năng đường dẫn Breadcrumb. Do đó, bài viết này mình hướng dẫn các bạn tạo Breadcrumb đẹp và phù hợp cho giao diện này.
Code Tạo Breadcrumb đẹp cho wordpress không dùng plugin
Bước 1: Các bạn copy đoạn code bên dưới và paste vào trong file function.php (giao diện > chỉnh sửa > tìm file function.php để sửa). Việc copy đoạn code này ném vô function.php là khởi tạo tính năng breadcrumb cho website.
function the_breadcrumb() { echo '<ul id="crumbs">'; if (!is_home()) { echo '<li><a href="'; echo get_option('home'); echo '">'; echo 'Trang chủ'; echo "</a></li>"; if (is_category() || is_single()) { echo '<span>›</span><li>'; the_category (' </li><li> '); if (is_single()) { echo "</li><span>›</span><li>"; the_title(); echo '</li>'; } } elseif (is_page()) { echo '<span>›</span><li>'; echo the_title(); echo '</li>'; } } elseif (is_tag()) {single_tag_title();} elseif (is_day()) {echo"<li>Archive for "; the_time('F jS, Y'); echo'</li>';} elseif (is_month()) {echo"<li>Archive for "; the_time('F, Y'); echo'</li>';} elseif (is_year()) {echo"<li>Archive for "; the_time('Y'); echo'</li>';} elseif (is_author()) {echo"<li>Author Archive"; echo'</li>';} elseif (isset($_GET['paged']) && !empty($_GET['paged'])) {echo "<li>Blog Archives"; echo'</li>';} elseif (is_search()) {echo"<li>Search Results"; echo'</li>';} echo '</ul>'; }
Bước 2: Chèn đoạn code sau vào nơi cần hiển thị
<div class="duong_dan_breadcrumb"><?php the_breadcrumb(); ?></div>
Bước 3: Chèn đoạn code CSS vào file Style.css hoặc bạn có thể tự style cho nó.
.duong_dan_breadcrumb{ display: block; overflow: hidden; margin: 0; background: #fff; line-height: 32px; padding-top: 5px; } .duong_dan_breadcrumb li a{ display: inline-block; white-space: nowrap; font-size: 16px; color: #288ad6; padding: 0 10px 0 0; } .duong_dan_breadcrumb li{ display: inline-block; vertical-align: middle; overflow: hidden; font-size:16px } .duong_dan_breadcrumb span{ display: inline-block; font-size: 17px; color: #999; line-height: 1; padding-right: 7px;}
[url=http://bmtadalafil.online/]best price for tadalafil 20 mg[/url]
[url=http://drugstorepp.online/]online pharmacy 365[/url]
[url=https://drugstorepp.online/]canadian pharmacy cialis[/url]
[url=https://lisinoprilgp.com/]lisinopril tabs 4mg[/url]
[url=http://lisinoprilgp.com/]lisinopril 5 mg price[/url]
[url=https://olisinopril.online/]zestoretic canada[/url]
[url=http://valtrexbt.online/]valtrex pill[/url]
Thanks for sharing such a nice thinking, paragraph
is pleasant, thats why i have read it entirely
[url=http://olisinopril.com/]zestril 10 mg[/url]
[url=https://tadalafilu.online/]best price tadalafil 20 mg[/url]
Spotify ad blocker is the ultimate solution that allows you to enjoy your favorite tunes without those disturbing ads interrupting your music streaming experience on Spotify, So it’s time to say goodbye to those annoying ads that break the rhythm of your playlists.
ihrfuehrerschein.com
이 집은 서너 명으로 구성되어 있습니다… 매우 번창합니다.
[url=http://happyfamilystorerx.online/]online pharmacy meds[/url]
[url=https://tadalafilu.online/]tadalafil capsules 20mg[/url]
[url=http://bestprednisone.online/]prednisone 4[/url]
onair2tv.com
이 말을 남기고 서둘러 잠실로 향했다.
[url=https://teplica-teplourala.ru]Теплица от производителя цены.[/url]
[url=https://teplica-teplourala.ru]Теплица из поликарбоната цена.[/url]
[url=https://teplica-teplourala.ru]Теплица из поликарбоната купить.[/url]
[url=http://vatrex.online/]valtrex daily cost[/url]
[url=http://asynthroid.com/]synthroid pills for sale[/url]
thewiin.com
그는 몇 걸음 물러서서 Ouyang Zhi를 가리켰다: “너…너…”
cougarsbkjersey.com
情報が豊富で非常に役立ちました。これからも読み続けます。
[url=http://lisinoprilgp.com/]lisinopril 20 25 mg tab[/url]
[url=http://synthroidam.online/]synthroid 0.25 mg[/url]
Thanks a bunch! This is an astounding web-site.
https://www.polskibiznes.info
[url=https://azithromycinmds.online/]order zithromax online[/url]
WOW just what I was searching for. Came here by searching for kraken все зеркала ссылки
[url=https://metforemin.online/]buy metformin online with no prescription[/url]
[url=https://pharmgf.online/]best value pharmacy[/url]
[url=https://lisinoprill.com/]lisinopril 2[/url]
[url=https://samoylovaoxana.ru/tag/tury-v-shri-lanku/]туры в Шри-Ланку[/url] или [url=https://samoylovaoxana.ru/tag/aksessuary-dlya-rybalki/]аксессуары для рыбалки[/url]
[url=https://samoylovaoxana.ru/organizaciia-prazdnikov-ekskyrsii-i-vstrech/]Организация праздников, экскурсий и встреч[/url]
https://samoylovaoxana.ru/tag/obuv-dlya-plyazha/
Ещё можно узнать: [url=http://yourdesires.ru/it/windows/940-kak-uznat-seriynyy-nomer-noutbuka.html]как найти серийный номер[/url]
Лучшие туристические направления
you can look here [url=https://mixep.money]mixer money[/url]
[url=https://happyfamilystorerx.online/]canadian pharmacies comparison[/url]
game1kb.com
Zhou Tanzhi는 이 말을 듣고 갑자기 짜증이 났고 그의 스승이 말한 것이 매우 합리적이라고 느꼈습니다.
[url=https://valtrexid.com/]where can i buy generic valtrex[/url]
[url=http://valtrexbt.online/]valtrex cost in mexico[/url]
[url=https://tadalafilstd.com/]cost of 5mg tadalafil[/url]
[url=https://happyfamilystorerx.online/]best online foreign pharmacy[/url]
At present, there are still many people who prefer using Windows 10 Pro than upgrading to Windows 11. When an operating system already has everything necessary for one to work with, there is little to no reason for upgrade. As a matter of fact, some users consider Windows 10 Pro as the best version Microsoft has ever made and hence they are reluctant to replace it with the latest version.
Still, just like any other Windows versions ever released by Microsoft, Windows 10 Pro isn’t completely without problems. There have been a lot of issues and some of them have affected many users’s experiences significantly in using the operating system.
Microsoft Edge is the recommended browser in Windows 10 Pro offering a simple yet sleek interface alongside a slew of features that makes browsing the web feels much more convenient than when you use Internet Explorer. It is built based on the engine that powers Google Chrome browser and yet many users believe that Microsoft Edge is faster and lighter.
Despite being an older version, Windows 10 Pro has an arguably better Start Menu than Windows 11. It might look less beautiful but it is more functional. The fact that there are plenty tutorials on how to relocate the start menu to the left of the taskbar in Windows 11 is enough of a proof that new design isn’t always better than the old one, especially if the changes is too different from the past version.
There are at least two features in Windows 10 Pro that can save your eyes. The first one is dark theme that takes effect nearly everywhere including File Explorer. The second is Night Light. While the dark theme can protect your eyes from being blinded by the bright color of the light theme, the Night Light reduces the blue light which is believed to be a prominent factor in harming one’s sight.
Another mundane feature yet so helpful is the Quick Access section in File Explorer. The files that you were last working on are listed there automatically by Windows, so you can resume whatever you were working on quickly. However, while there are users who find this useful, there also others who considers it as a privacy risk and therefore disable it.
The clipboard manager, the one that has been revamped, is extremely useful in copying and pasting items. It stores the history of copied items. When you need to paste the same item, instead of searching it and copying it again, you can just pick it up from the history. Better yet, the clipboard content can be synced across your computers via the cloud. For users who copy paste text a lot, this feature alone would be a great boost to productivity.
Windows 10 Pro ISO Free Download
Windows 10 Pro is jam-packed with tons of features that are not only very useful but also easy to use. And there are still advanced features that power users can utilize to do certain tasks even more efficiently. All in all, Windows 10 Pro fits both casual and power users. You can click the link below to download Windows 10
Link : [url=https://docste.com/download-windows-10-iso]Download Windows 10[/url]
[url=http://lisinoprildrl.online/]16 lisinopril[/url]
otraresacamas.com
実践的な知識と情報が豊富で、とても参考になる記事でした。
[url=http://valtrexv.com/]order valtrex online[/url]