getEntityRecords<\/code>.<\/p>\nN\u00e4iteks saame haarata uusimad postitused, kasutades j\u00e4rgmist koodibitti:<\/p>\n
wp.data.select( ‘core’ ).getEntityRecords( ‘postType’, ‘postitused’);<\/p>\n
Samal viisil saate p\u00e4ringuid teha ka kohandatud postitust\u00fc\u00fcpide (CPT) kohta, kui olete oma CPT-le REST API kaudu juurdep\u00e4\u00e4setavaks teinud<\/a>.<\/p>\nwp.data.select( ‘core’ ).getEntityRecords( ‘postType’, ‘my_custom_post_type’ );<\/p>\n
V\u00f5ime isegi esitada m\u00f5ned argumendid, mis v\u00f5ivad tunduda tuttavad:<\/p>\n
wp.data.select( 'core' ).getEntityRecords(\n 'postType', \n 'post', \n {\n 'status': 'draft', \n 'per_page': 2, \n } \n);\n`\n<\/code><\/pre>\nFunktsioonile edastatavate argumentide l\u00f5pliku loendi leiate siit Gutenbergi arendaja juhendist<\/a>.<\/p>\nProovige seda konsoolis<\/h2>\n
Kui olete saidile sisse logitud ja vaatate esiosa, saate katsetada peaaegu k\u00f5iki Gutenbergi k\u00e4ske. WordPress salvestab need k\u00f5ik k\u00e4ep\u00e4rasesse wp<\/code>objekti.<\/p>\n\u00dclaltoodud k\u00e4su tippimisel \u00fche arendussaidi konsooli saan j\u00e4rgmise:<\/p>\n
GetEntityRecordsi kasutamine konsoolis postituste haaramiseks<\/p>\n
\u00dclaltoodud ekraanipilt n\u00e4itab, et konsool tagastab JavaScriptis kaks WordPressi postitusobjekti, mis on mustandipostitused (vastavalt parameetritele, millesse sisestasin getEntityRecords<\/code>).<\/p>\nJavaScripti postitusobjekt<\/h2>\n
Postitusobjekti konsoolis edasi uurides n\u00e4ete, et teile on tagastatud palju atribuute, millele p\u00e4\u00e4sete juurde.<\/p>\n
id: 42\n date: \"2020-03-21T14:02:00\"\n date_gmt: \"2020-03-21T14:02:00\"\n guid: {\n rendered: \"https:\/\/wholesomecode.ltd\/?p=42\"\n raw: \"https:\/\/wholesomecode.ltd\/?p=42\"\n }\n modified: \"2020-03-21T14:02:00\"\n modified_gmt: \"2020-03-21T14:02:00\"\n password: \"\"\n slug: \"wp-query-and-the-wordpress-block-editor-gutenberg\"\n status: \"draft\"\n type: \"post\"\n link: \"https:\/\/wholesomecode.ltd\/?p=42\"\n title: {\n raw: \"WP_Query and the WordPress Block Editor (Gutenberg)\"\n rendered: \"WP_Query and the WordPress Block Editor (Gutenberg)\"\n }\n content: {\n raw: \"Content goes here.\" \n rendered: \"<p>Content goes here.<\/p>\u21b5\"\n protected: false\n block_version: 0\n }\n excerpt: {\n raw: \"\"\n rendered: \"<p>Content goes here.<\/p>\u21b5\"\n protected: false\n }\n author: 1\n featured_media: 101\n comment_status: \"open\"\n ping_status: \"open\"\n sticky: false\n template: \"\"\n format: \"standard\"\n meta: {\n _wcltd_meta_example_1: \"1\" \n _wcltd_meta_example_2: \"Hello\"\n }\n categories: [1]\n tags: []\n country: []\n region: []\n city: []\n permalink_template: \"https:\/\/wholesomecode.ltd\/%postname%\/\"\n generated_slug: \"wp-query-and-the-wordpress-block-editor-gutenberg\"\n<\/code><\/pre>\nPostitage Meta Gutenbergis<\/h2>\n
\u00dcks asi, mida \u00fclalpool uuritud postitusobjektist m\u00e4rkate, on see, et kogu postituse meta sisaldub meta<\/code>atribuudi objektis. get_post_meta()<\/code>See s\u00e4\u00e4stab meid selle Gutenbergi objekti jaoks samav\u00e4\u00e4rsete toimingute tegemisest.<\/p>\nKui aga soovite saada postituse meta \u00fche postituse objekti jaoks, vaadake get_post_meta<\/code>samav\u00e4\u00e4rset Gutenbergi artiklit<\/a>.<\/p>\nKujutise \u00fcksikasjade hankimine Gutembergis<\/h2>\n
Postitusobjektile saate esilet\u00f5stetud meediumi ID, mis on featured_media<\/code>atribuudis salvestatud.<\/p>\nSelle manuse atribuutide hankimiseks saate kasutada getMedia<\/code>( WordPressi Gutenbergi vastet ).wp_get_attachment_image<\/code><\/a><\/p>\nGutenbergi postiaas<\/h2>\n
Laiendame skripti loodud plokki @wordpress\/create-block<\/code>, millest ma varem kirjutasin,<\/a> et lisada n\u00e4ide selle kohta, kuidas teha Gutenbergis WP_Query silmuse ekvivalent.<\/p>\nK\u00f5igepealt peame select()<\/code>funktsiooni wp-data-st importima. Saame seda teha, viidates NPM-moodulile:<\/p>\nimport { select } from '@wordpress\/data;<\/code><\/p>\nV\u00f5i kasutades wp<\/code>objekti:<\/p>\nconst { select } = wp.data;<\/code><\/p>\nJ\u00e4\u00e4me kindlaks loodud plokis kasutatud tavade juurde ja kasutame NPM-moodulit ning kasutame @wordpress\/data<\/code>meetodit.<\/p>\nSiin on Gutenbergi WP_Query ts\u00fckli ekvivalendi p\u00f5hirakendus.<\/p>\n
Esilet\u00f5stetud pildid<\/strong><\/p>\nPange t\u00e4hele, et selle n\u00e4ite korrektseks toimimiseks tuleb esilet\u00f5stetud pildid m\u00e4\u00e4rata kahe viimase postituse jaoks.<\/p>\n
import { registerBlockType } from '@wordpress\/blocks';\nimport { select, withSelect } from '@wordpress\/data';\nimport { __ } from '@wordpress\/i18n';\n\nregisterBlockType( 'wholesomecode\/wholesome-plugin', {\n title: __( 'Wholesome Plugin', 'wholesomecode' ),\n description: __( 'Just an Example Plugin', 'wholesomecode' ),\n category: 'common',\n icon: 'smiley',\n\n edit: withSelect( (select) => {\n const posts = select( 'core' ).getEntityRecords( 'postType', 'post', { 'per_page': 2 } );\n let media = {};\n posts.forEach( post => {\n media[ post.id ] = select('core').getMedia( post.featured_media );\n });\n return {\n posts,\n media\n };\n } )( props => {\n\n const { media, posts } = props;\n\n if (! posts ||! media) {\n return (<p>{ __( 'Loading...', 'wholesomecode') }<\/p>\n );\n }\n\n return (<ul>\n { posts.map( (post) => {\n if (media[ post.id ]) {\n const imageThumbnailSrc = media[ post.id ].media_details.sizes.thumbnail.source_url;\n return (<li>\n <img src={ imageThumbnailSrc } \/>\n <a href={ post.link }>\n { post.title.raw }\n <\/a>\n <\/li>) }\n }) }\n <\/ul>\n );\n } ),\n\n save() {\n return (<p>\n { __( 'Wholesome Plugin \u2013 Nothing to see here.', 'wholesomecode') }\n <\/p>\n );\n },\n} );\n<\/code><\/pre>\nPange t\u00e4hele, withSelect<\/code>et andmete eellaadimiseks kasutatakse enne ploki laadimist. Lisateavet withSelecti kohta leiate Gutenbergi<\/a> dokumentatsioonist .<\/p>\n\u00dclaltoodud kood v\u00e4ljastab j\u00e4rgmise (v\u00e4ga lihtsa) n\u00e4ite artiklite loendist ja nendega seotud pisipiltidest redaktoris:<\/p>\n
![\"WP_Query](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-168779-61e7f3032376a.png\")
N\u00e4idispostisilmus Gutenbergis.<\/p>\n
REST API kasutamine<\/h2>\n
Kui soovite saada kohandatud andmeid REST API kaudu, vaadake minu postitust REST API kasutamise kohta WordPressi plokiredaktoriga (Gutenberg)<\/a>.<\/p>\n