[{"data":1,"prerenderedAt":126},["ShallowReactive",2],{"legacy-question-4ea50e18f56e3712a01861afbd2c4dea":3,"legacy-question-author-koji-kadoma":99,"legacy-question-category-website-building":115},{"id":4,"title":5,"author":6,"body":7,"category":86,"date":87,"description":5,"extension":88,"locale":89,"meta":90,"navigation":91,"path":92,"seo":93,"slug":94,"stem":95,"tag":96,"updated":87,"__hash__":98},"legacyQuestions\u002F20210405000000-GridsomeでWordPressのデータを取り込むには？.md","GridsomeでWordPressのデータを取り込むには？","koji-kadoma",{"type":8,"value":9,"toc":82},"minimark",[10,15,19,30,33,39,42,52,55,58,61,64,70,73],[11,12,14],"h2",{"id":13},"公式プラグインgridsomesource-wordpressを使います","公式プラグイン「@gridsome\u002Fsource-wordpress」を使います",[16,17,18],"p",{},"Gridsomeチームが開発している公式プラグイン「@gridsome\u002Fsource-wordpress」があるのでそちらを使います。",[20,21,26],"pre",{"className":22,"code":24,"language":25},[23],"language-text","yarn add @gridsome\u002Fsource-wordpress\n\n\u002F\u002F or\n\nnpm install @gridsome\u002Fsource-wordpress\n","text",[27,28,24],"code",{"__ignoreMap":29},"",[16,31,32],{},"インストールしたら、grdisome.config.jsにプラグインの記述をします。",[20,34,37],{"className":35,"code":36,"language":25},[23],"module.exports = {\n  plugins: [\n    {\n      use: '@gridsome\u002Fsource-wordpress',\n      options: {\n        baseUrl: 'WEBSITE_URL', \u002F\u002F （変更する）httpsから入れる\n        apiBase: 'wp-json',\n        typeName: 'WordPress', \u002F\u002F （変更しても良い）好きなtypeNameを入れる\n        perPage: 100,\n        concurrent: 10\n      }\n    }\n  ],\n  templates: {\n    WordPressPost: '\u002F:year\u002F:month\u002F:day\u002F:slug'\n  }\n}\n",[27,38,36],{"__ignoreMap":29},[16,40,41],{},"公式のドキュメントそんまんまですが、変更すべきは、",[43,44,45,49],"ol",{},[46,47,48],"li",{},"baseUrl",[46,50,51],{},"typeName",[16,53,54],{},"の二つです。",[16,56,57],{},"baseUrlはWordPressサイトのURLを記入します。typeNameはドキュメントの通り「WordPress」でも良いですが、ここの文字列をベースにして、様々なQueryが自動生成されるので、短いほうがプログラムを書く際に楽です。",[16,59,60],{},"注意したいのは、この「@gridsome\u002Fsource-wordpress」は、WordPressサイトのデータを「GridsomeのGraphQLデータベースに取り込むだけ」なので、表示する側のロジックは別途組む必要があります。",[16,62,63],{},"表示側まで出来ているものが欲しい場合は、プロジェクト作成時に「wordpress」を指定して、createします。",[20,65,68],{"className":66,"code":67,"language":25},[23],"gridsome create my-wordpress-blog wordpress\n",[27,69,67],{"__ignoreMap":29},[16,71,72],{},"指定したスターターであるwordpressの中身は、下記のGridsome公式レポジトリにあります。",[16,74,75],{},[76,77,81],"a",{"href":78,"rel":79},"https:\u002F\u002Fgithub.com\u002Fgridsome\u002Fgridsome-starter-wordpress",[80],"nofollow","gridsome-starter-wordpress",{"title":29,"searchDepth":83,"depth":83,"links":84},2,[85],{"id":13,"depth":83,"text":14},"website-building","2021-04-05T04:00:00.000Z","md","ja",{},true,"\u002F20210405000000-gridsomewordpress",{"title":5,"description":5},"4ea50e18f56e3712a01861afbd2c4dea","20210405000000-GridsomeでWordPressのデータを取り込むには？",[97],"gridsome","cTyOOOngMTAJOFxA6KTbJUmktHFjghNN73R15WiMDI4",{"id":100,"title":101,"body":102,"date":106,"description":107,"extension":88,"locale":89,"meta":108,"name":111,"navigation":91,"path":112,"seo":113,"slug":6,"stem":6,"updated":106,"__hash__":114},"legacyAuthors\u002Fkoji-kadoma.md","Koji Kadoma",{"type":8,"value":103,"toc":104},[],{"title":29,"searchDepth":83,"depth":83,"links":105},[],"2021-04-01T00:00:00.000Z","Webエンジニアです。Javascript、PHP、Ruby、Dockerなどをメインで使っています。",{"image":109,"url":110},"https:\u002F\u002Fwww.codit.work\u002Fimgs\u002Favatar\u002Fkoji-kadoma.png","https:\u002F\u002Fkoji.pages.dev\u002F",null,"\u002Fkoji-kadoma",{"title":101,"description":107},"H1yaGicrsv1CzYTbFeEXQosuYx93lIutD3_XwXMhAFk",{"id":116,"title":117,"body":118,"date":106,"description":117,"extension":88,"locale":89,"meta":122,"navigation":91,"path":123,"seo":124,"slug":86,"stem":86,"updated":106,"__hash__":125},"legacyCategories\u002Fwebsite-building.md","Webサイト構築",{"type":8,"value":119,"toc":120},[],{"title":29,"searchDepth":83,"depth":83,"links":121},[],{},"\u002Fwebsite-building",{"title":117,"description":117},"h9jPLD2mzMm3L4sFN5qWSiSirySQQLdnxLhQcvw8VlQ",1783320301470]