Da ich neulich feststellen musste dass sich meine Seite nicht ganz als benutzbar herausgestellt hat musste ich daran etwas ändern.
Das Problem war folgendes:
Das Textfeld für die Suche hat als Hintergrundfarbe weiß, was ja prinzipiell nicht schlecht ist, weil es viele Farben gibt die zu weiß einen lesbaren Kontrast schaffen.
Dummerweise war als Textfarbe jedoch ein Blauton gewählt den man am ehesten fünf Zentimeter neben der Sonne an einem schönen Sommertag wiederfindet.
Wer sich das nicht vorstellen kann, dem sei gesagt es handelt sich dabei um einen nahezu weißen Farbton. Wir haben also fastweißesblau auf weiß. Macht keinen guten Kontrast.
Abhilfe schafft die Änderung der Datei Search Form – searchform.php die man in WordPress erreicht über: Darstellung -> Editor -> Rechts aus der Liste wählen
Man erhält einen Texteditor in dem der PHP-Code des Suchformulars dargestellt ist.
Mit folgendem Code habe ich dann meine derzeitige Suchbox erhalten:
1 | < form method="get" id="searchform" action="<?php bloginfo('home'); ?>/">< input size="12" span style="color:#000000;" type="text" value="<?php echo wp_specialchars($s, 1); ?>" name="s" id="s" autocomplete="on"/>< input class="btn" type="submit" id="searchsubmit" value="<?php _e('Search',TEMPLATE_DOMAIN); ?>" />< /form> |
Der wichtige Teil hierbei ist:
1 | span style="color:#000000;" |
Damit kann man die Farbe festlegen, als hexadezimale Codierung für RGB, wobei ich für die Reihenfolge keine Haftung übernehmen möchte, da ich einfach nur eine schwarze Schrift haben möchte.
Man beachte: Da diese Webseite natürlich auch PHP-Skripte verwendet kann der Code nicht einfach eingefügt werden, da es sonst zu Fehlinterpretationen kommt, daher habe ich nach jeder öffnenden spitzen Klammer (<) ein Leerzeichen eingefügt um die Steuerzeichen zu umgehen. Falls jemand den Code kopieren möchte muss dies berücksichtigt werden.
Wie wäre es mit < und > für < und >?