Dann wollen wir auch mal anfangen. Die Themen habe ich ja schon kurz angerissen und das Teaserbild ist aus dem ABC der Awesomeness entnommen. Übrigens der Buchstabe P. Also 3 Mal Design und 2 Mal Unterhaltung, wobei die PHP-Sache wohl eher von Entwicklern verstanden wird. Aber dennoch hier die Links

Weltbekannte Logos im Laufe der Zeit

Zum Linktipp

If PHP Were British

Zum Linktipp

Internet of Yesterday & Today: 1996 vs. 2011

Zum Linktipp

Incredible 3D Creations Worth Seeing – 33 Examples

Zum Linktipp

So, ich hoffe euch hat die kleine Sammlung gefallen. Ich versuche das jetzt mal regelmäßig zu machen, Auf jeden Fall allerdings öfter. Soll ja immer mal ganz beliebt sein, ich persönlich gucke solche Sammlungen ja auch ganz gerne mal durch. Dann noch ein fröhliches TGIF an euch alle und schönes Wochenende.

Das war es dann auch schon wieder!
Euer Wishu

Twenty Eleven ist allgemein recht gut anpassbar, doch einige Dinge wurden meiner Meinung nach sehr schlecht bedacht. So sind zum Beispiel in der Standardkonfiguration die Artikelseiten und die Einzelseiten ohne Sidebar. Für mich ein No-Go und musste erst umständlich angepasst werden. Ebenso verhält es sich mit dem Header-Bild, nur ist es hier nicht ganz so umständlich.

Du kannst hier ein eigenes Bild für die Kopfzeile (auch Header genannt) hochladen. Im nächsten Schritt kannst du es außerdem passend zuschneiden. Bilder von genau 1000 x 288 Pixeln werden benutzt, wie sie sind.

Dieser Satz begrüßt einen, wenn man das Header-Bild ändern möchte. Und da ist das Problem, es gibt an keiner Stelle im Backend die Möglichkeit die Abmessungen anzupassen. Ohne geringe Kenntnisse in PHP ist es also wieder ein mal nicht möglich diesen Punkt einfach zu ändern. Je nach Server-Konfiguration, lässt es sich allerdings doch über einen kleinen Umweg im Backend bewerkstelligen.

In der Navigation gibt es unter dem Punkt »Design« den Unterpunkt »Editor«, welcher nun angewählt werden muss. Standardmäßig sollte sich hier nun die CSS-Datei (Stylesheet) von Twenty Eleven öffnen – vorausgesetzt, es ist euer ausgewähltes Theme. Auf der rechten Seite findet man dann den Punkt »Theme-Funktionen«; Diesen müssen wir nun auswählen.

Mit STRG+F öffnen wir nun die Browser-Suche und geben hier folgendes ein:

The height and width of your custom header.

Dann seid ihr auch schon an der Stelle, an der ihr die Abmessungen anpassen könnt. HEADER_IMAGE_WIDTH ist hier für die Breite zuständig und steht standardmäßig auf 1000 (Angabe in Pixeln), HEADER_IMAGE_HEIGHT steht hier für die Höhe und steht standardmäßig auf 288. Zu ändern sind hierbei nur die Zahlen, alles Andere in dem Abschnitt muss unangetastet bleiben, sonst kann es dazu kommen, dass euer Blog nicht mehr richtig funktioniert.

Und wenn ich es nicht ändere?

Dann kann das Bild direkt in WordPress zurecht geschnitten werden. Allerdings nur auf die Maße, die eben vorgegeben sind. Wenn der Header ausschließlich aus einem Foto besteht (Standardkonfiguration), dann ist das sicherlich nicht schlimm, wenn allerdings ein Header, wie er üblich ist, verwendet wird, hat man ein Problem.
Wenn man es nicht zurecht schneidet, wird der Header übrigens hässlich verzerrt dargestellt.

Ich hoffe, ich konnte mit diesem kleinen Shorty etwas Abhilfe schaffen. Ich werde mich bemühen größere und auch kleinere Dinge öfters mal anzusprechen, damit auch ihr euer Theme leicht anpassen könnt.

Das war es dann auch schon wieder!
Euer Wishu

Das ist besonders praktisch, wenn man die Seite zwar bereits online hat, sie dennoch oft weiterentwickelt. Das Problem, dass man vor jeden hochladen die Daten wieder ändern muss entfällt und man muss sich keine Sorgen machen, dass durch das Vergessen der Änderung die Seite einige Zeit nicht benutzbar ist.

