ThemeLocal - Blog-Tipps, die wie von Zauberhand funktionieren
  • Bloggen

    7 Möglichkeiten, die Größe von PDF-Dateien zu reduzieren

    Warum die meisten Blogging-Ratschläge fehlschlagen (und wie man sie behebt)

    7 wesentliche Fragen, die sich jeder Blogger stellen muss

    So schreiben Sie Inhalte, die Ihre Leser dazu bringen, mehr zu wollen

    Was tun, wenn Ihr Blog gehackt wird

    So schreiben Sie schneller: 10 einfache Tipps, um Ihre Schreibleistung zu verdoppeln

    Wie man Trends produktiv überwacht und berichtenswerte Inhalte schreibt

    So planen Sie Inhalte wie Walter Bishop

    So schreiben Sie den ultimativen Blog-Beitrag: Der Spickzettel eines Bloggers

  • WordPress
    • All
    • Plugins
    • Themes

    So fügen Sie ein Schema für mehrere Standorte für lokale Unternehmen in WordPress hinzu

    Die 11 besten Amazon-Affiliate-WordPress-Themes 2022

    Die 5 besten NFT-WordPress-Themes 2022

    So fügen Sie Zusammenarbeit im WordPress-Blockeditor hinzu (Google-Doc-Stil)

    So akzeptieren Sie Google Pay in WordPress (der einfache Weg)

    Die 9 besten WordPress-Themes zur Lead-Generierung 2022

    So passen Sie die Ergebnisseite der WooCommerce-Produktsuche an

    So erstellen Sie ein zusammenklappbares Seitenleistenmenü in WordPress (der einfache Weg)

    So fügen Sie „Jetzt kaufen, später bezahlen“-Zahlungspläne zu WordPress hinzu

  • E-Mail Marketing

    So verwenden Sie Gast-Blogging, um Ihre E-Mail-Liste zu erstellen

    Die E-Mail-Marketing-Kennzahlen, auf denen jede Kampagne basieren sollte

    So verwenden Sie ein Kontaktformular, um Ihre E-Mail-Liste zu erstellen

  • SEO

    So beheben Sie Fehler vom Typ 404 von benutzerdefinierten Beiträgen in WordPress

    Erhöhen Sie den Traffic auf Ihrer WordPress-Site in 6 einfachen Schritten

    Wie man automatisch externe Links in WordPress Nofollow macht

    Wie man in Suchmaschinen einen höheren Rang erreicht

    So entfernen Sie defekte Links für immer von Ihrer WordPress-Site

    SEO-Anfängerleitfaden: Intro, Prep & Jargon

    WordPress Keyword-Recherche und -Nutzung für SEO

    Verbessern Sie SEO mit Backlinks, Seitengeschwindigkeit und mehr

    Die 10 wichtigsten Funktionen von Yoast SEO für WordPress

  • Soziale Netzwerke

    So fügen Sie einem Instagram-Post eine Erinnerung hinzu

    So planen Sie kostenlos Pinterest-Pins

    Wie man auf Instagram viral wird: Der Leitfaden für Anfänger

    5 großartige Möglichkeiten, Ihre Social-Media-Updates zu diversifizieren, um mehr Traffic und Engagement zu generieren

    Können Sie Instagram verwenden, um Ihr Geschäft auszubauen?

    6 effektive Möglichkeiten, sich in sozialen Medien zu vermarkten

    6 intelligente Instagram-Marketing-Tipps, um Ihr Geschäft anzukurbeln

    So konvertieren Sie Ihr persönliches Instagram-Profil in ein Unternehmensprofil

    Shorby Review: Steigern Sie den Traffic von Social Media mit Landing Pages + mehr

  • Mehr
    • Tutorials
    • Shopify
    • Bewertungen
    • Tipps
    • Sicherheit
    • Software und Dienste
    • Verkehrserzeugung
    • Anfängerleitfaden
    • Showcase
