面包屑导航

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了面包屑导航相关的知识,希望对你有一定的参考价值。

Fügen Sie diesen Codeabschnitt auf allen Seiten die mit der Breadcrumb-Navigation ausgestattet werden sollen, an der gewünschten Position ein.

Das Script arbeitet recht einfach:

<li>per 'explode("/","$_SERVER[php_SELF]")' wird die momentan aktuelle URL mit Hilfe des Trennzeichens '/' aufgelöst und in ein Array geschrieben.</li>
<li>'Startseite' wird mit einem Link zu Ihrer Domain ausgegeben.</li>
<li>Anschließend wird mit einer Schleife jedes Element aus dem Array mit sich selbst verlinkt, per 'ucfirst' das erste Zeichen jedes vorhandenen Ordners grossgeschrieben und mit dem Trennzeichen '/' ausgegeben.</li>
<li>Und in der Folge die momentan aktuelle Datei, diesmal ohne Verlinkung und auch ohne Dateiendung, angezeigt.</li>
<li>Da das Script die Ordner- und Dateinamen anzeigt, achten Sie bereits bei der <li>Vergabe von Bezeichnungen der einzelnen Ordner auf eine lesbare Struktur. </li>Immerhin liest sich:

Sie befinden sich hier: Startseite > Onlineshop > Computer > Eingabegeräte

besser als

Sie befinden sich hier: Startseite > Sho > Comp > Index

Nach dem Einbau, steht den Benützern Ihrer Website eine voll-funktionsfähige Breadcrumb-Navigation zur Verfügung, die nicht auf aktiviertes javascript angewiesen ist, sich bestes für eine korrekte Indexierung durch Suchmaschinen eignet und auch den Segen von Steve Krug bekommen sollte.
  1. <?php
  2. $an="Sie befinden sind hier: ";
  3. $home="http://www.drweb.de/"; // Hier Ihre Domain
  4. $pie=explode("/","$_SERVER[PHP_SELF]");
  5. $tr=" > "; // Alternativ: ':', '/'
  6. $b=count($pie);
  7. echo $an."<a href="".$home."">Startseite</a>";
  8. // Alternativ: 'Home', 'Start'
  9. for($a=1;$a<$b-1;$a ){
  10. $ta=$ta.$pie[$a]."/";
  11. echo $tr."<a href="".$home.$ta."">".ucfirst($pie[$a])."</a>";}
  12. $file=explode('.',ucfirst($pie[$b-1]));
  13. echo "<b>".$tr.$file[0]."</b>";
  14. ?>

以上是关于面包屑导航的主要内容,如果未能解决你的问题,请参考以下文章

yoast breadcrumb面包屑导航修改去掉product

bootstrap面包屑导航

将面包屑 php 添加到我的引导导航栏

WordPress主题开发:制作面包屑导航

什么是面包屑导航?

利用 React 高阶组件实现一个面包屑导航