Dies kommt zum Beispiel oft vor, wenn man mit MySQL arbeitet. Um sich mit dieser Datenbank zu verbinden benötigt man den Servernamen, den Benutzernamen, das Passwort und die anzusprechende Datenbank.

Meist unterscheiden sich diese Daten von einander, da einige Hoster die Daten vorgeben.

So könnte das Ganze dann aussehen

Da man auf die lokale Seite anders zugreift als auf die Seite auf dem Webserver, ist das ganz mit einer einfachen Variable von PHP zu lösen. Mit $_SERVER['SERVER_NAME'] findet man heraus, welche Seite aufgerufen wird. Meist steht hier nun localhost, wenn man lokal auf die Seite zugreift. Dies trifft auch bei Unterordern zu. Also auch wenn
sie auf http://localhost/ordner1/ordner2/ zugreifen wird die Variable lediglich localhost ausgeben.

Wenn xampp anders konfiguriert ist – zum Beispiel mit virtuellen Servern – kann natürlich auch etwas anderes von der Variable ausgegeben werden. In meinem Fall würde das lokal wishu.vs sein und auf dem Webserver wishu.de.
Damit kann man dann leicht arbeiten.

Folgender Code gibt je nach Servernamen die entsprechenden MySQL-Daten aus, ohne dass ich zukünftig aufpassen muss:

<?php

  if($_SERVER['SERVER_NAME'] == 'wishu.vs')
    {
      define('MYSQL_HOST',     'localhost');
      define('MYSQL_USER',     'wishuvsuser');
      define('MYSQL_PASS',     'wishuvspasswort');
      define('MYSQL_DATABASE', 'wishuvsdatenbank');
    }
    else
      {
        define('MYSQL_HOST',     'localhost');
        define('MYSQL_USER',     'wishudeuser');
        define('MYSQL_PASS',     'wishudepasswort');
        define('MYSQL_DATABASE', 'wishudedatenbank');
      }

?>

Im Grunde genommen sagt der Code folgendes aus: Wenn der Servername ‘wishu.vs’ ist, dann definiere die Konstanten MYSQL_HOST, MYSQL_USER, MYSQL_PASS, MYSQL_DATABASE mit den Werten localhost, wishuvsuser, wishuvspasswort, wishuvsdatenbank. Sollte dies nicht der Fall sein, dann definiere sie mit den Werten localhost, wishudeuser, wishudepasswort, wishudedatenbank.

Die Werte können natürlich auch beliebig geändert werden. Auch die Einsatzmöglichkeiten sind unterschiedlich. Wenn man zum Beispiel lokal arbeitet, kann man dies durch diese Funktion an das Element <title> vorne heran setzen.

Das obere Beispiel könnte man auch noch für 3 oder mehr Stellen benutzen. Wenn man zum Beispiel Zuhause, auf Arbeit und im Internet unterschiedliche Datenbankdaten hat, dies würde dann so aussehen:

<?php

  if($_SERVER['SERVER_NAME'] == 'wishu.vs')
    {
      define('MYSQL_HOST',     'localhost');
      define('MYSQL_USER',     'wishuvsuser');
      define('MYSQL_PASS',     'wishuvspasswort');
      define('MYSQL_DATABASE', 'wishuvsdatenbank');
    }
    elseif ($_SERVER['SERVER_NAME'] == 'wishu.de')
      {
        define('MYSQL_HOST',     'localhost');
        define('MYSQL_USER',     'wishudeuser');
        define('MYSQL_PASS',     'wishudepasswort');
        define('MYSQL_DATABASE', 'wishudedatenbank');
      }
      else
        {
          define('MYSQL_HOST',     'localhost');
          define('MYSQL_USER',     'andererserveruser');
          define('MYSQL_PASS',     'andererserverpasswort');
          define('MYSQL_DATABASE', 'andererserverdatenbank');
        }

?>

Diese Abfrage besagt dann, dass die Werte localhost, andererserveruser, andererserverpasswort, andererserverdatenbank als Werte für die Konstanten definiert werden, sollte der Server weder wishu.vs noch wishu.de sein.

Das war es dann auch schon wieder!
Euer Wishu

Doch nun ist es endlich geschafft. WishuLoad 3.2 ist endlich fertig und wurde vor Kurzem für alle bereit gestellt.

