WordPress 3.2: Arial im Backend ersetzen
Vladimir am Mittwoch, 06. Juli 2011
Für viele WordPress-Nutzer ist es unverständlich und einige ärgern sich sogar sehr, dass die Entwickler sich dazu entschieden haben Arial als „Standardschrift“ für den Admin-Bereich zu wählen.
Im Grunde genommen geht es um die folgende Deklaration in der global.css im Ordner /wp-admin/css/:
body, td, textarea, input, select {
font-family: Arial, "Bitstream Vera Sans", Helvetica, Verdana, sans-serif;
font-size: 13px;}
Wer sich ein bisschen mit CSS auskennt, der weiß was hier passiert. Ist auf dem System des Benutzers Arial vorhanden, dann wird Arial verwendet. Wenn nicht, dann schaut der Browser ob Bitstream Vera Sans vorhanden ist, wenn nicht, dann sucht er nach Helvetica usw. Und da Arial auf den allermeisten Systemen vorhanden ist – zumindest in der Windows-Welt – kommt natürlich in den meisten Fällen auch Arial zum Einsatz.
Im Artikel Design in WordPress 3.2 erklärt der Autor warum sich die Entwickler für Arial entschieden haben. Es geht darum, dass Helvetica auf dem PC keine gute Figur macht. OK, aber warum setzt man nicht Verdana oder Tahoma an der ersten Stelle. Beide Schriften machen in meinen Augen eine bessere Figur als Arial.
Arial aus WordPress-Backend entfernen
Wie auch immer gibt es bei der Lösung des Problems mehrere Lösungen. Als erstes könntest in der global.css die Anpassungen vornehmen, was aber nicht wirklich praktikabel ist, weil deine Änderungen beim nächsten Update futsch wären. Auf WordPress-Buch.de hat mich ein Kommentator auf zwei Lösungen aufmerksam gemacht: einem Plugin und einem Browserscript.
Da ich kein Plugin wollte, weil mich Arial in allen meinen Weblogs stört, musste eine Lösung her die global wirkt. Deswegen habe ich mich für eine Firefox-Erweiterung mit dem Namen Stylish entschieden.
Nach der Installation dieses Addons kann man spezielle CSS-Regeln erstellen und diese auch nur an eine bestimmte URL koppeln, aber dadurch dass ich, wie schon oben erwähnt, mehrere Weblogs zu betreuen habe, musste ich eine globale Regel erstellen. Dafür konnte ich aber nicht auf die allgemeinen Element-Selektoren zurückgreifen (z. B. body), da dies alle Seiten betreffen würde.
Daher mussten Selektoren her, die nur im WordPress-Backend vorkommen. Folgende Regel für Stylish funktioniert bei mir:
.wp-admin *, #media-upload * {
font-family: verdana, sans-serif !important;}
Ich gehe davon aus, dass es für andere Browser auch ähnlich einfache Lösungen gibt. Aber da ich Google Chrome, Opera und den IE9 nur zum Testen von Websites nutze, kann ich hier keine qualifizierte Aussagen machen.
Schlagwort: firefox, Performance, wordpress 3.2
Zurück: Vorheriger Blogartikel: WordPress 3.2 aka Gershwin ist da
Weiter: Nächster Artikel: Amazon Kindle 3: weitere Tastenkürzel (Shortcuts)
f_ranft Mittwoch, 06. Juli 2011 am 09:54
Die Entwickler hätten „font-family: sans-serif;“ setzen sollen, dann wären alle glücklich geworden (Mac => Helvetica, PC => Arial).
Tipo Mittwoch, 06. Juli 2011 am 09:57
Man wird wohl um die Anpassung der ‚global.css‘ nicht herum kommen, wenn man auch anderen Nutzern von WordPress Arial ersparen möchte.
Schade das man sich für diese Schrift entschieden hat.
Ralf Mittwoch, 06. Juli 2011 am 10:47
„OK, aber warum setzt man nicht Verdana oder Tahoma an der ersten Stelle.“
Tahoma ist nicht Teil des Core fonts for the web und somit nur mit geringer Wahrscheinlichkeit auch auf Mac/Linux-Systemen anzutreffen (Liste der Apfel-Schriften). Verdana hingegen hat eine mangelhafte Unicode-Unterstützung.
Vor allem die große Unicode-Unterstützung von Arial dürfte diese Schriftart, neben ihrer weiten Verbreitung auf diversen OS, zur ersten Wahl gemacht haben.
Daniel Mittwoch, 06. Juli 2011 am 11:50 Ich habe mir die Arial mit der Georgia eingesetzt.
Finde diese viel angenehmer im Schriftbild.
WordPress 3.2 online - Updates, Version, WordPress, Server, Backend, Schriftart - Adamantos Webworker Blog Mittwoch, 06. Juli 2011 am 13:06
[…] Im Backend gibt es jetzt eine andere Schriftart, die manchen nicht gefällt. Mit dieser Anleitung kann man die Schriftart überschreiben. […]
soulsilence Mittwoch, 06. Juli 2011 am 14:46
Danke für den Tipp, das sieht doch gleich viel besser aus. 🙂
Stefan Mittwoch, 06. Juli 2011 am 15:30
Wusste bis grade eben gar nicht mal, das ich dass ändern kann mit der internen Schriftart bei WordPress. Danke für den Tipp und die Anleitung hier! 🙂
Werde mir Arial dann auch mal durch Georgia ersetzen.
WordPress 3.2 - Arial im Backend durch andere Schriftart ersetzen! » Beitrag » YATTER Mittwoch, 06. Juli 2011 am 16:37
[…] WordPress 3.2 – Arial im Backend durch andere Schriftart ersetzen! […]
Milan Mittwoch, 06. Juli 2011 am 18:23
Vielen Dank, die Anleitung ist kurz und kompakt und man hat das Plugin innerhalb von einer Minute entsprechend eingerichtet.
Genau das habe ich gesucht. Schade, dass man nicht das ganze WordPress-Backend auf den alten Stand (also visuell) zurücksetzen kann.
Benutzerdefiniertes CSS für Webseiten in Safari - Wellenspeicher Mittwoch, 06. Juli 2011 am 21:30
[…] perun.net wurde heute ein Tip veröffentlicht, wie man in der neuen WordPress Version 3.2 im Backend die […]
Sebastian Pertsch Donnerstag, 07. Juli 2011 am 11:07
Danke, das hat geholfen!
Steph Donnerstag, 07. Juli 2011 am 11:46
Für Chrome habe ich folgendes Plugin gefunden:
Netterweise befreit es auch gleich von Comic Sans
Kai Donnerstag, 07. Juli 2011 am 17:07
Grundsätzlich existiert für Chrome ebenfalls Stylish als Plugin. Ich würde aber die von Steph vorgeschlagene Alternative vorziehen.
P.S.: Sehr guter Hinweis, danke sehr! 😉
badshah Freitag, 08. Juli 2011 am 07:20
TechnikLOAD 44 – WordPress 3.2, Facebook-Videochat, Crowdfunding, OS X Lion und das Gewinnspiel | TechnikLOAD Freitag, 08. Juli 2011 am 08:56
[…] Safari-Plugin, welches man auch als Chrome-Extension runterladen kann. Firefox-User greifen auf das Plugin Stylish […]
WordPress 3.2 Was ist Neu, Performance und Kompatibilität » 3D-Mediadesign • Webdesign und 3D Visualisierung Freitag, 08. Juli 2011 am 14:03
[…] Für Firefox geht das mit der Erweiterung “Stylish“. Vladimir Simovic erklärt unter Perun.net wie es im Detail funktioniert.Die Adminbar wurde deutlich überarbeitet, dafür entfällt das […]
WordPress 3.2.1 ist da | WordPress & Webwork Dienstag, 12. Juli 2011 am 22:12
[…] ist die Vorgehensweise, die ich im Artikel WordPress 3.2: Arial im Backend ersetzen beschrieben habe nicht mehr notwendig … müsste ich noch testen um dies auch zu […]
TechnikLOAD 45 – Flaschenaufklärung, Passwortgau, Google+ vs. Facebook, NoisePNG, SOTA-Infografiken, The Wall | TechnikLOAD Donnerstag, 14. Juli 2011 am 14:40
Font im Backend von Wordpress 3.2 ändern | Linux und Ich Sonntag, 18. Dezember 2011 am 16:45
[…] (Via perun.net) […]
WordPress: Schrift im Backend und HTML-Editor anpassen (update) | WordPress & Webwork Freitag, 11. Mai 2012 am 19:29
[…] WordPress 3.2: Arial im Backend ersetzen […]
WordPress: Schrift im HTML-Editor ändern | WordPress & Webwork Mittwoch, 15. August 2012 am 17:58
[…] vornehmen muss. Eine solche Lösung bietet das Firefox-Addon Stylish welches ich bereits im Artikel WordPress 3.2: Arial im Backend ersetzen vorgestellt […]