No Result
View All Result
  • Bloggen

    7 Möglichkeiten, die Größe von PDF-Dateien zu reduzieren

    Warum die meisten Blogging-Ratschläge fehlschlagen (und wie man sie behebt)

    7 wesentliche Fragen, die sich jeder Blogger stellen muss

    So schreiben Sie Inhalte, die Ihre Leser dazu bringen, mehr zu wollen

    Was tun, wenn Ihr Blog gehackt wird

    So schreiben Sie schneller: 10 einfache Tipps, um Ihre Schreibleistung zu verdoppeln

    Wie man Trends produktiv überwacht und berichtenswerte Inhalte schreibt

    So planen Sie Inhalte wie Walter Bishop

    So schreiben Sie den ultimativen Blog-Beitrag: Der Spickzettel eines Bloggers

  • WordPress
    • All
    • Plugins
    • Themes

    So fügen Sie ein Schema für mehrere Standorte für lokale Unternehmen in WordPress hinzu

    Die 11 besten Amazon-Affiliate-WordPress-Themes 2022

    Die 5 besten NFT-WordPress-Themes 2022

    So fügen Sie Zusammenarbeit im WordPress-Blockeditor hinzu (Google-Doc-Stil)

    So akzeptieren Sie Google Pay in WordPress (der einfache Weg)

    Die 9 besten WordPress-Themes zur Lead-Generierung 2022

    So passen Sie die Ergebnisseite der WooCommerce-Produktsuche an

    So erstellen Sie ein zusammenklappbares Seitenleistenmenü in WordPress (der einfache Weg)

    So fügen Sie „Jetzt kaufen, später bezahlen“-Zahlungspläne zu WordPress hinzu

  • E-Mail Marketing

    So verwenden Sie Gast-Blogging, um Ihre E-Mail-Liste zu erstellen

    Die E-Mail-Marketing-Kennzahlen, auf denen jede Kampagne basieren sollte

    So verwenden Sie ein Kontaktformular, um Ihre E-Mail-Liste zu erstellen

  • SEO

    So beheben Sie Fehler vom Typ 404 von benutzerdefinierten Beiträgen in WordPress

    Erhöhen Sie den Traffic auf Ihrer WordPress-Site in 6 einfachen Schritten

    Wie man automatisch externe Links in WordPress Nofollow macht

    Wie man in Suchmaschinen einen höheren Rang erreicht

    So entfernen Sie defekte Links für immer von Ihrer WordPress-Site

    SEO-Anfängerleitfaden: Intro, Prep & Jargon

    WordPress Keyword-Recherche und -Nutzung für SEO

    Verbessern Sie SEO mit Backlinks, Seitengeschwindigkeit und mehr

    Die 10 wichtigsten Funktionen von Yoast SEO für WordPress

  • Soziale Netzwerke

    So fügen Sie einem Instagram-Post eine Erinnerung hinzu

    So planen Sie kostenlos Pinterest-Pins

    Wie man auf Instagram viral wird: Der Leitfaden für Anfänger

    5 großartige Möglichkeiten, Ihre Social-Media-Updates zu diversifizieren, um mehr Traffic und Engagement zu generieren

    Können Sie Instagram verwenden, um Ihr Geschäft auszubauen?

    6 effektive Möglichkeiten, sich in sozialen Medien zu vermarkten

    6 intelligente Instagram-Marketing-Tipps, um Ihr Geschäft anzukurbeln

    So konvertieren Sie Ihr persönliches Instagram-Profil in ein Unternehmensprofil

    Shorby Review: Steigern Sie den Traffic von Social Media mit Landing Pages + mehr

  • Mehr
    • Tutorials
    • Shopify
    • Bewertungen
    • Tipps
    • Sicherheit
    • Software und Dienste
    • Verkehrserzeugung
    • Anfängerleitfaden
    • Showcase
