Sidebar
ein-/ausblenden

WP - Schrift verändern [fontsize und font] (Plugin)

Plugin für WordPress SEO

Anzeige

AccessibleUm 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:

  1. Sichere deine Datenbank und deine Dateien ! Keine Garantie auf zerstörte Daten !
  2. Download des Packages und lokal entpacken.
  3. Upload des Ordners incl. der php- und js-Datei in deinen Plugin-Ordner (/wp-content/plugins)
  4. 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>
    
  5. Aktiviere das Plugin im Admin-Bereich von WordPress.

Download:

Download als zip-DateiDownload als ZIP-Datei: change_fontsize.zip - 1 KByte

29 Kommentare und 15 Trackbacks zu „WP - Schrift verändern [fontsize und font] (Plugin)“

  1. 1
    Pingback von » Blog Archive » Optimierungsmöglichkeiten
  2. 2
    Kommentar von Thomas

    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.

  3. 3
    Kommentar von Frank Bültge

    @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

  4. 4
    Trackback von BRIGADOON.........2006
  5. 5
    Kommentar von Maria Schmidt

    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!

  6. 6
    Kommentar von Frank Bültge

    @Maria Schmidt:

    fontsize 1.2em auf das ID content
    Gibt die Schriftgröße an auf den Bereich content, schreibe diesen in dein Template für den Sidebar - sidebar.php.
    LG
  7. 7
    Pingback von WordPress????? » Blog Archive » Change Fontsize
  8. 8
    Kommentar von sven

    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)

  9. 9
    Kommentar von Frank Bültge

    @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

  10. 10
    Kommentar von sven

    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?

  11. 11
    Kommentar von Frank Bültge

    Nein, eine Seite ist mir daz unicht bekannt. Du kannst ja jede beliebige Formatierung anwenden, also jede Schriftvariante.
    LG Frank

  12. 12
    Kommentar von grisei

    danke für dieses tolle plugin. Ich verwende es auf http://mal-raum.at.

  13. 13
    Kommentar von juergen

    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-)

  14. 14
    Kommentar von Frank Bültge

    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

  15. 15
    Pingback von 插件 » Blog Archive » Change Fontsize
  16. 16
    Kommentar von tom

    hallo, was muss ich denn eintragen, wenn nicht nur der content, sondern auch die sidebar vergrößert werden soll?

    lg, tom

  17. 17
    Kommentar von Frank Bültge

    Du musst dann den Bereich ansprechen, der sidebar und Beitrag enthält. In deinem Fall ID page anspechen, wie im obigen Beispiel - page.

  18. 18
    Kommentar von tom

    danke frank!! :)

  19. 19
    Pingback von KOCHWERKSTATT » links for 2007-02-07
  20. 20
    Pingback von 2000 Bloggers - » Have you got any favorite plugins?
  21. 21
    Pingback von Weblog Tools » Blog Archive » 2 Plugins To Change your Blog Font Size
  22. 22
    Pingback von WP Plugins DB » Blog Archive » Change Fontsize
  23. 23
    Kommentar von Jan

    Die Demo funktioniert nicht

  24. 24
    Kommentar von Frank Bültge

    Sollte wieder passen. Seit dem Themwechsel habe ich auch das Plugin inaktiv gehabt.

  25. 25
    Kommentar von Jan

    Ja das hab ich mir schon gedacht ;)

  26. 26
    Kommentar von Dominique

    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

  27. 27
    Kommentar von Frank Bültge

    @Dominique: Danke für den Hinweis, habe es gleich im Update integriert. get_settings fliegt ja seit 2.* nun auch raus.

  28. 28
    Pingback von Thorsten´s Blogosphere » Blog Archiv » Design für mein Blog
  29. 29
    Pingback von Heinrich Joseph Kayser at Musik
  30. 30
    Pingback von Theme Font Resizer | WordPress [at] mimpikami . com
  31. 31
    Pingback von Schrift individuell » Cowboy's Weblog
  32. 32
    Kommentar von Christian

    Danke für das Plugin. Hat mir soebend ne Menge Zeit gespart. Eigentlich müsstest du jetzt was bei mir gut haben ;)

    MfG

  33. 33
    Pingback von WordPress Plugins Database » Plugin Details » Change Font/-size
  34. 34
    Pingback von Wp Wordpress » Blog Archive » Change Font/-size
  35. 35
    Kommentar von Hiranthi

    Works with WP 2.5.1 too, just tested it :)

  36. 36
    Kommentar von Hiranthi

    Works like a charm for me in WP2.5.1 :)

  37. 37
    Pingback von 72. Tipps für besseres Bloggen
  38. 38
    Kommentar von Michael

    Ein wirklich gelungenes Stück Software.
    Wird dieses Plugin nicht automatisch auf Aktualität geprüft?

    Bin erst durch die vorherigen Beiträge auf das Update gestoßen.

  39. 39
    Kommentar von Frank Bültge

    @Michael: nein, wird es nicht, da es nicht auf dem SVN von WordPress liegt

  40. 40
    Kommentar von Michael

    Vielen Dank für die Information,

    ich rege an, dieses (kein automatisches Update möglich) in der Beschreibung der Pluginverwaltung zu ergänzen.

  41. 41
    Kommentar von Steven

    You have an error displaying the example scripts. The FontSize is showing the Style scripts and visa versa. Please change the titles of both examples.

  42. 42
    Kommentar von Frank Bültge

    @Steven: thanks, i had fixed the bug.

  43. 43
    Kommentar von Guido

    Hallo Frank,

    vielen Dank für diese gute Zusatzfunktion, die Webseiten barrierefreier macht.

    Vielleicht habe ich etwas falsch gemacht, aber bei meinem Beispiel:

    http://www.leben-lernen-leisten.de

    muss man die Schriftgrösse bei jeder Seite bzw. jedem Artikel immer wieder einzeln aktivieren, um eine grössere Schrift zu haben.

    Kann man die Funktion auf die Dauer des Seitenbesuches erweitern?

    Viele Grüsse,

    Guido

  44. 44
    Kommentar von Christoph

    Published a plugin for resizing font with Wordpress 2.7 and higher:
    font-resizer

    Plugin works with jQuery and Cookies.
    Please feedback on

Überlastung, Kommentare sind vorübergehend geschlossen

Ich bin urlaubsreif, ersticke in Arbeit und damit auch für die Leser des Weblogs nicht zu erreichen. Bitte geduldet euch ein wenig mit Supportanfragen.
Leider muss ich die Kommentarfunktion deaktivieren, ansonsten würde ich weiter in Arbeit ersticken oder die Anfragen nicht nach bestem Gewissen beantworten.

Vielen Dank für das Verständnis!