{"id":228834,"date":"2022-10-17T12:24:00","date_gmt":"2022-10-17T09:24:00","guid":{"rendered":"https:\/\/wordpress.mediadoma.com\/?p=228834"},"modified":"2022-11-09T04:26:57","modified_gmt":"2022-11-09T01:26:57","slug":"wp_get_attachment_image-wordpress-block-editor-gutenberg-vastaa-getmediaa","status":"publish","type":"post","link":"https:\/\/wordpress.mediadoma.com\/fi\/wp_get_attachment_image-wordpress-block-editor-gutenberg-vastaa-getmediaa\/","title":{"rendered":"wp_get_attachment_image WordPress Block Editor (Gutenberg) vastaa getMediaa"},"content":{"rendered":"

Etsitk\u00f6 miten saat julkaisun pikkukuvan tai liitteen URL-osoitteen sen tunnuksella WordPress Gutenbergiss\u00e4?<\/p>\n

Sinulla voi olla palautettu post-objekti k\u00e4ytt\u00e4m\u00e4ll\u00e4 WP_Queryn WordPress Gutenberg -vastinetta<\/a> (tai get_post WordPressin Gutenberg-vastinetta<\/a> ).<\/p>\n

Huomaa, ett\u00e4 viestiobjektissa voit saada esitellyn median tunnuksen, joka on tallennettu featured_media<\/code>omaisuuteen.<\/p>\n

Voit sitten k\u00e4ytt\u00e4\u00e4 getMedia<\/code>-merkki\u00e4 saadaksesi t\u00e4m\u00e4n liitteen ominaisuudet it-tunnuksella, kuten:<\/p>\n

wp.data.select( 'core' ).getMedia( 42 );\n<\/code><\/pre>\n
T\u00e4ss\u00e4 se on konsolissa:<\/p>\n
K\u00e4yt\u00e4 getMediaa konsolissa.<\/p>\n
Voimme tutkia konsolissa palautettua kuvaobjektia ja n\u00e4hd\u00e4, ett\u00e4 voimme napata kaikki tiedot, vaihtoehtoiset tekstit, meta- ja kuvakoot, joita tarvitsemme kuvan n\u00e4ytt\u00e4miseen.<\/p>\n
Huomaa, ett\u00e4 alla olevien esimerkkitietojen kuvakoot on lyhennetty, muuten se jatkuu melko pitk\u00e4\u00e4n.<\/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
Katso t\u00e4m\u00e4 toiminnassa WordPress Gutenbergin viestisilmukan esimerkiss\u00e4<\/a>.<\/p>\n
:  wholesomecode.ltd<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"
Etsitk\u00f6 miten saat julkaisun pikkukuvan tai liitteen URL-osoitteen sen tunnuksella WordPress gutenbergiss\u00e4?Sinulla saattaa olla palautettu viestiobjekti k\u00e4ytt\u00e4m\u00e4ll\u00e4 WordPressin Gutenberg-vastinetta…<\/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":[938,719,895,864],"tags":[1166],"class_list":["post-228834","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-gutenberg-5","category-kehittaejae","category-koodi","category-wordpress-5","tag-affiai-fi"],"_links":{"self":[{"href":"https:\/\/wordpress.mediadoma.com\/fi\/wp-json\/wp\/v2\/posts\/228834","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.mediadoma.com\/fi\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wordpress.mediadoma.com\/fi\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/fi\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/fi\/wp-json\/wp\/v2\/comments?post=228834"}],"version-history":[{"count":0,"href":"https:\/\/wordpress.mediadoma.com\/fi\/wp-json\/wp\/v2\/posts\/228834\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/fi\/wp-json\/wp\/v2\/media\/223619"}],"wp:attachment":[{"href":"https:\/\/wordpress.mediadoma.com\/fi\/wp-json\/wp\/v2\/media?parent=228834"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/fi\/wp-json\/wp\/v2\/categories?post=228834"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/fi\/wp-json\/wp\/v2\/tags?post=228834"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}