No Result
View All Result
ThemeLocal - Blog-Tipps, die wie von Zauberhand funktionieren
No Result
View All Result
  • Nutzungsbedingungen
  • Datenschutzerklärung
  • Cookie-Richtlinie
  • Kontakt
Home Bewertungen

Foobox: Ein Social Responsive Media Lightbox Plugin

8 Monaten ago
in Bewertungen
Reading Time: 6 mins read
A A
0
Auf Facebook teilenAuf Twitter teilen

Leuchtkästen sind eine JavaScript-Technik, mit der Inhalte in Boxen angezeigt werden. Ich bin sicher, Sie haben sie schon oft auf Websites gesehen. In der Welt von WordPress werden sie häufig mit Galerien in Verbindung gebracht. Wenn ein Benutzer auf ein Galeriebild klickt, wird das Bild in einem Popup-Fenster angezeigt und der Rest der Seite wird dunkler, sodass das Bild hervorgehoben wird.

Leuchtkästen werden auch auf anderen Arten von Websites verwendet. Viele Online-Shops verwenden beispielsweise die Lightbox-Technik, um Produktbilder hervorzuheben.

Leuchtkästen sind benutzerfreundlich für Besucher, um Inhalte zu durchsuchen. Bei einfachen Bildergalerien, wie der WordPress-Galerie, die in WordPress integriert ist, muss der Benutzer auf das Bild klicken, um das Bild vollständig anzuzeigen, dann auf die Schaltfläche Zurück klicken, um zur Galerie zurückzukehren, und dann auf das nächste Bild klicken. Mit Leuchtkästen können Sie Inhalte durchsuchen, indem Sie einfach links und rechts auf die Galerie klicken.

Heute möchte ich über ein großartiges Premium-Lightbox-Plugin für WordPress namens Foobox sprechen. Mit dem Plugin können Sie Leuchtkästen für Bilder, Videos, HTML und mehr verwenden.

Holen Sie sich Foobox

Schöne responsive Leuchtkästen

Foobox ist eines der fortschrittlichsten Lightbox-Plugins überhaupt. Es bietet viele nützliche Funktionen und ein ansprechendes Design, das auf Desktops, Tablets und Mobiltelefonen großartig aussieht. Benutzer können auch von einer Seite zur anderen wischen, um durch Ihre Inhalte zu navigieren.

Jedes hochgeladene Bild erhält eine eindeutige URL. Auf diese Weise können Besucher Ihre Bilder über beliebte Social-Media-Dienste wie Facebook und Twitter teilen.

Das Plugin bietet native Unterstützung für die integrierte WordPress-Galerie. Es unterstützt auch beliebte WordPress-Plugins Justified Image Grid, Jetpack und NextGEN-Galerie.

Foobox-Bildbeispiel

Wie ich bereits erwähnt habe, verarbeitet Foobox nicht nur Bilder. Das Plugin kann auch mit Videos und HTML verwendet werden. Sie können es beispielsweise verwenden, um YouTube-Videos prominenter anzuzeigen oder Ihr Newsletter-Anmeldefeld anzuzeigen.

Es ermöglicht Ihnen auch, Inhalte mit Iframes anzuzeigen. Sie können diese Funktion nutzen, um eine komplette Website innerhalb des Lightbox-Bereichs anzuzeigen, was nützlich ist, wenn Sie nicht möchten, dass Besucher die Seite verlassen.

Foobox-Iframe-Beispiel

Um besser zu verstehen, was Foobox kann, schauen wir uns den Einstellungsbereich von Foobox genauer an.

Foobox konfigurieren

Ihre Foobox-Lizenz ist erforderlich, um automatische Plugin-Updates zu erhalten und den Support-Tab zu aktivieren. Das Plugin unterliegt der General Public License, daher ist die Lizenz für die Funktion des Plugins nicht erforderlich.