Am sehnsüchtigsten drauf gewartet habe wohl ich selbst. Denn ich kannte vieles der neuen Version bereits. Insbesondere die Designverbesserungen. Somit war es für mich immer ein bisschen komisch die Version 3.1.1 zu nutzen, welche davor noch öffentlich war.

Letzte Woche habe ich mir allerdings gedacht, dass WishuLoad 3.2 fertig werden muss. Angepeilt hatte ich Ende des Monats, doch dann hat mich eine ziemliche Arbeitswut gepackt und ich habe fast die komplette Woche durchgearbeitet. Und ich finde es hat sich gelohnt. WishuLoad ist nun langsam ein junger Erwachsener und kann sich durchaus der Öffentlichkeit zeigen.

Lang ist es her, dass WishuLoad damals erstellt wurde, das genaue Datum weiß ich schon gar nicht mehr, da WishuLoad ursprünglich nur für mich gedacht war. Allerdings ist schnell in diesem Blog nachzulesen, was alles schon mit WishuLoad passiert ist.

Die Änderungen von 3.1.1 zu 3.2 sind so vielfältig, dass ich zuerst überlegt habe ein paar Versionsnummern zu überspringen und direkt WishuLoad 3.5 zu veröffentlichen. Ich habe mich allerdings doch für WishuLoad 3.2 entschieden, da mir so niemand vorwerfen kann, dass ich es nie veröffentlicht hätte

Die komplette Changelog kann man übrigens neuerdings unter http://wishuload.de/changelog.php einsehen. Dort wird auch schnell klar, dass WishuLoad 3.2 fast mehr Änderungen umfasst als alle anderen Versionen davor zusammen. Und auch, dass ich eigentlich schon bei Version 3.2.1 bin. Ich werde allerdings die dritte Versionsnummer zukünftig nicht mehr nennen. Die dritte Nummer besagt lediglich, dass es im aktuellen Release noch kleinere Änderungen gegeben hat.

Nun möchte ich aber mal zu den wesentlichen Neuerungen kommen.

Schiebs an die Seite – Sidebar

In der neuen Sidebar werden einige Infomationen gezeigt

Die wohl offensichtlichste Änderung ist die Sidebar. In dieser befindet sich nun der Login und das Uploadformular. Somit ist das Formular immer sofort auf jeder Seite sichtbar und man muss nicht bis an das Ende der Seite scrollen. Zudem benötigt man nur noch ein Formular. Ihr könnt mehrere Felder hinzufügen (bis zu 10) oder auch direkt einfach eine ZIP-Datei mit Bilder hochladen ohne das Formular zu wechseln.

Sobald man eingeloggt ist, wird das Loginformular gegen ein Miniprofil ausgetauscht, indem ihr kurz seht, was ihr schon alles hochgeladen habt und auch ein kleinen Avatar anlegen könnt, der derzeit noch keinen großen nutzen hat. Später ist allerdings mehr geplant. Also legt doch einfach schon mal einen Avatar an. Schaden kann es ja nicht. Zudem macht es mir die Nutzerliste im Adminbereich hübscher

Gib mir Sicherheit – Passwortsicherheit

Wenn Capslock gedrückt ist, wird ein Hinweis angezeigt.

Oft gewünscht, leider immer wieder vergessen. Ab sofort können im Passwort auch Sonderzeichen verwendet werden. Waren es vorher nur A-Z, 0-9 und der Unterstrich, können nun alle Zeichen verwendet werden außer <, >, “, ‘ und ;
Natürlich solltet ihr weiterhin drauf achten, dass das Passwort lang genug ist, denn euer Passwort schützt eure Bilder. Passt gut darauf auf.

Ein nettes kleine Feature ist noch die Überprüfung ob Capslock aktiviert ist. Wenn ihr beim Login die automatische Großschreibe-Taste (Capslock) aktiviert habt, dann wird am oberen Rand ein Hinweis angezeigt (so sehen die Meldungen übrigens jetzt aus – sie verschwinden übrigens nach 5 Sekunden oder nach einem Klick), der euch darauf aufmerksam macht, sobald ihr anfangt das Passwort einzugeben. Dies macht euch schnell darauf aufmerksam, warum auch nach dem 10. Versuch das Passwort nicht funktioniert

Sagt mir was ich tun soll – Feedbackformular

Das neue Feedback-Formular hilf WishuLoad sich zu verbessern

Der Bugtracker, welcher zuvor im Footer zu finden war, wurde entfernt und gegen ein Feedbackformular ausgetauscht, welches über die Navigation erreichbar ist. Dort könnt ihr mir einfach zu verschiedenen Themen etwas sagen. Ob ihr einen Bug habt. Ein Lob, Kritik oder ob ihr eine neue Funktion verschlagen wollt.

