8 Die besten jQuery-Tutorials für WordPress-Anfänger

Mit jQuery können Sie interaktive, benutzerfreundliche und schöne Websites erstellen. Für diejenigen mit wenig CSS- und HTML-Kenntnissen klingt jQuery kompliziert, aber mit leicht verständlichen Tutorials kann jeder seiner Website ausgefallene Effekte hinzufügen. In diesem Artikel werden wir einige der besten jQuery-Tutorials für WordPress-Anfänger auflisten.

Mit diesen Tutorials erfahren Sie nicht nur, wie Sie diese praktischen jQuery-Skripts zu Ihrer WordPress-Site hinzufügen, sondern Sie haben auch die Möglichkeit, jQuery ein wenig zu lernen und es in WordPress zu verwenden. Absoluten Anfängern wird empfohlen, zunächst in unserem Handbuch nachzuschauen, wie Sie Code-Schnipsel in WordPress hinzufügen und wie Sie JavaScript und Styles in WordPress ordnungsgemäß hinzufügen.

1. So fügen Sie das jQuery Tabber-Widget in WordPress hinzu

Mit dem Tabber-Widget können Sie Platz in der Seitenleiste sparen, indem Sie mehrere Widgets in einem Widget mit Registerkarten kombinieren. In diesem jQuery-Lernprogramm erfahren Sie, wie Sie ein jQuery Tabber-Widget als Plugin erstellen, das einfach zu ändern ist, und Sie können es anpassen, um in Tabs beliebigen Inhalt hinzuzufügen.

2. Wie füge ich ein jQuery-FAQ-Akkordeon in WordPress hinzu?

Häufig gestellte Fragen-Seiten können länger und schwer lesbar werden. In diesem jQuery-Tutorial zeigen wir Ihnen, wie Sie mit Hilfe von jQuery Akkordeon einen FAQ-Bereich auf Ihrer Website erstellen. Dies führt zu einer viel besseren Benutzererfahrung, da Benutzer die Fragen schnell sehen können, ohne zu viel scrollen zu müssen.

3. So fügen Sie in WordPress mit jQuery einen glatten Bildlauf nach oben hinzu

Bei Websites, die Artikel in Langform veröffentlichen, bei denen ein Benutzer viel scrollen muss, um den gesamten Inhalt anzuzeigen, bietet eine Schaltfläche oder ein Link zum Zurücksenden der Benutzer an den Anfang der Seite eine bessere Benutzererfahrung. In diesem Lernprogramm haben wir Ihnen gezeigt, wie Sie mit jQuery eine Schaltfläche "Zurück zum Anfang" mit weichem Bildlaufeffekt hinzufügen.

4. Hinzufügen von jQuery-Tooltips im WordPress-Kommentarformular

QuickInfos können verwendet werden, um Benutzeranweisungen oder nützliche Informationen bereitzustellen, wenn sie die Maus auf ein Element bewegen. In diesem jQuery-Tutorial zeigen wir Ihnen, wie Sie Ihrem WordPress-Kommentarformular Tooltipps hinzufügen. Es sieht nicht nur hübsch aus, sondern ermutigt auch Ihre Benutzer, an Diskussionen auf Ihrer Website teilzunehmen.

5. So machen Sie Ihre Videos mit FitVids reaktionsfähig in WordPress

Wenn Sie YouTube-Videos zu Ihrer WordPress-Site hinzufügen, reagieren sie standardmäßig nicht. Selbst wenn Ihr WordPress-Design anspricht, wird der Videocontainer überproportional verzerrt, was für Benutzer mit kleineren Geräten und Bildschirmgrößen eine schlechte Benutzererfahrung bedeutet. In diesem Tutorial zeigen wir Ihnen, wie Sie das Fitvids jQuery-Plugin verwenden, um Ihre Videos in WordPress ansprechbar zu machen.

6. So fügen Sie rotierende Testimonials in WordPress hinzu

Wie der Titel schon sagt, zeigen wir Ihnen in diesem Tutorial, wie Sie Ihrer WordPress-Site rotierende Testimonials hinzufügen. Sehr nützlich, wenn Sie einen Testimonials-Bereich auf Ihrer Website haben und Testimonials mit ordentlichem jQuery-Effekt anzeigen möchten.

7. Hinzufügen eines Folienbedienfeldmenüs in WordPress-Themes

Ein Folienmenü wird angezeigt, wenn ein Benutzer auf die Menüschaltfläche Ihrer Website klickt. In diesem Lernprogramm erfahren Sie, wie Sie mit jQuery mobile Menüs für die Anzeige von Dias erstellen.

8. Hinzufügen von Tooltip-Testimonials in WordPress-Themes

In diesem Lernprogramm zeigen wir Ihnen, wie Sie Benutzerempfehlungen in jQuery Tooltip anzeigen. Es basiert auf dem Code, den wir auf der WPBeginner-Videoseite verwendet haben. Anstatt Testimonials in Blockquotes anzuzeigen, wird der Text des Testimonials angezeigt, wenn ein Benutzer den Mouseover zum Benutzerfoto führt.

Wir hoffen, dass Sie einige dieser jQuery-Tutorials auf Ihrer WordPress-Site testen. Hoffentlich können Sie damit mit jQuery und WordPress-Themes arbeiten. Lassen Sie uns wissen, ob es einen bestimmten jQuery-Tipp gibt, den Sie in WordPress implementieren möchten. Für Feedback und Fragen hinterlassen Sie bitte einen Kommentar.