KS Webdesign - Der Blog » PHP http://webdesign-passau.com/wordpress Wed, 18 Apr 2012 07:28:02 +0000 en hourly 1 http://wordpress.org/?v=3.3.2 Navi includen – ohne Deppenlink http://webdesign-passau.com/wordpress/navi-includen-ohne-deppenlink/ http://webdesign-passau.com/wordpress/navi-includen-ohne-deppenlink/#comments Wed, 23 Dec 2009 14:33:11 +0000 Klaus http://webdesign-passau.com/wordpress/?p=464 Weiterlesen →]]> Wer kennt das nicht: Die Navigation einer bestehenden Site ändert sich und nun muss die Änderung bei wirklich jeder Seite eingetragen werden. Nervig und zeitaufwändig!

Eine Menge Zeit spart man sich wenn man die navi per include einbindet. Diese Methode ist relativ simpel und effektiv. Man führt die Änderung an einer Datei durch und fertig.

Man hat zwar noch den Deppenlink (Link der auf sich selber zeigt), aber was soll’s.

In diesem, auch für PHP-Vollpfosten geeigneten Tutorial beschreibe ich euch, wie ihr die navi includet und trotzdem den Deppenlink vermeidet.

So sieht euer Menü normalerweise aus:

  • <div id="navi">
  • <ul>
  • <li><strong>Startseite</strong></li>
  • <li><a href="leistungen.htm">Leistungen</a></li>
  • <li><a href="team.htm">Team</a></li>
  • </ul>
  • </div>

Wie es sich gehört ist das Menü eine ungeordnete Liste. Bei der aktuellen Seite wurde a gegen strong ausgetauscht, um den Deppenlink zu vermeiden.

Um die navi zu includen, benenne ich die beteiligten Dateien von .htm in .php um. Aus der index.htm wird also index.php, usw.

Wo die ungeordnete Liste mit dem Menü stand trage ich folgendes ein:

  • <div id="navi">
  • <?php include ("navi.php") ?>
  • </div>

Den Inhalt der navi.php, die anstelle von dem, was da vorher stand eingebunden wird werfe ich euch mal direkt vor die Füße:

  • <?php
  • $uri = $_SERVER['REQUEST_URI'];
  • $navi = array(
  • '/' => 'Startseite',
  • '/leistungen' => 'Leistungen',
  • '/team' => 'Team',
  • );
  • echo '<ul>'."\n";
  • foreach ($navi as $href => $text)
  • {
  • echo '<li>';
  • if ($uri == $href)
  • {
  • echo '<strong>'.$text.'</strong>';
  • }
  • else
  • {
  • echo '<a href="'.$href.'">'.$text.'</a>';
  • }
  • echo '</li>'."\n";
  • }
  • echo '</ul>'."\n\n";
  • ?>

Um zu verstehen was wo eingetragen wird, lohnt es sich einmal etwas genauer hinzuschauen.

Zuerst wird in einem array die Adresse root-relativ eingetragen, d.h. es wird vom Wurzelverzeichnis des Webservers ausgegangen, was ja i.d.R. immer / ist.

Rechts daneben steht in Hochkommata der Text des Menüpunktes.

Wenn die angewählte URL gleich der URL des Menüpunktes ist wird a gegen strong ausgetauscht, ansonsten über die else der Link hingeechot.

Das array kann beliebig erweitert werden, je nachdem wieviel Menüpunkte die Navigation hat.

Wenn ihr mehrere Menüs auf eurer Seite habt, braucht ihr z.B. eine topnavi.php, eine seitennavi.php und/oder eine fuss-navi.php. Der Inhalt ist bis auf die Punkte des arrays gleich, ihr müßt nur die richtige PHP-Datei an der richtigen Stelle includen.

Das ist die einfachste Art eines Menüs, welches includet wird. Da ich euch noch mehrere Varianten zur Verfügung stellen will, habe ich alles zum Download in den Ordner include.zip gepackt.

Die enthaltene navi-normal.php ist die hier vorgestellte Variante.

Bei der navi-title.php gibt es zusätzlich den title-Tag für a

Bei der navi-klasse.php hat a noch eine zusätzliche Klasse und die navi-id.php hält für jeden Listenpunkt eine id bereit.

Funktioniert problemlos mit statischen Seiten. Ob das mit einem CMS so ohne weiteres geht glaube ich eher nicht.

Wenn ihr das Gleiche für eine WordPressinstallation wollt, kann ich euch den schönen Artikel von Thomas dazu ans Herz legen.

Von Markus stammt die Ursprungsversion des Scriptes. Heiko hat es verfeinert und David hat mir beim Verstehen des Scriptes geholfen.

Vielen Dank dafür euch dreien!

Ihr habt mir abgesehen von diesem Script schön öfter geholfen. Auch dafür nochmal an dieser Stelle meinen besonderen Dank! Ich habe viel von euch gelernt.

]]> http://webdesign-passau.com/wordpress/navi-includen-ohne-deppenlink/feed/ 24