Die Registerkarte Allgemeine Einstellungen befasst sich mit den Arten von Bildern, die mit Foobox verwendet werden. Es kann für WordPress-Galerien, Anhängebilder und Bilder mit Bildunterschriften aktiviert werden. Sie können Foobox auch automatisch für alle Bildtypen aktivieren.

Allgemeine Einstellungen von Foobox

Das Plugin enthält zwei Skins: Rounded und Metro. Es kommt auch mit fünf Farbschemata, zwölf Icon-Sets und elf Icons zum Laden.

Foobox-Look-and-Feel-Einstellungen

Bildunterschriften sind etwas, dem ich normalerweise nicht viel Aufmerksamkeit schenke; Foobox bietet jedoch viele Anpassungsoptionen für Untertitel. Sie können wählen, ob Untertitel auf Bildern, Videos, HTML und Iframes angezeigt werden.

Der Untertiteltitel und die Beschreibung können auch durch den Ankertitel oder den Bild-Alt-Titel ersetzt werden. Es gibt auch eine Funktion, die den Namen der Bilddatei nimmt und in etwas lesbares konvertiert. Ein als „day-at-beach-456“ hochgeladenes Bild würde beispielsweise in „Day at Beach“ umbenannt.

Foobox-Look-and-Feel-Einstellungen

Die Seite mit den Funktionseinstellungen bietet eine Vielzahl von Optionen wie das Ausblenden von Bildlaufleisten und Navigationsschaltflächen. Sie können auch die eindeutige URL deaktivieren, die Foobox für Bilder verwendet.

Einstellungen der Foobox-Funktionen

Weitere Optionen sind eine Vollbild-Schaltfläche, das Vorladen von Bildern zur Verbesserung der Browsergeschwindigkeit, Bildschutz, ein Statistikzähler und eine Diashow.

Einstellungen der Foobox-Funktionen

Symbole zum Teilen von sozialen Medien können auf jeder Art von Lightbox angezeigt werden. Die Icons können über oder unter dem Inhaltsbereich platziert werden. Sie können auch links, mittig oder rechts ausgerichtet werden.

Einstellungen für Foobox Social Icons

Den Nutzern können zehn Social-Media-Dienste angezeigt werden. Sie können auch einen E-Mail-Link und eine Option zum Herunterladen des Bildes anzeigen. Jeder Social-Media-Dienst muss aktiviert sein, damit das entsprechende Social-Icon angezeigt wird.

Einstellungen für Foobox Social Icons

Zusätzliche Konfigurationsoptionen sind verfügbar für Das Open-Graph-Protokoll, Facebook und Twitter.

Einstellungen für Foobox Social Icons

Sobald Sie Ihre ausgewählten Social Media-Netzwerke aktiviert haben, wird die Sharing-Leiste in Ihrer Lightbox angezeigt. Es wird ungefähr so ​​aussehen:

Beispiel für Foobox Social Icons

Andere verschiedene Funktionen befinden sich unter der Registerkarte Erweitert. Es besteht die Möglichkeit, Ihre Foobox-Partner-URL in die Lightbox zu integrieren und zusätzliches Geld zu verdienen.

Weitere Optionen sind das Deaktivieren anderer Leuchtkästen, das Laden von Javascript-Dateien in die Fußzeile und das Aktivieren des Debug-Modus.

Erweiterte Einstellungen von Foobox

Mit Foobox können Sie auch Ihre Leuchtkästen ändern, indem Sie benutzerdefiniertes CSS und Javascript hinzufügen. Dies ist hauptsächlich für Entwickler gedacht, die die Funktionalität von Foobox erweitern möchten.

Foobox JS- und CSS-Einstellungen

Sie müssen Ihre Beiträge und Seiten nicht ändern, um zu sehen, wie Ihre Leuchtkästen aussehen. Nachdem Sie Ihre Einstellungen geändert haben, z. B. Ihr Farbschema oder die Optionen zum Teilen in sozialen Medien, wechseln Sie einfach zum Demo-Tab und sehen Sie sich an, wie Ihre Lightbox mit einer Vielzahl von Bildern, Videos und Iframes aussieht.

