Springe zum Hauptinhalt

Wie können die "Sticky" Widgets (Flotant) auf Wordpress

Divi: das am einfachsten zu verwendende WordPress-Theme

Divi: Das beste WordPress-Theme aller Zeiten!

Mehr 901.000 Downloads, Divi ist das beliebteste WordPress-Theme der Welt. Es ist vollständig, einfach zu bedienen und enthält mehr als 62-freie Vorlagen. [Empfohlen]

Blogs mit sehr langen Artikeln haben Widgets, die nicht mehr sichtbar sind, wenn Sie auf der Seite nach unten scrollen. Aber das war vor dem Plugin " Q2W3 Fest Widget ".

Gründe, die Benutzer zum Rendern von Widgets zwingen können klebrig Oder schwimmend sind verschieden. Die meisten Benutzer verwenden Floating-Widgets, um nützliche Informationen anzuzeigen (Aktuelle Artikel, Anmeldeformulare, Freigabeschaltflächen) dauerhaft, auch beim Lesen langer Artikel.

widget-sticky

In diesem Tutorial zeige ich Ihnen, wie dies in Ihrem Blog möglich ist. Wenn Sie einen Punkt in diesem Tutorial nicht verstehen, steht Ihnen das Kommentarformular zur Verfügung.

Das erste, was Sie tun müssen, ist natürlich, das Plugin herunterzuladen. " Q2W3 Fest Widget Direkt auf WordPress.org oder direkt von Ihrem Dashboard aus installieren.

Wie das Plugin zu konfigurieren

Wir werden zu der Konfigurationsseite der letzteren gehen, an dieser Stelle: Aussehen >> Feste Widget-Optionen ".

Erstellen Sie ganz einfach Ihre Website mit Elementor

Mit Elementor können Sie auf einfache Weise jedes Website-Design mit einem professionellen Look erstellen. Zahlen Sie nicht mehr teuer für das, was Sie selbst tun können. [Kostenlos]

fest-Menü-Widget

Auf dieser Seite werden einige zusätzliche Optionen zusätzlich zu den Standardoptionen aktiviert, da ich nicht weiß, welches Thema Sie verwenden.

Es ist besser, schwebende Widgets zu deaktivieren, wenn das Blog von einem Benutzer auf dem Handy besucht wird. Wir werden uns daher dafür entscheiden, das Plugin für Bildschirmabmessungen kleiner als " 800px Im Abschnitt " Allgemeine Optionen ".

Bildschirm-min-WDTH-to-activate

In Bezug auf die Kompatibilitätsoptionen werden wir zwei Optionen aktivieren, mit denen schwebende Widgets auch bei Responsive-Themen korrekt angezeigt werden können. " Vererben Widget Breite von den übergeordneten Containern ", Aber wir werden auch die Option aktivieren" Verwenden jQuery (Fenster) .load () hook », Damit das Plugin auch dann ordnungsgemäß funktioniert, wenn andere Skripte mit Seitenverwaltung aktiviert sind.

Management-of-the-Kompatibilität

Das ist alles, was mit diesem Plugin zu tun hat. Sie sollten jedoch wissen, dass es nur mit den linken und rechten Spalten funktioniert.

Meine Widgets können immer noch nicht schweben !!!

Keine Panik, in diesem Fall müssen Sie nur die Widgets überprüfen, die schweben müssen, indem Sie auf den Speicherort zugreifen. " Aussehen >> Widgets", Und auf allen Widgets werden wir das Kontrollkästchen aktivieren" feste Widget".

Check-the-box-Fest Widget

Sobald dies erledigt ist, werden Sie feststellen, dass beim Besuch Ihres Blogs Widgets mit gespeicherten IDs tatsächlich im Umlauf sind.

Präsentationsbereich schwebende

Das war's für dieses Tutorial. Ich hoffe, es hilft Ihnen dabei, Ihre Widgets schwebend zu machen, sodass sie jederzeit in Ihrem Blog verfügbar sind. Wenn Sie Bedenken haben, können Sie gerne einen Kommentar abgeben.

Dieser Artikel enthält Kommentare 2

  1. Guten Tag,

    Meine Widgets sind floating werden, aber ich begegnet ein anderes Problem, geht es mir durch den Inhalt

    Konkret möchte ich sie auf die gleiche Weise wie diese Site konfigurieren können: http://goodlife.fuelthemes.net/games-demo/

    Das heißt, gleiten Sie über eine bestimmte Strecke und halten Sie auf der Ebene des Inhalts an, der die gesamte Breite einnimmt. Aber ich stecke fest und sie gehen einfach zum Ende der Seite

Hinterlassen Sie einen Kommentar

Ihre E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind markiert *

Diese Website verwendet Akismet, um unerwünschte Inhalte zu reduzieren. Erfahren Sie mehr darüber, wie Ihre Kommentardaten verwendet werden.

Zurück nach oben
6 Aktien
Aktie4
tweet
Registrieren2