Deaktivieren Sie den Media File Image Link auf mobilen Geräten

Ich möchte den Image-Link “Mediendatei” auf Mobilgeräten deaktivieren, damit beim Anzeigen einer Website auf Mobilgeräten einfach das Bild ohne Verknüpfung angezeigt wird.

Ich möchte dies erreichen, weil meine Bilder in einem responsiven Design auf mobilen Geräten sowieso 100% breit sind. Wenn Sie auf das Bild klicken, wird einfach ein Bild geöffnet, das die gleiche Größe hat oder sogar kleiner ist, abhängig von den Einstellungen für die Lightbox-Auffüllung.

Ich benutze das Shadowbox js Plugin , um Mediendatei- Bildlinks in einem ansprechenden Leuchtkasten zu öffnen. Dieses Plugin erkennt einen Medien-Datei-Bild-Link und fügt eine rel = “shadowbox” hinzu, um die Vollversion in einem Leuchtkasten zu öffnen.

Ich fange hier an, indem ich versuche, die beschriebene functionalität in den nativen WordPress-Mediendatei-Bild-Link-Code zu implementieren, da ich glaube, dass das Plugin einfach daran hängt.

Ich habe das ein wenig erforscht, ohne Erfolg. Eine nicht erfolgreiche Implementierung, die ich versucht habe, stammt aus dem folgenden Thread: – Deaktiviere verknüpfte Galeriebilder beim mobilen Browser

Dabei habe ich der Datei functions.php den folgenden Code hinzugefügt (ich möchte das entweder über meine functions.php Datei oder ein Plugin erreichen), aber es hat nicht funktioniert.

$image = wp_get_attachment_image( $id, $size, false ); // if it's set to not show the image link if(isset($attr['link']) && ('none' == $attr['link']) && !is_mobile() ){ // then just show the image echo $image; } else { // else show the image wrapped in a link $link = wp_get_attachment_url($id); echo "$image"; } 

Ist es möglich, den Image-Link “Mediendatei” auf mobilen Geräten zu deaktivieren?

Solutions Collecting From Web of "Deaktivieren Sie den Media File Image Link auf mobilen Geräten"

Was Sie tun möchten, ist nicht möglich aus functions.php oder einem Plugin. Der Code, den Sie gepostet haben, müsste den Code in Ihren Vorlagendateien für die Seite ersetzen, auf der Ihre Bilder angezeigt werden.

Wenn Sie die Vorlagendateien ändern können, suchen Sie, wo in Ihrer Vorlage Ihr HTML-Bild generiert wird, und ersetzen Sie es dann durch etwas, das dem von Ihnen geposteten Code ähnelt. Es ist sehr wahrscheinlich, dass Sie den Code, den Sie oben gepostet haben, irgendwie modifizieren müssen.

is_mobile() Sie die function is_mobile() nicht hinzugefügt haben, müssen Sie außerdem is_mobile() durch wp_is_mobile() ersetzen.

Schließlich sollte ich hinzufügen, dass dies keine “ansprechende” Lösung ist. Idealerweise sollten Sie HTML und / oder CSS und / oder JavaScript verwenden, um Ihr Problem zu lösen.

Sie können dies einfach mit HTML und CSS tun. Sie können 2 DIV-Blöcke für dasselbe Bild und dieselbe Anzeige schreiben: none; Eigenschaften in CSS unter Verwendung von Medienabfragen, wie unten gezeigt. Hinweis: Ich habe das “a href” -Tag für Mobilgeräte entfernt.

  
.image-grid.mobile{display:none;} @media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 1) { .image-grid.desktop{display:none;} .image-grid.mobile{display:block;} }