Um die Benutzerfreundlichkeit einer Website ein wenig zu verbessern, ist es möglich ein kleines JavaScript einzubinden, welches die Schriftart verändert.
Zwei Funktionen habe ich mal in ein Plugin für WordPress gepackt. Damit kann jedem Besucher die Möglichkeit gegeben werden, die Schrift in Größe und Art zu ändern (Fontstyle und Fontsize).
Natürlich ist das mit jedem gängigen Browser auch ohne dieses Plugin möglich, trotzdem fällt mir immer wieder auf, wie wenig Anwender ihren Browser auch bedienen können. Das Auge ist doch sehr oft auf die Seite fixiert und deshalb halte ich diesen kleinen Service für angebracht.
Anforderungen:
Change Fontsize läuft mit WP 1.5* und höher
Installation:
- Sichere deine Datenbank und deine Dateien ! Keine Garantie auf zerstörte Daten !
- Download des Packages und lokal entpacken.
- Upload des Ordners incl. der php- und js-Datei in deinen Plugin-Ordner (/wp-content/plugins)
- Füge in deine Seite einen Link ein, wo die Umschaltung möglich ist und rufe das Script folgendermaßen auf. Den Link kannst du überall einbauen, im Content eines Beitrags oder direkt in ein Template, z.B. das Post-Template (single.php), welches beim default-Theme den Artikel einzeln darstellt.
<a href="javascript:fname('style','id');">fontstyle</a> <a href="javascript:fsize('size','unit','id');">fontsize</a>
Beispiel-FontStyle:
<a href="javascript:fname('serif','content');">fontstyle serif auf das ID content</a> <a href="javascript:fname('Verdana','page');">fontstyle Verdana auf das ID page</a>
Beispiel-FontSize:
<a href="javascript:fsize('1.2','em','content');">fontsize 1.2em auf das ID content</a> <a href="javascript:fsize('10','%','page');">fontsize 10% auf das ID page</a>
- Aktiviere das Plugin im Admin-Bereich von WordPress.
Download:
Download als ZIP-Datei: change_fontsize.zip – 1 KByte
Super plugin! Ich suche seit geraumer Zeit eine einfache Loesung. Allerdings waere es toll wenn die Schriftgroesse in einem Cookie gespeichert wuerde. Der Besucher muss dann nicht jedesmal die Schriftart neu aendern.
Vielleicht ist es moeglich das zu integrieren.
@Thomas:
Ist sicher möglich, aber es werden nach meiner Ansicht schon genug Daten gespeichert und ich halte es für relativ nebensächlich. Da ich die Seite in der Regel auch in einem Layout präsentiere, was mich anspricht.
Im Normalfall sollte man doch eh die Funktionen des Browsers nutzen, nur viele Anwender kennen diese leider nicht, und so legt man immer mehr Möglichkeiten auf die Website.
LG Frank
also ich weiß nicht… ich finde dieses plugin spitze, vor allem wenn ich deine anwendung hier so betrachte, aber irgendwie bekomme ich das nicht so hin.
mein anliegen ist es, dass der link für die anpassung in der seitenleiste erscheint und nur die auswahlmöglichkeit für die schriftgröße bietet. welchen code muss ich dann letztlich dafür in die sidebar einfügen? ich schätze, dass ich da ein bisschen probleme habe, wegen der angabe des „contents“.
liebe grüße!
@Maria Schmidt:
super plugin, leider gibt mir der link
fontsize
folgenden fehler:
„Nichts gefunden
Es tut uns leid, aber Ihre Suchanfrage hat zu keinem Ergebnis geführt.“
eingebaut in wp 2.0.2, kannst du dir live anschauen (sidebar oben links)
@sven:
du hast einen Tippfehler, bzw. werden bei mir die Anführungszeichen nicht richtig dargestellt. Werde das wieder ändern.
href=javascript:fsize(1.2?,em,’content); –> href=“javascript:fsize(‚1.2′,’em‘,’content‘);“
LG Frank
Jetzt gehts, habe mir den Code aus der Plugin-datei geholt!
Tolle Funktion, hast Du eine Seite dafür wo weitere Stil-Möglichkeiten dokumentiert sind?
Nein, eine Seite ist mir daz unicht bekannt. Du kannst ja jede beliebige Formatierung anwenden, also jede Schriftvariante.
LG Frank
danke für dieses tolle plugin. Ich verwende es auf http://mal-raum.at.
Hallo Frank, das ist ein tolles Plugin!
Aber ich hab mal ne Frage: Kann man das Plugin auch so abwandeln, dass z.B. der Kontrast von Hintergrund- und Fontfarbe geändert wird, z.B. gelb auf schwarz? Das wäre für Leute mit Sehschwäche ganz wichtig. Leider bin ich, was JS und DOM betrifft, ein ziemlicher Laie.
Danke und viele Grüße
j-)
Hy juergen:
prinzipiell schon, da man ja jede CSS-Eigenschaft ändern kann.
Allerdings musst du dazu das js erweitern. einfach den Code nochmal nehemen und die Elemente anpassen und neue namen vergeben. Dann kannsrt du es per Link aufrufen.
LG Frank
hallo, was muss ich denn eintragen, wenn nicht nur der content, sondern auch die sidebar vergrößert werden soll?
lg, tom
Du musst dann den Bereich ansprechen, der sidebar und Beitrag enthält. In deinem Fall ID page anspechen, wie im obigen Beispiel – page.
danke frank!! 🙂
Die Demo funktioniert nicht
Sollte wieder passen. Seit dem Themwechsel habe ich auch das Plugin inaktiv gehabt.
Ja das hab ich mir schon gedacht 😉
Hi!
Erstmal Danke für dieses nette kleine Plugin 🙂
Einen Erweiterungstipp habe ich noch: Falls sich die Blog-URL von der WordPress-URL unterscheidet (s. http://codex.wordpress.org/Giving_WordPress_Its_Own_Directory), muss in change_fontsize.php get_option(’siteurl‘) statt get_settings(‚home‘) angegeben werden.
Viele Grüße
Dominique
@Dominique: Danke für den Hinweis, habe es gleich im Update integriert. get_settings fliegt ja seit 2.* nun auch raus.
Danke für das Plugin. Hat mir soebend ne Menge Zeit gespart. Eigentlich müsstest du jetzt was bei mir gut haben 😉
MfG
Works with WP 2.5.1 too, just tested it 🙂
Works like a charm for me in WP2.5.1 🙂