Möchten Sie einen Amazon-ähnlichen Vergrößerungszoom für Bilder in WordPress hinzufügen? Durch das Zoomen von Bildern können Benutzer Details sehen, die sie in einem normal großen Bild nicht sehen würden. In diesem Artikel zeigen wir Ihnen, wie Sie ganz einfach einen Vergrößerungszoom für Bilder in WordPress hinzufügen.
Vergrößerungszoom für WordPress-Bilder hinzufügen
Als erstes müssen Sie die installieren und aktivieren WP-Bildzoom Plugin. Weitere Informationen finden Sie in unserer Schritt-für-Schritt-Anleitung zur Installation eines WordPress-Plugins.
Nach der Aktivierung müssen Sie besuchen WP-Bildzoom Seite in Ihrem WordPress-Admin. Von hier aus können Sie die Zoomeinstellungen für Ihre Bilder verwalten.
In dem Allgemeine Einstellungen Registerkarte können Sie Funktionen wie das Zoomen von WooCommerce-Produktbildern, Miniaturansichten, mobilen Geräten, Anhangsseiten, Kategorieseiten und mehr aktivieren. Außerdem können Sie die Lightbox entfernen, sodass Ihre Benutzer Bilder reibungslos zoomen können.
Wenn Sie die Lightbox für Bilder nicht entfernen, können Sie für weitere Einstellungen nach unten scrollen, z. B. das Zoomen in einer Lightbox aktivieren.
Notiz: Sie können unterstützte Lightboxes anzeigen, um sicherzustellen, dass der Zoom innerhalb einer Lightbox einwandfrei funktioniert.
Wenn Sie die Einstellungen auf dieser Seite angepasst haben, vergessen Sie nicht, auf zu klicken Änderungen speichern Taste.
Als nächstes müssen Sie die Zoomeinstellungen Tab. Es hat 4 einfache Schritte, um Ihren Bildern einen Vergrößerungszoom hinzuzufügen.
Zuerst müssen Sie die Form des Objektivs auswählen, um Bilder zu vergrößern. Sie können zwischen einer Kreis-, Quadrat- und Zoomfensterlinsenform wählen.
Nachdem Sie Ihr Objektiv ausgewählt haben, gehen Sie zum nächsten Schritt und zeigen Sie ein Bild mit dem ausgewählten Objektiv in der Vorschau an, um zu sehen, wie es funktioniert. Das Plugin verfügt über ein Vorschaubild, mit dem Sie Ihre Änderungen testen können.
Sie können zurückkommen und dieses Bild in einer Live-Vorschau anzeigen, nachdem Sie Änderungen an der Konfiguration unten vorgenommen haben.
Im nächsten Schritt können Sie den Cursortyp auswählen, den Easing-Effekt der Animation einstellen, den Zoom bei Mauszeiger oder Mausklick aktivieren und eine Zoomstufe definieren. Einige dieser Funktionen sind nur für die Pro-Version des Plugins verfügbar.
Jetzt kannst du zum gehen Linse Konfigurationsregisterkarte für Einstellungen wie Linsengröße, Linsenfarbe, Linsenrandoptionen und mehr. Diese Einstellungen sind nur wirksam, wenn Sie in Schritt 1 die Kreis- oder Quadratlinse ausgewählt haben.
Als nächstes können Sie die Zoom-Fenster Registerkarte Konfiguration. Diese Registerkarte ist nur aktiviert, wenn Sie die Option . ausgewählt haben Zoom-Fensterlinse im Schritt 1.
Von hier aus können Sie die Breite und Höhe des Zoomfensters, die Positionierung, den Abstand zum Hauptbild, die Ränder und mehr ändern.
Schließlich können Sie dem Bild benutzerdefinierten Text hinzufügen und Textgröße, Farbe und Ausrichtung auswählen.
Vergiss nicht auf zu klicken Änderungen speichern um Ihre Einstellungen zu speichern. Sie können sich jederzeit das Vorschaubild ansehen, um zu sehen, wie die Lupe mit diesen Einstellungen auf Ihren Blog-Bildern funktioniert.
Die obigen Einstellungen aktivieren den Vergrößerungszoom Ihrer WooCommerce-Produktbilder. Um den Zoom für Ihre Bilder auf WordPress-Beiträgen und -Seiten zu aktivieren, müssen Sie die folgenden Schritte ausführen.
Aktivieren des Vergrößerungszooms für Bilder in Beiträgen und Seiten
Standardmäßig ist der Vergrößerungszoom für Bilder auf Ihren Beiträgen und Seiten nicht aktiviert. Sie müssen dies manuell tun, nachdem Sie Ihrem Inhalt ein Bild hinzugefügt haben.
Sobald Sie das Bild zu Ihrem Beitrag oder Ihrer Seite hinzugefügt haben, klicken Sie einfach darauf, um es auszuwählen, und klicken Sie dann auf das Lupensymbol in der Symbolleiste. Dieses Symbol wendet die Zoomeinstellungen auf Ihr Bild an.
Gehen Sie danach zum Beitrag, um die für das ausgewählte Bild aktivierte Vergrößerungszoomfunktion zu sehen. Sie müssen diesen Schritt jedes Mal wiederholen, wenn Sie einem Bild den Zoomeffekt hinzufügen möchten.
Wir empfehlen, qualitativ hochwertige Bilder zu verwenden, damit die Zoomfunktion großartig aussieht. Hochwertige Bilder haben normalerweise eine größere Dateigröße und das Laden dauert länger, was sich auf die Geschwindigkeit und Leistung Ihrer Website auswirkt. Um dieses Problem zu lösen, müssen Sie Ihre Bilder für das Web optimieren, bevor Sie sie in WordPress hochladen.
Wir hoffen, dieser Artikel hat Ihnen geholfen zu lernen, wie Sie in WordPress einen Vergrößerungszoom für Bilder hinzufügen. Vielleicht möchten Sie auch unseren Artikel zur Behebung häufiger Bildprobleme in WordPress lesen.