Ich freue mich auf jeden Fall über Einsendungen, denn nur so kann WishuLoad besser werden. Ich nutze es zwar ebenso wie ihr, doch gemeinsam schafft man einfach mehr als alleine und WishuLoad ist schon lange nicht mehr nur für mich gedacht, sondern hauptsächlich für euch.

Zieh dich um – Designanpassungen

Neben dem veränderten Layout durch die Sidebar, gibt es natürlich einen ganzen Haufen an Designanpassungen. Ich habe ein bisschen mit CSS3 gespielt, ein paar Grafiken überarbeitet und im Mitgliederbereich alle Icons ausgetauscht und vereinheitlicht. Zudem wurde die Ordnerdartsellung überarbeitet und allgemein sieht alles ein ganzes Stück erwachsener un einheitlicher aus. Langsam schaff ich es irgendwie neben dem Programmieren auch ein bisschen was am Design zu entwickeln.

Das muss schneller gehen – One-Klick-Copy

Neben jedem Feld findet sich ein Kopieren-Button

Wer WishuLoad schon einmal genutzt hat weiß, dass es unter den Bildern nach dem Upload 4 Felder gibt, in denen die Links/Codes der Bilder zu finden sind. Diese kann man einfach kopieren und man kann sie verschicken oder auch in Foren einfügen. Das Kopieren war vorher auf 2 Wegen möglich. 3 mal in das Eingabefeld klicken um alles zu markieren und dann mit der Maus oder der Tastatur kopieren. Oder auch einmal auf das Label klicken und dann kopieren.

Jetzt gibt es noch eine dritte Möglichkeit. Neben den Feldern ist jetzt ein Button mit der Aufschrift Kopieren. Das ist ein kleiner Flash-Button, welcher euch das Kopieren noch einfacher macht. Denn er legt sofort den Text in eure Zwischenablage und ihr spart wertvolle Zeit. Wer sicherheitsbedenken deswegen hat, kann einfach die Möglichkeiten ohne Flash nehmen. Ich möchte, dass ihr mir vertraut, deswegen nehme ich euch diese Möglichkeit natürlich nicht.

Natürlich sind die Buttons noch nicht sonderlich hübsch, das liegt aber daran, dass sie in einem früheren Entwicklungsstadium entstanden sind, indem die Buttons noch alle so aussagen. An der Stelle übrigens für die Buttons ein herzliches Danke an Raphael Michel, der mir auch sonst schon sehr viel bei WishuLoad zur Seite gestanden hat.

Du bist viel zu lang – ShortURL

In der Zeit von Twitter ist eigentlich jedes Zeichen eines Links zu viel. Deswegen habe ich mich entschieden bei WishuLoad alle Links von Bildern zu kürzen. Hier einfach mal ein direkter Vergleich.
Vorher: http://wishuload.de/viewer.php?id=15240-28-2010-08-15143737.png (64 Zeichen)
Nachher: http://wishuload.de/i/2nsyzs (29 Zeichen)
Man sieht also, dass ein ganzes Stück gespart wird, sodass man bei Twitter mehr Platz für Text hat. Anstelle von i gibt es übrigens noch 2 weitere Buchstaben.

i steht einfach für Image, also ein Bild.
d steht für Document, also ein Dokument (derzeit nur PDF).
f steht für Folder, also ein Ordner.

Jetzt mag man sich fragen, warum ich nicht einfach Bit.ly oder ähnliche ShortURL-Services dafür nutze. Ganz einfach – Vertrauen. ShortURLs haben nicht nur den ungeheuren Vorteil, dass sie kurz sind, sondern auch den extremen Nachteil, dass man nicht weiß, was sich dahinter verbirgt. Wenn die ShortURL direkt von der Seite kommt, kann man sich sicher sein, dass man zu einer Unterseite dieser kommt.

Fazit

Es hat sich also einiges getan. So viel, dass dieser Blogeintrag schon viel zu lang ist. Aber vielleicht hat ja irgendwer so viel langeweile und liest ihn sich einmal komplett durch.

Mich würde noch etwas Feedback zu WishuLoad von euch interessieren. Für diesen Moment gerne in den Kommentaren. Später auch gerne über das Feedback-Formular von WishuLoad direkt.

Das war es dann auch schon wieder!
Euer Wishu

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