Support » Algemene WordPress vragen » 2 vragen over srcset property?

  • Opgelost johannes999

    (@johannes999)


    Hallo,
    ik heb 2 vragen over srcset property.
    1–in deze voorbeeld u kunt zien:

    
    <img 
    	srcset="image_3/large.jpg  1800w, 
    	        image_3/medium.jpg  1200w,
    	        image_3/small.jpg   640w"
    
    	sizes="(min-width: 1200px) 1200px"
    	       
    	src="image_3/small.jpg"
    	alt="" />
    

    mij vraag is : zou kunnen bijvoorbeeld in min-width 1200px als volgende doen:

    
    sizes="(min-width: 1200px) 960px 1200px"
    

    mij bedoeling is om de browser te laten kiezen van 2 formaten afhankelijk van de monitor 1k of k2 is.(device gericht). of het is niet mogelijk?

    2-mij tweede vraag is ik ziet paar dagen studeren srcset,srcset picture property.
    ik heb gelezen dat wordpress na 4.4 heeft in zichzelf de srcset proerty. als ik zou een image toevoegen on mij wordpress theme dan zou wordpress srcset property automatisch toevoegen.
    ik werk met underscores_me theme ik geprobeerd om te testen image toegevoegd op mij theme,maar wanneer ik ga naar inspect element en klik op de image ik zie alleen het src maar geen srcset tags.
    moet ik in function php zelf toevoegen de srcset function?
    korte antwoorden zou het voldoende zijn.
    dank u wel
    johannes

    De pagina waar ik hulp bij nodig heb: [log in om de link te zien]

1 reactie aan het bekijken (van in totaal 1)
  • johannes999

    (@johannes999)

    ik antwoord mij vragen zelf.
    1-Als de mediaconditie waar is, kiest de user-agent welke afbeelding moet worden weergegeven met de opgegeven grootte op basis van de verschillende afbeeldingen die zijn gedefinieerd in het kenmerk srcset.
    voorbeeld:

    
    <img src="one.png"
         srcset="two.png 100w, three.png 500w, four.png 1000w"
    
         sizes="(min-width: 900px) 1000px,
                (max-width: 900px) and (min-width: 400px) 50em,
                ( not (orientation: portrait) ) 300px,
                ( (orientation: landscape) or (min-width: 1000px) ) 50vw, 
                100vw">
    

    2-twentysixteen heeft srcset functie toegevoegd in function.php als volgende:

    
    function twentysixteen_post_thumbnail_sizes_attr( $attr, $attachment, $size ) {
    	if ( 'post-thumbnail' === $size ) {
    		if ( is_active_sidebar( 'sidebar-1' ) ) {
    			$attr['sizes'] = '(max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 984px) 60vw, (max-width: 1362px) 62vw, 840px';
    		} else {
    			$attr['sizes'] = '(max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 1362px) 88vw, 1200px';
    		}
    	}
    	return $attr;
    }
    add_filter( 'wp_get_attachment_image_attributes', 'twentysixteen_post_thumbnail_sizes_attr', 10, 3 );
    

    zo als ik ga naar inspect elements in twentysixteen en klik op een beeld ik zie de srscet property van de beeld met bijbehorende grootte.
    in undescores_me is deze srcset functie is niet toegevoegd daarom ik kunde niet zien srcset grootte in inspect elements voor een beeld.
    dank u wel
    johannes

1 reactie aan het bekijken (van in totaal 1)