{"id":229099,"date":"2022-10-17T13:09:00","date_gmt":"2022-10-17T10:09:00","guid":{"rendered":"https:\/\/wordpress.mediadoma.com\/?p=229099"},"modified":"2022-11-09T05:32:01","modified_gmt":"2022-11-09T02:32:01","slug":"wp_get_attachment_image-editor-di-blocchi-di-wordpress-gutenberg-lequivalente-e-getmedia","status":"publish","type":"post","link":"https:\/\/wordpress.mediadoma.com\/it\/wp_get_attachment_image-editor-di-blocchi-di-wordpress-gutenberg-lequivalente-e-getmedia\/","title":{"rendered":"wp_get_attachment_image Editor di blocchi di WordPress (Gutenberg) L’equivalente \u00e8 getMedia"},"content":{"rendered":"

Stai cercando come ottenere la miniatura del post o l’URL di un allegato tramite il suo ID in WordPress gutenberg?<\/p>\n

Potresti avere un oggetto post restituito utilizzando l’equivalente WordPress Gutenberg di WP_Query<\/a> (o l’ equivalente WordPress Gutenberg di get_post<\/a> ).<\/p>\n

Nota che nell’oggetto del post puoi ottenere l’ID del supporto in primo piano, che \u00e8 memorizzato nella featured_media<\/code>propriet\u00e0.<\/p>\n

\u00c8 quindi possibile utilizzare getMedia<\/code>per ottenere le propriet\u00e0 per questo allegato tramite l’ID, in questo modo:<\/p>\n

wp.data.select( 'core' ).getMedia( 42 );\n<\/code><\/pre>\n
Eccolo nella console:<\/p>\n
Utilizzo di getMedia nella console.<\/p>\n
Possiamo esplorare l’oggetto immagine che viene restituito nella console e vedere che possiamo acquisire tutti i dati, testo alternativo, meta e dimensioni dell’immagine di cui abbiamo bisogno per visualizzare l’immagine.<\/p>\n
Nota che le dimensioni dell’immagine nei dati di esempio sottostanti sono state abbreviate, altrimenti va avanti per un bel po’.<\/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
Guarda questo in azione nell’esempio di post loop di WordPress Gutenberg<\/a>.<\/p>\n
Fonte di registrazione:  wholesomecode.ltd<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"
Stai cercando come ottenere la miniatura del post o un URL di allegato tramite il suo ID in WordPress gutenberg? Potresti avere un oggetto post restituito utilizzando l’equivalente di WordPress Gutenberg di…<\/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":[896,939,720,865],"tags":[1168],"class_list":["post-229099","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-codice","category-gutenberg-6","category-sviluppatore","category-wordpress-6","tag-affiai-it"],"_links":{"self":[{"href":"https:\/\/wordpress.mediadoma.com\/it\/wp-json\/wp\/v2\/posts\/229099","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.mediadoma.com\/it\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wordpress.mediadoma.com\/it\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/it\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/it\/wp-json\/wp\/v2\/comments?post=229099"}],"version-history":[{"count":0,"href":"https:\/\/wordpress.mediadoma.com\/it\/wp-json\/wp\/v2\/posts\/229099\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/it\/wp-json\/wp\/v2\/media\/223619"}],"wp:attachment":[{"href":"https:\/\/wordpress.mediadoma.com\/it\/wp-json\/wp\/v2\/media?parent=229099"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/it\/wp-json\/wp\/v2\/categories?post=229099"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/it\/wp-json\/wp\/v2\/tags?post=229099"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}