Holen Sie sich das Vorschaubild entsprechend dem Bildschirm

Ich muss das vorgestellte Bild nach dem Bildschirmtyp abrufen.
Für Tablet und mobile mittlere Größe und für Desktop groß.
Wie kann ich den Gerätetyp des Benutzers auf der Serverseite kennen, um die entsprechende Bildgröße abzurufen?
(Im Beispiel verwende ich das Thema API, aber natürlich kann ich die native API von WordPress verwenden)

$thumb_args = array( 'class' => 'alignnone', 'img_id' => $thumbnail_id, 'wrap' => '', 'echo' => false, 'img_meta' => wp_get_attachment_image_src($thumbnail_id, 'medium'), ); // Thumbnail proportions. if ( 'resize' === of_get_option( 'blog-thumbnail_size' ) ) { $prop = of_get_option( 'blog-thumbnail_proportions' ); $width = max( absint( $prop['width'] ), 1 ); $height = max( absint( $prop['height'] ), 1 ); $thumb_args['prop'] = $width / $height; } $post_media_html = presscore_get_blog_post_fancy_date(); if ( $config->get_bool( 'post.fancy_category.enabled' ) ) { $post_media_html .= presscore_get_post_fancy_category(); } $post_media_html .= dt_get_thumb_img( $thumb_args ); 

Solutions Collecting From Web of "Holen Sie sich das Vorschaubild entsprechend dem Bildschirm"

Sie sollten nicht versuchen, das Benutzergerät auf der Serverseite zu kennen, da dies bedeutet, dass Sie kein Seitencaching verwenden können, und es wird fehlschlagen, wenn sich die Größe des Browserfensters ändert.

Treffen Sie solche Entscheidungen auf Kundenseite. Wenn es nicht möglich ist, einfach CSS zu verwenden, bereiten Sie einfach ein geeignetes JS-Array mit den URLs möglicher Bilder vor und legen Sie die Bilder basierend auf der tatsächlichen Client-Bereichserkennung, die in JS erfolgt ist, auf die entsprechende Abbildung fest.