Foobox-Demo

Überblick

Foobox ist eine der besten Möglichkeiten, um Inhalte auf Ihrer Website mithilfe von Leuchtkästen anzuzeigen. Das Plugin kostet 27 US-Dollar für eine persönliche Lizenz, 67 US-Dollar für eine Multisite-Lizenz und 97 US-Dollar für eine Geschäftslizenz.

Es ist wichtig zu beachten, dass Foobox ein Plugin ist, das Ihre aktuelle Galeriefunktionalität verbessert, anstatt sie zu ersetzen. Daher fehlen ihm die Funktionen, die Sie in Galerie-Plugins wie Envira Gallery sehen würden.

Mit seiner Unterstützung für Videos, HTML und iframes ist Foobox ein vielseitiges Plugin, das auf vielfältige Weise verwendet werden kann. Bitte besuchen Sie die offizielle Foobox-Website, um mehr über das Plugin zu erfahren 🙂

Wenn Ihnen dieser Artikel gefallen hat, empfehle ich Ihnen, Themelocal für zukünftige Updates über zu abonnieren RSS, Facebook, Twitter oder Google+. Sie können Updates auch kostenlos direkt in Ihren Posteingang erhalten, indem Sie sich für unseren wöchentlichen Newsletter anmelden.

Wenn Sie Fragen zum Plugin haben, hinterlassen Sie bitte wie immer einen Kommentar und ich werde mein Bestes tun, um sie zu beantworten.

Kevin

Share26Tweet16Send
Previous Post

So fügen Sie Live-Chat zu Ihrer WordPress-Site hinzu

Next Post

So erstellen Sie neue Produkte

Related Posts

Wie man

So vergrößern Sie, während Sie ein Video auf Ihrem iPhone aufnehmen

19 Stunden ago
Wie man

So erstellen Sie ein Memoji auf iPhone und iPad (iOS 15.5 Update)

3 Tagen ago
Technik

Du kannst jetzt ein Pixel mit offiziellen Teilen von Google und iFixit reparieren

3 Tagen ago
Load More
Next Post

So erstellen Sie neue Produkte

Schreibe einen Kommentar Antworten abbrechen

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

EMPFOHLEN

Apple Watch 7 vs Apple Watch SE: Welche sollten Sie kaufen?

7 Monaten ago

Epson EcoTank ET-3850 im Test

4 Monaten ago

Apple Watch-Symbole und -Symbole: Meistere deine Apple Watch 7 oder frühere Modelle

6 Monaten ago

So löschen Sie abgelaufene Abonnements auf dem iPhone

5 Monaten ago
ThemeLocal – Blog-Tipps, die wie von Zauberhand funktionieren

Wir helfen klugen Unternehmern, ihre Blogs in profitable Geschäfte zu verwandeln. Wir sind ein preisgekrönter Blog, der seit 2020 Bloggern und Unternehmern hilft.

Folge uns

Neueste Nachrichten

Erwarten Sie in absehbarer Zeit kein iPhone mit Apples 5G-Modem – melden Sie sich

Juli 2, 2022

Strg+Alt+Entf: Sonys Ausrichtung auf PC-Spiele macht sehr viel Sinn

Juli 2, 2022
  • Nutzungsbedingungen
  • Datenschutzerklärung
  • Cookie-Richtlinie
  • Kontakt

© 2022 ThemeLocal. Tous droits réservés.

No Result
View All Result
  • Bloggen
  • WordPress
    • Plugins
    • Themes
  • Shopify
  • E-Mail Marketing
  • Monetarisierung
  • SEO
  • Soziale Netzwerke
  • Tutorials
  • Bewertungen
  • Tipps
  • Sicherheit
  • Software und Dienste
  • Verkehrserzeugung
  • Anfängerleitfaden
  • Showcase

© 2022 ThemeLocal. Tous droits réservés.