Für gewöhnlich hat man bei XAMPP bekanntermaßen Adressen wie http://localhost/ oder auch http://localhost/unterordner/, doch das ist auf Dauer etwas umständlich. Viel angenehmer wäre doch, wenn man statt http://localhost/wishude/ eine Adresse wie http://www.wishu.vs/ (vs steht hier für Virtual Server) hat.
So muss man nicht lange überlegen, wie nun der Ordner heißt, sondern hat gleich seine Domain nur anstelle von .de, com, .net oder ähnlichem ein .vs

Um das zu bewerkstelligen muss man in 3 Dateien kleinere Änderungen vornehmen. Und den Apache-Server dann neu starten. Dies geht relativ leicht über das Kontrollpanel von XAMPP. Ohne den Neustart des Apache-Servers würden die Änderungen nicht vollständig übernommen und es kann zu Fehlern kommen.

Wenn wir davon ausgehen, dass XAMPP auf der Partition D:\ im Hauptverzeichnis installiert wurde, sind das folgende Dateien welche später bearbeitet werden müssen um einen VirtualHost zu erzeugen:

• D:\XAMPP\apache\conf\httpd.conf
• D:\XAMPP\apache\conf\extra\httpd-vhosts.conf
• C:\Windows\System32\drivers\etc\hosts

Nehmen wir an, wir wollen aus der Adresse http://localhost/wishude/ die Adresse http://www.wishu.vs/ machen. Mit dieser Aufgabe werde ich Sie jetzt durch dieses kleine Tutorial führen.

Als erstes öffnen wir die httpd.conf un navigieren zu Zeile 176. In dieser müsste DocumentRoot "D:/XAMPP/htdocs" stehen. Der Pfad ändert sich natürlich je nach Installationsort von XAMPP. Unter diese Zeile fügen wir folgendes ein:

DocumentRoot "D:/XAMPP/wishu"

Auch hier ändert sich der Pfad je nach Installationsort.

Als nächstes öffnen wir die Datei httpd-vhosts.conf, hier dürften derzeit nur Einträge sein, welche ein # vorangestellt haben – also auskommentiert wurden. Diese Bereiche sind Beispiele für die Erstellung von VirtualHosts. Darunter fügen wir nun unseren Code ein. Dieser sieht dann wie folgt aus:

NameVirtualHost 127.0.0.1

<VirtualHost 127.0.0.1>
    ServerName www.wishu.vs
    ServerAlias wishu.vs
    AddType text/html .shtml
    AddHandler server-parsed .shtml
    DocumentRoot "D:/XAMPP/wishu"
    <Directory "D:/XAMPP/wishu">
    Options Indexes FollowSymLinks
    Options +Includes
#   Options +
    AllowOverride FileInfo
    AllowOverride All
    Order allow,deny
    Allow from all
    DirectoryIndex index.html index.htm index.php
    </Directory>
</VirtualHost>

Unter ServerName und ServerAlias wird die gewünschte Adresse sowohl mit als auch ohne www. Der Ordnerpfad wird an den Stellen DocumentRoot und <Directory> bestimmt. Die restlichen Einstellungen sind lediglich Formsachen, welche nicht weiter beachtet werden sollten, wenn man sich damit nicht wirklich auskennt.

Diese Konfiguration lässt auf jeden Fall einige Freiheiten mehr als eine gewöhnlich Konfiguration. Was sinnvoll ist, da man ja schließlich Zuhause nicht selbst eingeschränkt werden möchte. Die beste Methode ist es allerdings die Einstellungen an den Webserver anzupassen, doch dafür muss man sich schon etwas besser mit der Materie auskennen.

Zu guter Letzt bearbeiten wir die hosts-Datei, welche im Grunde nichts mit XAMPP zu tun hat. Diese Datei ist von Natur aus bereits auf dem System in diesem Ordner. Mit dieser verwaltet man Extraregeln für die Weiterleitung von Domains. So kann man zum Beispiel in dieser Datei einstellen, dass Die Yahoosuche auf Google weiterleitet oder ähnliches.

Ähnliches tun wir jetzt auch mit unserem VirtualHost. In der Hosts-Datei muss man sowohl die Adresse, welche umzuleiten ist, also auch die an die es weitergeleitet werden soll angeben. Die kleine Schwierigkeit – das Zil muss als IP-Adresse angegeben werden. Wenn man einmal statt http://localhost einfach 127.0.0.1 eingibt, kommt man auf die gleiche Seite wie bei den sonstigen Aufrufen.

Diese IP-Adresse nutzen wir auch in der Hosts-Datei. Der zweite Parameter wird die Adresse sein, welche wir in der httpd-vhosts.conf bestimmt haben. Wieder mit und ohne www. Bisher müsste bereits ein Eintrag drin sein, das wäre dann dieser:

127.0.0.1    localhost

Es ist natürlich auch gut möglich, dass bereits einige andere Einträge von zum Beispiel einem Anti-Virenprogramm eingefügt wurden, doch der Eintrag welchen wir benötigen, steht in den meisten Fällen ganz oben. Unter diesen Eintrag fügen wir dann folgendes ein:

127.0.0.1    wishu.vs www.wishu.vs

Nun muss nur noch der Apache-Server neu gestartet werden und schon kann man die Seite aufrufen. Wenn der Ordner noch leer ist, bekommt man lediglich eine leere Verzeichnisübersicht angezeigt. Durch einfügen der Dateien ist die Seite dann wie gewohnt nutzbar. Die MySQL-Daten bleiben so erhalten, ebenso wie alles andere – lediglich die Adresse ändert sich.

Das war es dann auch schon wieder!
Euer Wishu

