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

32 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

  45. 45
    Kommentar von Robin

    Hey, von der Idee her wäre dein Plugin genau das was ich brauche, und zwar schnelles und einfaches Ändern der Schriftart und -größe. leide funktioniert das bei mir nicht.
    Kann es sein, dass das bei mir das festgelegt ist und das somit nicht zu ändern ist und weißt du wo ich das ändern könnte?

    Das Problem liegt hier: meine Seite

    Danke, Robin

  46. 46
    Kommentar von Christoph

    Robin,

    Teste doch mal mein Plugin.
    http://wordpress.org/extend/plugins/font-resizer

    Grüsse, Christoph

  47. 47
    Kommentar von niko

    thanks for the plugins!

Kommentar schreiben

Kommentarregeln: Bleib cool, kritisch ist in Ordnung, aber wenn du unhöflich bist, dann lösche ich deinen Kommentar. Bitte benutze deinen persönlichen Namen oder Initialen und nicht den Namen eines Unternehmens, dies würde als Spam gewertet und wird gelöscht. Der Zusammenhang zwischen Namen und URL sollte nicht offensichtlich auf Spam hindeuten! ♥ Ansonsten, vielen Dank für den Kommentar und viel Spaß mit meinem Blog.

Kommentar-Hilfe

händischer Spam:
Beachte die Kommentarregeln, jede Form von versuchtem Spam wird gelöscht. Warum und wieso steht in einem meiner Beiträge.

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