Wie kann ich verhindern, dass WordPress Tooltips sich auf kleinen Bildschirmen außerhalb des Bildschirms positionieren?

Wie kann ich verhindern, dass WordPress-Tooltipps sich auf kleinen Bildschirmen außerhalb des Bildschirms positionieren?

1. Wenn Sie die Pro-Version von WordPress Tooltips noch nicht installiert haben, melden Sie sich bitte auf der Website des WordPress Tooltip-Plugins unter tooltip.org mit Ihrem Konto an. Andernfalls befolgen Sie bitte Schritt Nr. 11.
2. Gehen Sie zur Seite “Mein Konto” und laden Sie das WordPress Glossary Tooltip Plugin herunter.
3. Jetzt gehen wir mit dem Installationsprozess weiter!
4. Melden Sie sich als Administrator in Ihrem WordPress-Admin-Bereich an.
5. Klicken Sie auf die Option “Plugins” im Dashboard.
6. Deaktivieren Sie alle vorherigen Versionen des Tooltip-Plugins, falls Sie welche haben.
7. Entfernen Sie das alte WordPress Tooltip-Plugin vollständig.
8. Wählen Sie im Menü “Plugins” die Option “Neu hinzufügen” oben im Plugin-Panel aus.
9. Laden Sie die ZIP-Datei des Tooltip-Plugins hoch, die Sie von der Website des WordPress Glossary Plugins heruntergeladen haben.
10. Aktivieren Sie die neueste Version des WordPress Tooltip Glossary-Plugins. Gut gemacht! Jetzt können wir das Design der Tooltips anpassen.
11. Klicken Sie auf die Option “Tooltips”.
12. Wählen Sie aus dem Dropdown-Menü die Option “Tooltip-Stil”. Dadurch wird das “Tooltip-Stil”-Panel geöffnet, wie im folgenden Screenshot gezeigt: Tooltips Style Panel in WordPress Tooltips Pro Plus 28.2.8 Screenshot: Tooltip-Stil-Panel in WordPress Tooltips Pro Plus 28.2.8
13. In diesem Panel finden Sie Optionen zur Anpassung der Tooltip-Position, der Schriftfarbe des Titels, der Schriftgröße des Titels, der Hintergrundfarbe und vieles mehr! Sie haben die Freiheit, jedes Element des WordPress Tooltips entsprechend Ihren Vorlieben anzupassen. Wie aufregend ist das?
14. Im Stil-Einstellungs-Panel finden Sie die Option “Tooltip-Feldposition”, die verschiedene Positionierungsoptionen wie bottomRight, bottomLeft, topRight, topLeft, topMiddle, bottomMiddle, rightMiddle und leftMiddle bietet… Unser WordPress Tooltip-Plugin bietet die komfortable Funktion der automatischen Positionierung. Lassen Sie uns erklären, wie es mit ein paar Beispielen funktioniert. Wenn Sie die Position “topMiddle” für das Tooltip-Feld auswählen, wird es intelligent oben in der Mitte des Tooltip-Stichworts auf der Front-End-Seite angezeigt. Wenn Sie die Position “bottomMiddle” wählen, wird das Tooltip-Feld unten in der Mitte des Tooltip-Stichworts angezeigt. Wir haben diese Funktion entwickelt, um sicherzustellen, dass Ihre Tooltips nahtlos mit dem beabsichtigten Kontext übereinstimmen und so ein reibungsloses und intuitives Benutzererlebnis ermöglichen. Unser Vorschlag ist die Option “bottomMiddle” oder “topMiddle” zu wählen.
15. Überprüfen Sie nun die Option “Tooltip-Feldbreite” im Stil-Einstellungs-Panel von WordPress Tooltip. Hier können Sie die Breite des Tooltips anpassen, z.B. “600” steht für “600px” für das Popup-Feld des Tooltips. Auf einem kleinen Bildschirm kann es jedoch vorkommen, dass das Tooltip-Feld mit einer Breite von 600px die Breite des kleinen Bildschirms überschreitet. Unser Vorschlag ist die Option “auto” zu wählen. “auto” bedeutet, dass die Breite des Tooltip-Feldes automatisch entsprechend der eingegebenen Größe bestimmt wird.
16. Im Allgemeinen löst dies das Problem “die Tooltips positionieren sich auf kleinen Bildschirmen außerhalb des Bildschirms”. In unserem WordPress Tooltip-Plugin bieten wir eine benutzerdefinierte Code-Funktion für den Tooltip-Administrator an, um den Tooltip-Stil anzupassen. Es sieht so aus: tooltip glossary custom coder

In der Tooltip-Codierung können Sie den Stil des Tooltip-Feldes anpassen. Ein einfaches Beispiel für den Code sieht so aus:

.ui-wordpress-tooltip-pro

{ width:100px !important; }

.ui-wordpress-tooltip-pro

{ max-width:40% !important; }

Sie können den Code entsprechend Ihren tatsächlichen Bedürfnissen anpassen

Wir hoffen, dass Ihnen das ein wenig geholfen hat