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

    @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

    @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

    @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

    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

    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

    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

    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

    @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

    @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

    @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

Kommentar schreiben

Kommentar-Hilfe

Bezug auf Textstellen:
Du kannst direkt bezug auf Textstellen im Beitrag nehmen. Dazu muss lediglich der Bereich im Artikel markiert werden; daraufhin erscheint ein Button, der den markierten Text in das Kommentarfeld übernimmt und als Zitat auszeichnet. Die Funktion ist nur bei aktivem JavaScript nutzbar.

xHTML:
Du kannst folgende Tags benutzen: <a href="" title=""> <abbr title=""> <acronym title=""> <blockquote cite=""> <code> <pre> <em> <strong> <strike> <ul> <ul> <li>

Achte darauf, wenn du Code im Kommentar hinterlegen willst, dann muss der Code maskiert sein. Dann wird er nicht interpretiert. Der Code muss mit Hilfe von HTML-Entities dargestellt werden, d.h. dass man z.B. < als &lt; und > als &gt; einfügt.

E-Mail-Benachrichtigung bei neuen Kommentaren ?
Wenn der Haken in der Checkbox gesetzt ist, dann wirst du über neue Kommentare vie E-Mail informiert. Der Versand erfolgt nur, wenn du die URL in der Bestätigungs-E-Mail genutzt hast oder schon Abonnent hier im Blog bist.

Kommentar erscheint nicht:
Alle Kommentare werden manuell geprüft, freigegeben und nach Möglichkeit beantwortet. Bitte um etwas Geduld und Nachsicht.

Identifikationsbilder (Avatare):
Auf Gravatar.com kann man sich mit seiner E-Mail-Adresse registrieren und ein Bild hochladen, dann erscheint dieses Gravatar hier und in vielen weiteren Blogs.

Spamschutz:
Das Kommentarformular ist mit einem JavaScript-Spamschutz ausgerüstet. Solltest du diesen Artikel ohne JavaScript besuchen und kommentieren wollen, so muss du die Frage beantworten und das jeweilige Wort in das Textfeld eingeben.