So erstellen Sie eine Website oder ein Blog im Jahr 2020 - Kostenlose und einfache Anleitung zum Erstellen einer Website

So ändern Sie die Schriftgröße in Click WordPress mit JavaScript

Haben Sie jemals eine Website oder ein Blog gefunden, mit der Ihre Besucher die Schriftgröße einer +/- Schaltfläche in der Seitenleiste ändern können? Normalerweise sollten Sie diese Funktion niemals hinzufügen, da alle gängigen Browser über Vergrößerungs- / Verkleinerungsschaltflächen verfügen. Es gibt jedoch noch einige Benutzer, die mit dieser Zoomfunktion nicht vertraut sind. In diesem Artikel zeigen wir Ihnen, wie Sie Benutzern die Möglichkeit geben können, die Schriftgröße in WordPress mithilfe einer einfachen JavaScript-Funktion und ein wenig HTML zu ändern.

Fügen wir dieses Skript zunächst Ihrer Kopf- oder Fußzeile hinzu:

Fügen Sie diesen Code dann einfach an einer beliebigen Stelle in Ihrem Thema hinzu (die meisten Leute fügen ihn in die Seitenleiste ein).

Vergrößern Sie den Text | Verkleinern Sie den Text

Sie können Bilder auch als +/- Symbole oder andere verwenden, wenn Sie dies wünschen. Damit dies alles möglich ist, müssen Sie die Schriftgröße Ihres HTML-Elements angeben.

Wenn Sie alternativ den Bereich einschränken möchten, in dem die Schriftgröße enthalten sein soll (z. B. nur der Inhaltsbereich), ändern Sie das ursprüngliche Javascript folgendermaßen:

Dies bedeutet, dass nur die Schriftgröße für das Element mit id = “content” geändert wird.

Suchen Sie ein Live-Beispiel? Schauen Sie sich Eric Wendelins Blog an.

Quelle: David Walsh