Dieser Artikel war ursprünglich auf Wishu.de zu finden und wurde lediglich portiert!

Mit PHP lässt sich das auch ganz leicht lösen. Eine einfache Funktion setzt den Titel der Seite automatisch, wenn die Variablen $title und $category gesetzt sind. Diese werden zu Beginn jeder Datei – noch vor dem inkludieren des <head> – eingefügt und geben den jeweiligen Titel der Seite und die jeweilige Kategorie an.

Wenn man sich auf der Hauptseite befindet, soll jedoch nicht nur der Name der Seite, sondern noch eine kleine Beschreibung in den Titel, damit die Seite bei Google nicht nur auf den Namen beschränkt ist. Die folgenden 19 Zeilen Code ermöglichen uns dies:

<?php
  function the_title($full, $short)
    {
      global $title;
      global $category;

      if ($title != 'Startseite')
        {
          echo $title.' | ';
          if (isset($category) AND ($title != $category))
            {
              echo $category.' | ';
            }
          echo $short;
        }
        else
          {
            echo $full;
          }
    }



?>

Zu Beginn der Funktion werden die Variablen $title und $category ausgelesen und an die Funktion the_title() übergeben. Aus diesem Grund müssen diese Variablen auch vor der Funktion definiert werden, da PHP von oben nach unten arbeitet.

Zuerst wird überprüft ob der Titel der Seite “Startseite” ist. Wenn dem nicht so ist, wird erst die Variable $title ausgegeben und ein | wird an diese als Trenner gehängt. Als nächstes wird überprüft, ob die Kategorie gesetzt ist und ob die Kategorie den gleichen Wert hat wie der Titel der Seite.

Wenn der Titel und die Kategorie nicht den gleichen Wert aufweisen, so wird auch noch die Variable $category ausgegeben und ein | wird an diese als Trenner gehängt. Danach wird nur noch $short hinten ran gehängt um den Namen der Seite auch im Titel zu haben. Die Variable $short wird genau so wie die Variable $full beim Aufruf der Funktion angegeben und beinhaltet den Titel der Seite in Lang- oder Kurzform.

Wenn die Variable $title hingegen den Wert “Startseite” aufweist, dann wird die längere Version ($full) ausgeben.

Schlusswort

Ich selbst setze diese Funktion bei meinen Seiten immer ein. WishuLoad und auch Wishu.de beinhalten diese Funktion ebenfalls.

Das war es dann auch schon wieder!
Euer Wishu

Durch einen Beitrag bei Dr. Web inspiriert, möchte ich hier mal eine etwas sinnvollere Lösung bieten um Variablen in CSS zu benutzen als dort erwähnt wird. Dort findet man folgenden Satz:

Das Problem ist dabei nur, dass das Stylesheet unübersichtlicher wird, weil es nun nicht mehr abgekoppelt ist und zuerst durch einen Preprocessor “laufen” soll.

Das ist aber nicht wirklich verständlich, denn die CSS-Datei kann nach wie vor einzeln darstellen. Man muss ihr lediglich beibringen PHP zu verstehen. Das sollte auf so ziemlich jedem Paid-Webspace möglich sein und sogar einige Freehoster lassen dies zu. Mit Hilfe einer htaccess-Datei kann man dem Server sagen, wie er bestimmte Dateien lesen soll.

Also brauchen wir dem Server nur zu sagen, dass er neben Dateien mit der Endung .php auch Dateien mit der Endung .css als PHP-Datei erkennen soll, bzw. dass er auch in dieser Datei das PHP parsen soll, damit man Variablen in der CSS-Datei benutzen kann. In der gleichen Anweisung kann man auch HTML-Dateien mit einschließen. Diese Anweisung würde dann so aussehen:

AddType application/x-httpd-php php php5 php4 php3 html htm css

Somit werden alle Dateien mit den Endungen .php, .php5, .php4, .php3, .html, .htm und mit der Endung .css auf die Liste der Dateien gesetzt, welche der Server parsen soll.

Jetzt sollte man sich aber nicht wundern, denn wenn man die Seite jetzt aufruft, wird kein Stylesheet geladen. Man muss der CSS-Datei nun erst wieder sagen, dass sie eine solche Datei ist und das tut man mit PHP. Dazu muss man lediglich folgendes in die CSS-Datei eintragen:

<?php
header('Content-Type:text/css');
?>

Damit weiß die CSS-Datei nun wieder, dass sie eine ist und kann es dem Browser auch so mitteilen. Darunter folgt dann ganz normal das CSS. Dieses muss nicht unbedingt in einer echo-Anweisung von PHP stehen, doch es ist platzsparender. Denn wenn das CSS einzeln steht, muss man immer wieder PHP mit <?php öffnen, eine echo-Anweisung einleiten, die Variable eintragen und mit ?> wieder PHP schließen.

Wenn man die kompletten CSS-Anweisungen in einer echo-Anweisung mit Doppelquotes macht, braucht man an die Stellen, an die die Variable soll lediglich die Variable eintragen. Somit wird sie ausgeführt und man spart sich eine Menge Code.

Sobald das erledigt ist, muss man eigentlich nur noch unter dem header-Befehl die Variablen definieren. Wie das geht, sollte man bereits wissen, ansonsten findet man auch sicherlich noch eine Seite, auf der das nochmal genau beschrieben wird

Wenn man das alles gemacht hat und seine Variablen bestimmt hat, fallen zukünftige Änderungen wesentlich leichter. Denn man muss erstens nicht mehr suchen, wo sich eine Anweisung versteckt, da sie alle oben sind und zweitens muss man nur noch eine Stelle im Code ändern.

Das war es dann auch schon wieder!
Euer Wishu

Bildquelle: Wikipedia