monochrome und lightbox (jquery)

    Hallo Leute,

    ich setzt auf meinem Blog (http://www.blogschatz.de) das Theme "monochrome" in der Version 2.7 ein (http://wordpress.org/extend/themes/monochrome). Ich konnte das Theme soweit "eindeutschen" und es nach meinen Bedürfnissen anpassen.

    Füge gerne Bilder in meine Beiträge ein, was auch super funktioniert, nur funktioniert die "lightbox" nicht. Wenn ich auf das Bild klicke, bekomme ich das Bild in Vollbildgröße. Ich weiß nicht was ich machen soll. Habe das Plugin "WP-Slimbox2" und "Add Lightbox" mal testweise aktiviert, ohne Erfolg.

    Hat wer einen Tipp für mich wie ich das hinbekommen könnte?

    Vielen Dank im voraus.

    Anhang:
    Auszug aus der Readme des Themes zur Problematik:

    • Gerade eben
    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

    Moin,

    schau Dir mal das Supportforum an. Klick
    Da teilen so einige Deine Probleme, aber anscheinend gibt es eine Lösung mit Fancybox.

    Es scheint an der nicht wirklich sauberen Umsetzung des Themes zu liegen. Und von daher würde es mich nicht wundern, wenn es mit zu neuen Problemen kommt wenn Du weitere Plugins einbaust.

    Gruß
    Marc

    „Ich bin Leben, das leben will, inmitten von Leben, das leben will.“ Albert Schweitzer

    Hallo,

    vielen Dank für die Antwort.
    Räts du mir dann indirekt zu einem anderen Theme?

    Ich habe noch kein vergleichbares gefunden was mir gefallen würde und meine englisch Skills reichen nicht aus, bzw. will meinen Blog nicht komplett mit Plugins zupflastern. Vorteil von dem Theme ist, dass es meiner Meinung nach dezent und doch etwas Farbe hat. Kann auch ohne lightbox leben, wäre halt das tüpfelchen auf dem i :-)

    grüße

    Michael

    Moin,

    ich weiß es nicht wirklich, aber das Theme sieht mir sehr danach aus, als ob es mit Artisteer erstellt worden wäre. Diese Themes schleppen viel teilweise störenden Ballast mit sich herum. Nimm Dir doch ein wenig Zeit und durchsuche mal die existierenden Themes. Eventuell findet sich eine Alternative. Wenn die Themes gut gemacht sind, unterstützen sie auch die Lokalisierung in verschiedene Sprachen.

    Tipp um mit der Suche jenseits des "offiziellen" Theme-Directories anzufangen: Gehe mal ins Smashing Magazine und dort auf die "Network Posts". Dort, in den kooperierenden Web-Magazinen finden sich Präsentationen von Unmengen schöner, funktionaler Themes.

    Mein persönlicher Tipp falls Du Lust hast selbst etwas aktiv zu gestalten: Die Child-Themes des Thematic-Frameworks. Technisch klasse, gut dokumentiert. Allerdings in englisch. Ähnlich gut: Hybrid von Justin Tadlock.

    Gruß
    Marc

    „Ich bin Leben, das leben will, inmitten von Leben, das leben will.“ Albert Schweitzer

    Hi,

    In deinem Quelltext steht beim Aufruf der Grafik;

    Code
    <a [COLOR=Red]rel="lightbox"[/COLOR] href="http://www.blogschatz.de/wp-content/uploads/2010/04/1_vorher.png"><img width="168" height="113" alt="Originalbild" src="http://www.blogschatz.de/wp-content/uploads/2010/04/1_vorher.png" title="1_vorher" class="aligncenter size-full wp-image-174"></a>

    Hast du das selber eingetragen, oder wurde das vom Plugin eingefügt?

    Ich hatte für einen Test dieses Plugin Installiert.

    Allerdings muss man die rel="lightbox" Anweisung von Hand (HTML Modus) im Artikel einfügen, das geschieht leider nicht Automatisch.

    Das ganze sieht dann in meinem Quelltext so aus;

    Code
    <p style="text-align: center;"><a href="http://wptest.potthoff-telekommunikation.de/allgemein/2010/03/leer.html"><img class="aligncenter size-full wp-image-30" title="all-hello-kitty-cute" src="http://wptest.potthoff-telekommunikation.de/wp-content/uploads/2010/03/all-hello-kitty-cute.gif" alt="" width="150" height="150" [COLOR=Red]rel="lightbox"[/COLOR]/></a>Test</p>

    Doch es hatte bei mir auf Anhieb funktioniert und wenn dir die Handarbeit nichts ausmacht, hätte dein i sein Tüpelchen. ;)

    Bitte keine Fragen per PM, oder Foren-Chat. Für Fragen ist das öffentliche Forum da. Meine Uerdinger Seite

    Ich Danke dir -=Marc=-, das bleibt auf jeden Fall im Hinterkopf und lass mir das als Lesezeichen im Kontrollzentrum stehen. Wenn ich jetzt nach der Prüfung mehr Zeit habe muss ich meinen Blog vom Design her pimpen.

    Ich Danke auch Marcus[IS] für den super Hinweis auf das JQuery Plugin, aktiviert und eingebunden (laut Codevorlage), funzt. Was mich wunderte: du hast das rel Attribut im img Tag eingebunden. Laut Homepage des Plugins (http://www.pedrolamas.com/projectos/jquery-lightbox-en/) habe ich das rel Attribut im Link Tag (<a href=...) gefunden:

    PHP
    <a href="image.png" title="Image Title" rel="lightbox"><img src="image_thumbnail.png" alt="Image Title" /></a>

    Funktioniert auch.

    Das Problem mit dem manuellen hinzufügen konnte ich ebenfalls (sehr einfach) lösen. Dazu benötigt man nur dieses Plugin hier: http://wordpress.org/extend/plugins/add-lightbox-title/

    Das fügt des oben genannte Attribut rel jedem klickbaren Bild hinzu. Saubere Sache! Wer nur das Plugin add-lightbox verwenden will (wovon ich persönlich abrate) muss es manuelle anpassen.*

    So, nun habe ich das Tüpfelchen gefunden und bin darüber hinaus noch schlauer in Sachen Wordpress geworden.

    Ich bedanke mich herzlichst bei den Beteiligten und wünsche noch einen schönen Abend.

    Grüße

    Michael

    *wer wissen will was man anpassen muss, soll mir einfach eine PM schreiben oder hier Antworten.

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!

Benutzerkonto erstellen Anmelden