![\"So](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-181201-616f5f07a33d1.png\")
<\/a><\/p>\nSie erhalten das Beste aus beiden Welten. Sie zeigen immer noch eine kleinere Version des Bildes an, die gut in Ihren Beitrag passt und schnell geladen wird, aber Sie bieten auch eine viel gr\u00f6\u00dfere Version des Bildes in voller Gr\u00f6\u00dfe f\u00fcr jeden an, der es sehen m\u00f6chte.<\/p>\n
Befolgen Sie die Schritte in diesem Tutorial und Sie haben in wenigen Minuten eine Lightbox zu Ihrer WordPress-Site hinzugef\u00fcgt.<\/p>\n
Wenn Sie Ihrem E-Commerce-Shop einen Leuchtkasten hinzuf\u00fcgen m\u00f6chten, sehen Sie sich diese Sammlung von WooCommerce-Lightbox-Plugins an<\/a>.<\/p>\n Obwohl es einige erweiterte Optionen gibt, halte ich die Dinge gerne einfach. Deshalb empfehle ich das Simple Lightbox<\/a> Plugin von Archetyped.<\/p>\n Dieses schn\u00f6rkellose WordPress-Plugin bietet Ihnen genau die Funktionalit\u00e4t, die Sie brauchen, ohne aufgebl\u00e4ht zu werden.<\/p>\n Sie k\u00f6nnen das Plugin von wordpress.org herunterladen oder \u00fcber das Plugins-Men\u00fc danach suchen, um es jetzt auf Ihrer Site zu installieren.<\/p>\n Wenn das Simple Lightbox-Plugin installiert ist, finden Sie in Ihrem Admin-Dashboard ein neues Men\u00fc namens "Lightbox" unter dem Men\u00fc "Erscheinungsbild":<\/p>\n Es sind nur wenige Schritte erforderlich, um das Plugin f\u00fcr Ihre Site vollst\u00e4ndig zu konfigurieren.<\/p>\n Der erste Abschnitt, Aktivierung, steuert, welche Bilder eine Lightbox haben sollen.<\/p>\n Wie Sie sehen, k\u00f6nnen Sie Seitentypen ausw\u00e4hlen, die betroffen sein sollen, und f\u00fcr alle Bilder, die im Inhalt dieser Seiten gefunden werden, wird die Lightbox-Funktion aktiviert.<\/p>\n F\u00fcr die meisten Leute wird diese Konfiguration am besten funktionieren:<\/p>\n Bei dieser Konfiguration wird die Lightbox f\u00fcr alle Bilder in Ihren Blog-Posts aktiviert, aber die Bilder auf anderen Seiten Ihrer Website (wie Ihre "Info"-Seite und Ihre Startseite) werden davon nicht beeinflusst.<\/p>\n Bevor wir weitermachen, gibt es ein Problem, das wir ansprechen m\u00fcssen\u2026<\/p>\n Damit die Lightbox funktioniert, m\u00fcssen Sie Ihre Bilder wie folgt mit ihren Mediendateien verkn\u00fcpfen:<\/p>\n Bevor WordPress den neuen Editor hinzugef\u00fcgt hat, konnten Sie alle Ihre Bilder so einstellen, dass sie automatisch mit ihren Mediendateien verkn\u00fcpft werden, aber jetzt m\u00fcssen Sie sie manuell \u00fcber die Symbolleiste verkn\u00fcpfen, wie im obigen Screenshot abgebildet.<\/p>\n Alle Lightbox-Plugins funktionieren auf diese Weise, daher ist es erforderlich, die Bilder mit ihren Mediendateien zu verkn\u00fcpfen.<\/p>\n Was bedeutet das f\u00fcr Ihre Website?<\/p>\n Das bedeutet, dass, wenn Sie die Lightbox f\u00fcr Ihre Posts aktivieren, die Bilder in Ihren Posts erst dann eine Lightbox haben, wenn Sie sie mit ihrer Mediendatei verkn\u00fcpfen, und Sie m\u00fcssen dies f\u00fcr jedes Bild tun, f\u00fcr das Sie eine Lightbox haben m\u00f6chten.<\/p>\n Dies verlangsamt die Dinge im Vergleich zu fr\u00fcher, aber es gibt Ihnen die vollst\u00e4ndige Kontrolle dar\u00fcber, welche Bilder eine Lightbox haben.<\/p>\n Nachdem wir das erledigt haben, schlie\u00dfen wir die Konfiguration des Plugins ab.<\/p>\n Obwohl die Standard-Link-Option derzeit nicht verf\u00fcgbar ist, gibt es gute Gr\u00fcnde zu glauben, dass die WP-Entwickler sie in einem zuk\u00fcnftigen Update wieder hinzuf\u00fcgen werden.<\/p>\n Sie k\u00f6nnen mit einer einfachen Lightbox zufrieden sein, aber die Gruppierungsoption kann f\u00fcr einige Websites praktisch sein.<\/p>\n Das Simple Lightbox-Plugin kann alle Bilder in Ihrem Beitrag aufnehmen und in eine Diashow<\/a> verwandeln. Wenn diese Funktion aktiviert ist, wird ein Besucher, der auf ein Bild klickt, das normale Popup-Fenster sehen,<\/a> jedoch mit an den Seiten hinzugef\u00fcgten Pfeilen, damit er durch jedes Bild im Beitrag navigieren kann.<\/p>\n Die Diashow informiert die Besucher auch unten links \u00fcber die Anzahl der Bilder in der Serie, und oben rechts wurde neben der Schaltfl\u00e4che zum Schlie\u00dfen eine Schaltfl\u00e4che zum Abspielen \/ Anhalten hinzugef\u00fcgt.<\/p>\n Die Diashow-Lightbox kann f\u00fcr Ihre Site sinnvoll sein oder auch nicht, aber Sie k\u00f6nnen sie in den Gruppierungseinstellungen leicht deaktivieren, wenn sie Ihnen nicht gef\u00e4llt.<\/p>\n Wenn Sie Ihren Beitr\u00e4gen h\u00e4ufig mehrere Galerien hinzuf\u00fcgen<\/a>, k\u00f6nnen Sie das dritte Kontrollk\u00e4stchen aktivieren, damit Simple Lightbox die Diashows getrennt h\u00e4lt.<\/p>\n W\u00e4hrend das Standarddesign der Lightbox einfach und sauber ist, stehen einige Anpassungseinstellungen zur Verf\u00fcgung.<\/p>\n Es gibt nur zwei Themen (hell und dunkel) und das dunkle Thema ersetzt einfach den wei\u00dfen Rand durch einen schwarzen Rand.<\/p>\n Ich w\u00fcrde empfehlen, die meisten Einstellungen unver\u00e4ndert zu lassen, aber ich pers\u00f6nlich finde die automatische Diashow-Funktion st\u00f6rend, also kreuze ich das an. Dar\u00fcber hinaus k\u00f6nnen Sie die Anzeige der Bildtitel aktivieren, indem Sie die letzte Option deaktivieren.<\/p>\n Wenn die Anpassungen abgeschlossen sind, gibt es nur noch einen letzten kleinen Schritt, um die Konfiguration abzuschlie\u00dfen.<\/p>\n Simple Lightbox enth\u00e4lt Beschriftungen f\u00fcr alle Schaltfl\u00e4chen in der Lightbox.<\/p>\n Ohne einige Hintergrundinformationen ist es verwirrend: Diese Labels sind auf der Website nicht wirklich sichtbar, sondern dienen eher als Barrierefreiheit<\/a> und werden f\u00fcr Ihre Besucher verwendet, die Bildschirmleseger\u00e4te und Hilfstechnologien verwenden.<\/p>\n Die Standardlabels sind sinnvoll, aber Sie k\u00f6nnen sie im Abschnitt Labels anpassen, wenn Sie m\u00f6chten:<\/p>\n Damit sind Sie fertig mit der Anpassung der Lightbox, die jetzt zu Ihrer WordPress-Site hinzugef\u00fcgt wurde.<\/p>\n Leuchtk\u00e4sten sind gro\u00dfartig f\u00fcr die Benutzererfahrung.<\/p>\n Wenn Sie die Breite Ihrer Beitr\u00e4ge erweitern, um gr\u00f6\u00dfere Bilder hinzuzuf\u00fcgen, w\u00fcrden Sie die Lesbarkeit Ihres Textes beeintr\u00e4chtigen und die gr\u00f6\u00dferen Bilddateien w\u00fcrden Ihre Website verlangsamen.<\/p>\n Mit einer Lightbox k\u00f6nnen Sie Ihren Besuchern ein gro\u00dfartiges Leseerlebnis und ein gro\u00dfartiges Seherlebnis f\u00fcr Ihre Bilder bieten.<\/p>\n Wenn Ihnen dieses Tutorial gefallen hat und Sie immer mehr anpassen m\u00f6chten, lesen Sie meinen ultimativen Leitfaden: 31 einfache M\u00f6glichkeiten zum Anpassen Ihrer WordPress-Site<\/a>.<\/p>\n Danke f\u00fcrs Lesen und bitte teile diesen Beitrag, wenn er dir weitergeholfen hat.<\/p>\nHinzuf\u00fcgen von Leuchtk\u00e4sten zu Ihrer Website<\/h2>\n
<\/a><\/p>\n<\/a><\/p>\nKonfigurieren Sie die Lightbox<\/h3>\n
<\/a><\/p>\n<\/a><\/p>\nDas einzige nervige Problem<\/h3>\n
<\/a><\/p>\nErstellen Sie Lightbox-Diashows<\/h3>\n
<\/a><\/p>\n<\/a><\/p>\nPassen Sie die Stile an<\/h3>\n
<\/a><\/p>\nPassen Sie die Etiketten an<\/h3>\n
<\/a><\/p>\nViel Spa\u00df mit deinem neuen Leuchtkasten<\/h2>\n