{"id":10635,"date":"2023-01-27T15:53:08","date_gmt":"2023-01-27T06:53:08","guid":{"rendered":"https:\/\/hanami-web.tokyo.jp\/blog\/?p=10635"},"modified":"2023-06-25T14:02:07","modified_gmt":"2023-06-25T05:02:07","slug":"wordpress-carouselslider","status":"publish","type":"post","link":"https:\/\/hanami-web.tokyo.jp\/blog\/en\/coding\/wordpress-carouselslider\/","title":{"rendered":"How to Add a Carousel Slider Banner to WordPress (with Copy and Paste Code)"},"content":{"rendered":"<p>A customer who runs a WordPress site requested that they display banners in a carousel slider that slides horizontally, so I will introduce the code for how to implement this. The method introduced in this article is not a method that uses a WordPress plugin, but a method that involves adding code.<\/p>\n\n\n\n<p>We will use a jQuery called slide.js.<\/p>\n\n\n\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_82_2 ez-toc-wrap-center counter-hierarchy ez-toc-counter ez-toc-custom ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">table of contents<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #000000;color:#000000\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #000000;color:#000000\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewbox=\"0 0 24 24\" version=\"1.2\" baseprofile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/hanami-web.tokyo.jp\/blog\/en\/coding\/wordpress-carouselslider\/#%e5%9f%ba%e6%9c%ac%e3%81%a8%e3%81%aa%e3%82%8bhmlt%e6%a7%8b%e6%96%87\" >Basic HTML syntax<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/hanami-web.tokyo.jp\/blog\/en\/coding\/wordpress-carouselslider\/#%e3%82%af%e3%83%a9%e3%82%b7%e3%83%83%e3%82%af%e3%82%a8%e3%83%87%e3%82%a3%e3%82%bf%e3%81%ae%e5%a0%b4%e5%90%88\" >In the Classic Editor<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/hanami-web.tokyo.jp\/blog\/en\/coding\/wordpress-carouselslider\/#%e3%83%96%e3%83%ad%e3%83%83%e3%82%af%e3%82%a8%e3%83%87%e3%82%a3%e3%82%bf%e3%81%aehtml%e3%83%96%e3%83%ad%e3%83%83%e3%82%af%e3%82%92%e4%bd%bf%e3%81%86%e5%a0%b4%e5%90%88\" >When using HTML blocks in the block editor<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/hanami-web.tokyo.jp\/blog\/en\/coding\/wordpress-carouselslider\/#%e7%94%bb%e5%83%8f%e3%81%aeurl%e3%82%92%e3%82%b3%e3%83%94%e3%83%bc%e3%81%99%e3%82%8b%e6%96%b9%e6%b3%95\" >How to copy an image URL<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/hanami-web.tokyo.jp\/blog\/en\/coding\/wordpress-carouselslider\/#%e3%82%bf%e3%82%b0%e5%86%85%e3%81%abslidejs%e8%aa%ad%e3%81%bf%e8%be%bc%e3%81%bf%e3%82%b3%e3%83%bc%e3%83%89%e3%82%92%e8%bf%bd%e5%8a%a0\" >Add slide.js loading code in the tag<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/hanami-web.tokyo.jp\/blog\/en\/coding\/wordpress-carouselslider\/#%e5%ad%90%e3%83%86%e3%83%bc%e3%83%9e%e3%81%8c%e3%81%82%e3%82%8a%e3%80%81headerphp%e3%83%95%e3%82%a1%e3%82%a4%e3%83%ab%e3%81%8c%e4%bf%ae%e6%ad%a3%e3%81%a7%e3%81%8d%e3%82%8b%e5%a0%b4%e5%90%88\" >If you have a child theme and can modify the header.php file<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/hanami-web.tokyo.jp\/blog\/en\/coding\/wordpress-carouselslider\/#php%e3%83%95%e3%82%a1%e3%82%a4%e3%83%ab%e3%81%ae%e4%bf%ae%e6%ad%a3%e3%81%8c%e5%87%ba%e6%9d%a5%e3%81%aa%e3%81%84%e5%a0%b4%e5%90%88\" >If you cannot modify the php file<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/hanami-web.tokyo.jp\/blog\/en\/coding\/wordpress-carouselslider\/#%e3%82%b9%e3%83%a9%e3%82%a4%e3%83%80%e3%83%bc%e3%82%92%e3%82%ab%e3%82%b9%e3%82%bf%e3%83%9e%e3%82%a4%e3%82%ba%e3%81%97%e3%81%9f%e3%81%84%e5%a0%b4%e5%90%88\" >If you want to customize the slider<\/a><\/li><\/ul><\/nav><\/div>\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"%e5%9f%ba%e6%9c%ac%e3%81%a8%e3%81%aa%e3%82%8bhmlt%e6%a7%8b%e6%96%87\"><\/span>Basic HTML syntax<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>First, let&#039;s look at the basic HTML syntax.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Banner Image URL - Enter the URL of the image uploaded to your media library<\/li>\n\n\n\n<li>Banner Text - Enter alternative text for the banner image.<\/li>\n<\/ul>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;div&gt;\n\t&lt;ul class=&quot;slider&quot;&gt;\n\t    &lt;li&gt;&lt;a href=&quot;#&quot; target=&quot;_blank&quot;&gt;&lt;img src=&quot;https:\/\/test.com\/wp-content\/uploads\/2022\/11\/1.png&quot; alt=&quot;\u30d0\u30ca\u30fc\uff11&quot; width=&quot;300px&quot;&gt;&lt;\/a&gt;&lt;\/li&gt;\n\t    &lt;li&gt;&lt;a href=&quot;#&quot; target=&quot;_blank&quot;&gt;&lt;img src=&quot;https:\/\/test.com\/wp-content\/uploads\/2022\/11\/2.png&quot; alt=&quot;\u30d0\u30ca\u30fc\uff12&quot; width=&quot;300px&quot;&gt;&lt;\/a&gt;&lt;\/li&gt;\n\t    &lt;li&gt;&lt;a href=&quot;#&quot; target=&quot;_blank&quot;&gt;&lt;img src=&quot;https:\/\/test.com\/wp-content\/uploads\/2022\/11\/3.png&quot; alt=&quot;\u30d0\u30ca\u30fc\uff13&quot; width=&quot;300px&quot;&gt;&lt;\/a&gt;&lt;\/li&gt;\n            &lt;li&gt;&lt;a href=&quot;#&quot; target=&quot;_blank&quot;&gt;&lt;img src=&quot;https:\/\/test.com\/wp-content\/uploads\/2022\/11\/4.png&quot; alt=&quot;\u30d0\u30ca\u30fc4&quot; width=&quot;300px&quot;&gt;&lt;\/a&gt;&lt;\/li&gt;\n\t&lt;\/ul&gt;\n&lt;\/div&gt;<\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"%e3%82%af%e3%83%a9%e3%82%b7%e3%83%83%e3%82%af%e3%82%a8%e3%83%87%e3%82%a3%e3%82%bf%e3%81%ae%e5%a0%b4%e5%90%88\"><\/span>In the Classic Editor<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>In text mode you can enter HTML syntax.<br>The same is true for &quot;Classic paragraphs&quot; in the block editor.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"412\" height=\"661\" src=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2022\/12\/image-2.png\" alt=\"\" class=\"wp-image-10639\" srcset=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2022\/12\/image-2.png 412w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2022\/12\/image-2-187x300.png 187w\" sizes=\"(max-width: 412px) 100vw, 412px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"445\" src=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2022\/12\/image-1-1024x445.png\" alt=\"\" class=\"wp-image-10638\" srcset=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2022\/12\/image-1-1024x445.png 1024w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2022\/12\/image-1-300x130.png 300w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2022\/12\/image-1-768x334.png 768w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2022\/12\/image-1-1200x522.png 1200w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2022\/12\/image-1.png 1202w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"%e3%83%96%e3%83%ad%e3%83%83%e3%82%af%e3%82%a8%e3%83%87%e3%82%a3%e3%82%bf%e3%81%aehtml%e3%83%96%e3%83%ad%e3%83%83%e3%82%af%e3%82%92%e4%bd%bf%e3%81%86%e5%a0%b4%e5%90%88\"><\/span>When using HTML blocks in the block editor<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>In the block editor, there is a block called &quot;Custom HTML&quot; that allows you to enter HTML syntax, so you can also use this.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"410\" height=\"453\" src=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2022\/12\/image-3.png\" alt=\"\" class=\"wp-image-10640\" srcset=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2022\/12\/image-3.png 410w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2022\/12\/image-3-272x300.png 272w\" sizes=\"(max-width: 410px) 100vw, 410px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"%e7%94%bb%e5%83%8f%e3%81%aeurl%e3%82%92%e3%82%b3%e3%83%94%e3%83%bc%e3%81%99%e3%82%8b%e6%96%b9%e6%b3%95\"><\/span>How to copy an image URL<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>First, upload a banner image to the media library. Copy the file URL from the image details and enter it in the &quot;Banner 1 URL&quot; field.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"633\" height=\"423\" src=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2022\/12\/image.png\" alt=\"\" class=\"wp-image-10637\" srcset=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2022\/12\/image.png 633w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2022\/12\/image-300x200.png 300w\" sizes=\"(max-width: 633px) 100vw, 633px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"%e3%82%bf%e3%82%b0%e5%86%85%e3%81%abslidejs%e8%aa%ad%e3%81%bf%e8%be%bc%e3%81%bf%e3%82%b3%e3%83%bc%e3%83%89%e3%82%92%e8%bf%bd%e5%8a%a0\"><\/span>Add slide.js loading code in the tag<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>You need to add code to load slide.js within the tag.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;script src=\"https:\/\/cdn.jsdelivr.net\/npm\/jquery@3.6.1\/dist\/jquery.min.js\">&lt;\/script>\r\n&lt;script src=\"https:\/\/cdn.jsdelivr.net\/npm\/slick-carousel@1.8.1\/slick\/slick.min.js\">&lt;\/script>\r\n&lt;script>\r\n$('.slider').slick({\r\n  slidesToShow: 3,\r\n  slidesToScroll: 1,\r\n  autoplay: true,\r\n  autoplaySpeed: 3000,\r\n});\r\n&lt;\/script><\/code><\/pre>\n\n\n\n<p>You can include the css file by adding the following code:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code><\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"%e5%ad%90%e3%83%86%e3%83%bc%e3%83%9e%e3%81%8c%e3%81%82%e3%82%8a%e3%80%81headerphp%e3%83%95%e3%82%a1%e3%82%a4%e3%83%ab%e3%81%8c%e4%bf%ae%e6%ad%a3%e3%81%a7%e3%81%8d%e3%82%8b%e5%a0%b4%e5%90%88\"><\/span>If you have a child theme and can modify the header.php file<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Add the above code just before.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"php%e3%83%95%e3%82%a1%e3%82%a4%e3%83%ab%e3%81%ae%e4%bf%ae%e6%ad%a3%e3%81%8c%e5%87%ba%e6%9d%a5%e3%81%aa%e3%81%84%e5%a0%b4%e5%90%88\"><\/span>If you cannot modify the php file<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>You can add code to the head using a plugin.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"492\" src=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2022\/12\/image-4-1024x492.png\" alt=\"\" class=\"wp-image-10642\" srcset=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2022\/12\/image-4-1024x492.png 1024w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2022\/12\/image-4-300x144.png 300w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2022\/12\/image-4-768x369.png 768w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2022\/12\/image-4.png 1207w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"%e3%82%b9%e3%83%a9%e3%82%a4%e3%83%80%e3%83%bc%e3%82%92%e3%82%ab%e3%82%b9%e3%82%bf%e3%83%9e%e3%82%a4%e3%82%ba%e3%81%97%e3%81%9f%e3%81%84%e5%a0%b4%e5%90%88\"><\/span>If you want to customize the slider<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>If you go to the official slide.js website, you will find customization codes.<\/p>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button is-style-outline is-style-outline--2\"><a class=\"wp-block-button__link has-white-color has-vivid-cyan-blue-background-color has-text-color has-background wp-element-button\" href=\"https:\/\/kenwheeler.github.io\/slick\/\" target=\"_blank\" rel=\"noreferrer noopener\">slick.js site<\/a><\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>WordPress\u30b5\u30a4\u30c8\u3092\u904b\u7528\u3057\u3066\u3044\u308b\u304a\u5ba2\u69d8\u3088\u308a\u3001\u30d0\u30ca\u30fc\u3092\u6a2a\u306b\u30b9\u30e9\u30a4\u30c9\u3059\u308b\u30ab\u30eb\u30fc\u30bb\u30eb\u30b9\u30e9\u30a4\u30c0\u30fc\u3067\u8868\u793a\u3055\u305b\u3066\u307b\u3057\u3044\u3068\u3044\u3046\u4f9d\u983c\u304c\u3042\u3063\u305f\u306e\u3067\u3001\u5b9f\u88c5\u65b9\u6cd5\u306e\u30b3\u30fc\u30c9\u3092\u7d39\u4ecb\u3057\u307e\u3059\u3002\u672c\u8a18\u4e8b\u3067\u7d39\u4ecb\u3057\u3066\u3044\u308b\u65b9\u6cd5\u306f\u3001WordPress\u30d7\u30e9\u30b0\u30a4 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":10903,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"content-type":"","_uag_custom_page_level_css":"","footnotes":""},"categories":[1522],"tags":[],"class_list":["post-10635","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-coding"],"blocksy_meta":[],"aioseo_notices":[],"uagb_featured_image_src":{"full":["https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2023\/01\/thumnail-9.png",720,540,false],"thumbnail":["https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2023\/01\/thumnail-9-150x150.png",150,150,true],"medium":["https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2023\/01\/thumnail-9-300x225.png",300,225,true],"medium_large":["https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2023\/01\/thumnail-9.png",720,540,false],"large":["https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2023\/01\/thumnail-9.png",720,540,false],"1536x1536":["https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2023\/01\/thumnail-9.png",720,540,false],"2048x2048":["https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2023\/01\/thumnail-9.png",720,540,false],"trp-custom-language-flag":["https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2023\/01\/thumnail-9.png",16,12,false]},"uagb_author_info":{"display_name":"\u682a\u5f0f\u4f1a\u793eHanamiWEB \u4ee3\u8868\u53d6\u7de0\u5f79 \u677e\u6d66\u307f\u3055","author_link":"https:\/\/hanami-web.tokyo.jp\/blog\/en\/author\/hanami\/"},"uagb_comment_info":0,"uagb_excerpt":"WordPress\u30b5\u30a4\u30c8\u3092\u904b\u7528\u3057\u3066\u3044\u308b\u304a\u5ba2\u69d8\u3088\u308a\u3001\u30d0\u30ca\u30fc\u3092\u6a2a\u306b\u30b9\u30e9\u30a4\u30c9\u3059\u308b\u30ab\u30eb\u30fc\u30bb\u30eb\u30b9\u30e9\u30a4\u30c0\u30fc\u3067\u8868\u793a\u3055\u305b\u3066\u307b\u3057&hellip;","brizy_media":[],"_links":{"self":[{"href":"https:\/\/hanami-web.tokyo.jp\/blog\/en\/wp-json\/wp\/v2\/posts\/10635","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hanami-web.tokyo.jp\/blog\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/hanami-web.tokyo.jp\/blog\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/hanami-web.tokyo.jp\/blog\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hanami-web.tokyo.jp\/blog\/en\/wp-json\/wp\/v2\/comments?post=10635"}],"version-history":[{"count":0,"href":"https:\/\/hanami-web.tokyo.jp\/blog\/en\/wp-json\/wp\/v2\/posts\/10635\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/hanami-web.tokyo.jp\/blog\/en\/wp-json\/wp\/v2\/media\/10903"}],"wp:attachment":[{"href":"https:\/\/hanami-web.tokyo.jp\/blog\/en\/wp-json\/wp\/v2\/media?parent=10635"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/hanami-web.tokyo.jp\/blog\/en\/wp-json\/wp\/v2\/categories?post=10635"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/hanami-web.tokyo.jp\/blog\/en\/wp-json\/wp\/v2\/tags?post=10635"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}