{"id":228680,"date":"2022-10-17T12:30:00","date_gmt":"2022-10-17T09:30:00","guid":{"rendered":"https:\/\/wordpress.mediadoma.com\/?p=228680"},"modified":"2022-11-09T03:47:47","modified_gmt":"2022-11-09T00:47:47","slug":"wp_get_attachment_image-editeur-de-blocs-wordpress-gutenberg-lequivalent-est-getmedia","status":"publish","type":"post","link":"https:\/\/wordpress.mediadoma.com\/fr\/wp_get_attachment_image-editeur-de-blocs-wordpress-gutenberg-lequivalent-est-getmedia\/","title":{"rendered":"wp_get_attachment_image \u00c9diteur de blocs WordPress (Gutenberg) L’\u00e9quivalent est getMedia"},"content":{"rendered":"

Vous cherchez comment obtenir la vignette de la publication ou une URL de pi\u00e8ce jointe par son identifiant dans WordPress gutenberg ?<\/p>\n

Vous pouvez avoir un objet post renvoy\u00e9 en utilisant l’\u00e9quivalent WordPress Gutenberg de WP_Query<\/a> (ou l’ \u00e9quivalent WordPress Gutenberg de get_post<\/a> ).<\/p>\n

Notez que dans l’objet de publication, vous pouvez obtenir l’ID de m\u00e9dia en vedette, qui est stock\u00e9 dans la featured_media<\/code>propri\u00e9t\u00e9.<\/p>\n

Vous pouvez ensuite utiliser le getMedia<\/code>pour obtenir les propri\u00e9t\u00e9s de cette pi\u00e8ce jointe par son identifiant, comme ceci\u00a0:<\/p>\n

wp.data.select( 'core' ).getMedia( 42 );\n<\/code><\/pre>\n
Le voici dans la console :<\/p>\n
Utilisation de getMedia dans la console.<\/p>\n
Nous pouvons explorer l’objet image qui est renvoy\u00e9 dans la console et voir que nous pouvons saisir toutes les tailles de donn\u00e9es, de texte alternatif, de m\u00e9ta et d’image dont nous avons besoin pour afficher l’image.<\/p>\n
Notez que les tailles d’image dans les exemples de donn\u00e9es ci-dessous ont \u00e9t\u00e9 abr\u00e9g\u00e9es, sinon cela dure un peu.<\/p>\n
id: 101\ndate: \"2020-03-21T14:02:00\"\ndate_gmt: \"2020-03-21T14:02:00\"\nguid: {\n    rendered: \"https:\/\/wholesomecode.ltd\/wp-content\/uploads\/2020\/03\/Code-Example.png\"\n    raw: \"https:\/\/wholesomecode.ltd\/wp-content\/uploads\/2020\/03\/Code-Example.png\"\n}\nmodified: \"2020-03-21T14:02:00\"\nmodified_gmt: \"2020-03-21T14:02:00\"\nslug: \"code-example\"\nstatus: \"inherit\"\ntype: \"attachment\"\nlink: \"https:\/\/wholesomecode.ltd\/code-example\/\"\ntitle: {\n    raw: \"Code Example\"\n    rendered: \"Code Example\"\n}\nauthor: 1\ncomment_status: \"closed\"\nping_status: \"closed\"\ntemplate: \"\"\nmeta: {\n    _wcltd_meta_example_1: \"1\"         \n    _wcltd_meta_example_2: \"Hello\"\n}\npermalink_template: \"https:\/\/wholesomecode.ltd\/wp-content\/uploads\/2020\/03\/Code-Example.png\/?attachment_id=101\"\ngenerated_slug: \"code-example\"\ndescription: {\n    raw: \"Code Example\"\n    rendered: \"...\"\n}\ncaption: {\n    raw: \"Code Example\"\n    rendered: \"<p>Code Example<\/p>\u21b5\"\n}\nalt_text: \"Code Example\"\nmedia_type: \"image\"\nmime_type: \"image\/png\"\nmedia_details: {\n    width: 2310\n    height: 1400\n    file: \"2020\/03\/Code-Example.png\"\n    sizes: {\n        ...\n        large: {\n            file: \"Code-Example-1024x621.png\"\n            width: 1024\n            height: 621\n            mime_type: \"image\/png\"\n            source_url: \"https:\/\/wholesomecode.ltd\/wp-content\/uploads\/2020\/03\/Code-Example-1024x621.png\"\n        }\n    }\n    image_meta: {\n        aperture: \"0\"\n        credit: \"\"\n        camera: \"\"\n        caption: \"\"\n        created_timestamp: \"0\"\n        copyright: \"\"\n        focal_length: \"0\"\n        iso: \"0\"\n        shutter_speed: \"0\"\n        title: \"\"\n        orientation: \"0\"\n    }\n}\npost: null\nsource_url: \"https:\/\/wholesomecode.ltdwp-content\/uploads\/2020\/03\/Code-Example.png\"\n<\/code><\/pre>\n
Voyez cela en action dans l’ exemple de boucle de publication WordPress Gutenberg<\/a>.<\/p>\n
Source d’enregistrement:  wholesomecode.ltd<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"
Vous cherchez comment obtenir la vignette de la publication ou une URL de pi\u00e8ce jointe par son identifiant dans WordPress gutenberg ? Vous pouvez avoir un objet de publication renvoy\u00e9 en utilisant l’\u00e9quivalent WordPress Gutenberg de…<\/p>\n","protected":false},"author":1,"featured_media":223619,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[893,717,936,862],"tags":[1167],"class_list":["post-228680","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-code-2","category-developpeur","category-gutenberg-3","category-wordpress-3","tag-affiai-fr"],"_links":{"self":[{"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/posts\/228680","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/comments?post=228680"}],"version-history":[{"count":0,"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/posts\/228680\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/media\/223619"}],"wp:attachment":[{"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/media?parent=228680"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/categories?post=228680"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/tags?post=228680"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}