{"id":20244,"date":"2022-07-11T15:23:25","date_gmt":"2022-07-11T06:23:25","guid":{"rendered":"https:\/\/motoki-design.co.jp\/wordpress\/?p=20244"},"modified":"2026-10-04T22:22:49","modified_gmt":"2026-10-04T13:22:49","slug":"swell-article-slider","status":"publish","type":"post","link":"https:\/\/motoki-design.co.jp\/wordpress\/swell-article-slider\/","title":{"rendered":"SWELL\u2502Swiper\u3067\u8a18\u4e8b\u3092\u30b9\u30e9\u30a4\u30c0\u30fc\u8868\u793a\u3059\u308b\u30ab\u30b9\u30bf\u30de\u30a4\u30ba"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">SWELL\u3067\u3001\u304a\u3059\u3059\u3081\u8a18\u4e8b\u3092\u81ea\u5206\u3067\u9078\u3073\u3001\u6307\u5b9a\u3057\u305f\u9806\u756a\u306e\u307e\u307e\u30b9\u30e9\u30a4\u30c0\u30fc\u306b\u4e26\u3079\u308b\u65b9\u6cd5\u3067\u3059\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u30b7\u30e7\u30fc\u30c8\u30b3\u30fc\u30c9\u306b\u8a18\u4e8bID\u3092\u5165\u529b\u3057\u3001SWELL\u304c\u8aad\u307f\u8fbc\u3080Swiper\u3067\u524d\u5f8c\u306b\u9001\u308c\u308b\u3088\u3046\u306b\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">PHP\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u30d5\u30a1\u30a4\u30eb\u306e\u8ffd\u52a0\u306f\u4e0d\u8981\u3067\u3059\u3002<\/p>\n\n\n<p class=\"wp-block-paragraph\">\u30ab\u30c6\u30b4\u30ea\u30fc\u3084\u65b0\u7740\u9806\u3067\u81ea\u52d5\u9078\u5b9a\u3057\u305f\u3044\u5834\u5408\u306f\u3001<a href=\"https:\/\/motoki-design.co.jp\/wordpress\/swell-postlist-swiper\/\">\u6295\u7a3f\u30ea\u30b9\u30c8\u30d6\u30ed\u30c3\u30af\u3092Swiper\u306b\u3059\u308b\u65b9\u6cd5<\/a>\u3092\u4f7f\u3044\u307e\u3059\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u624b\u52d5\u3067\u6a2a\u3078\u9001\u308b\u3060\u3051\u306a\u3089\u3001<a href=\"https:\/\/motoki-design.co.jp\/wordpress\/swell-post-list-horizontal-scroll\/\">CSS\u306e\u6a2a\u30b9\u30af\u30ed\u30fc\u30eb<\/a>\u3082\u9078\u3079\u307e\u3059\u3002<\/p>\n\n<h2 class=\"wp-block-heading\">\u52d5\u304f\u898b\u672c\uff1a\u9078\u3093\u30604\u8a18\u4e8b\u3092\u6307\u5b9a\u9806\u3067\u8868\u793a<\/h2>\n\n<p class=\"wp-block-paragraph\">\u4ee5\u4e0b\u306f\u3001\u307e\u3068\u3081\u8a18\u4e8b\u2192Swiper\u2192CSS\u6a2a\u30b9\u30af\u30ed\u30fc\u30eb\u2192\u30ea\u30c3\u30c1\u30ab\u30e9\u30e0\u306e\u9806\u306b\u6307\u5b9a\u3057\u305f\u898b\u672c\u3067\u3059\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u81ea\u52d5\u518d\u751f\u306f\u3057\u307e\u305b\u3093\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u77e2\u5370\u30dc\u30bf\u30f3\u3001\u30b9\u30de\u30fc\u30c8\u30d5\u30a9\u30f3\u306e\u6a2a\u30b9\u30ef\u30a4\u30d7\u3001\u8a18\u4e8b\u30ea\u30f3\u30af\u3078\u306e\u30ad\u30fc\u30dc\u30fc\u30c9\u79fb\u52d5\u3067\u64cd\u4f5c\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u6700\u521d\u3068\u6700\u5f8c\u3067\u306f\u9032\u3081\u306a\u3044\u5074\u306e\u30dc\u30bf\u30f3\u304c\u7121\u52b9\u306b\u306a\u308a\u307e\u3059\u3002<\/p>\n\n<section class=\"waza-selected-slider\" aria-label=\"\u304a\u3059\u3059\u3081\u8a18\u4e8b\">\n  <div class=\"swiper\"><ul class=\"swiper-wrapper\">\n        <li class=\"swiper-slide\"><a href=\"https:\/\/motoki-design.co.jp\/wordpress\/swell-customize-matome\/\">\n      <img decoding=\"async\" width=\"382\" height=\"215\" src=\"https:\/\/motoki-design.co.jp\/wordpress\/wp-content\/uploads\/swell-customize-matome-3-382x215.jpg\" class=\"attachment-medium size-medium wp-post-image\" alt=\"\" loading=\"lazy\" srcset=\"https:\/\/motoki-design.co.jp\/wordpress\/wp-content\/uploads\/swell-customize-matome-3-382x215.jpg 382w, https:\/\/motoki-design.co.jp\/wordpress\/wp-content\/uploads\/swell-customize-matome-3-812x457.jpg 812w, https:\/\/motoki-design.co.jp\/wordpress\/wp-content\/uploads\/swell-customize-matome-3-768x432.jpg 768w, https:\/\/motoki-design.co.jp\/wordpress\/wp-content\/uploads\/swell-customize-matome-3.jpg 924w\" sizes=\"auto, (max-width: 382px) 100vw, 382px\" \/>      <span>SWELL\u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u307e\u3068\u3081\uff5c\u76ee\u7684\u5225\u306e\u4e00\u89a7\u3010\u30b3\u30d4\u30da\u3067\u4f7f\u3048\u308b\u3011<\/span>\n    <\/a><\/li>\n        <li class=\"swiper-slide\"><a href=\"https:\/\/motoki-design.co.jp\/wordpress\/swell-postlist-swiper\/\">\n      <img decoding=\"async\" width=\"382\" height=\"215\" src=\"https:\/\/motoki-design.co.jp\/wordpress\/wp-content\/uploads\/swell-postlist-swiper-382x215.png\" class=\"attachment-medium size-medium wp-post-image\" alt=\"\" loading=\"lazy\" srcset=\"https:\/\/motoki-design.co.jp\/wordpress\/wp-content\/uploads\/swell-postlist-swiper-382x215.png 382w, https:\/\/motoki-design.co.jp\/wordpress\/wp-content\/uploads\/swell-postlist-swiper-812x457.png 812w, https:\/\/motoki-design.co.jp\/wordpress\/wp-content\/uploads\/swell-postlist-swiper-768x432.png 768w, https:\/\/motoki-design.co.jp\/wordpress\/wp-content\/uploads\/swell-postlist-swiper.png 924w\" sizes=\"auto, (max-width: 382px) 100vw, 382px\" \/>      <span>SWELL\u306e\u6295\u7a3f\u30ea\u30b9\u30c8\u3092Swiper\u3067\u30b9\u30e9\u30a4\u30c0\u30fc\u306b\u3059\u308b\u65b9\u6cd5\uff5c\u52d5\u304f\u898b\u672c\u30fb\u8907\u6570\u8a2d\u7f6e<\/span>\n    <\/a><\/li>\n        <li class=\"swiper-slide\"><a href=\"https:\/\/motoki-design.co.jp\/wordpress\/swell-post-list-horizontal-scroll\/\">\n      <img decoding=\"async\" width=\"382\" height=\"215\" src=\"https:\/\/motoki-design.co.jp\/wordpress\/wp-content\/uploads\/swell-post-list-horizontal-scroll-382x215.jpg\" class=\"attachment-medium size-medium wp-post-image\" alt=\"\" loading=\"lazy\" srcset=\"https:\/\/motoki-design.co.jp\/wordpress\/wp-content\/uploads\/swell-post-list-horizontal-scroll-382x215.jpg 382w, https:\/\/motoki-design.co.jp\/wordpress\/wp-content\/uploads\/swell-post-list-horizontal-scroll-812x457.jpg 812w, https:\/\/motoki-design.co.jp\/wordpress\/wp-content\/uploads\/swell-post-list-horizontal-scroll-768x432.jpg 768w, https:\/\/motoki-design.co.jp\/wordpress\/wp-content\/uploads\/swell-post-list-horizontal-scroll.jpg 924w\" sizes=\"auto, (max-width: 382px) 100vw, 382px\" \/>      <span>SWELL\u6295\u7a3f\u30ea\u30b9\u30c8\u3092\u30b9\u30de\u30db\u3067\u6a2a\u30b9\u30af\u30ed\u30fc\u30eb\u306b\u3059\u308b\u65b9\u6cd5\uff5c\u5bfe\u8c61\u3092\u7d5e\u308bCSS\u3068\u623b\u3057\u65b9<\/span>\n    <\/a><\/li>\n        <li class=\"swiper-slide\"><a href=\"https:\/\/motoki-design.co.jp\/wordpress\/swell-post-list-slider\/\">\n      <img decoding=\"async\" width=\"382\" height=\"215\" src=\"https:\/\/motoki-design.co.jp\/wordpress\/wp-content\/uploads\/swell-post-list-slider-382x215.jpg\" class=\"attachment-medium size-medium wp-post-image\" alt=\"\" loading=\"lazy\" srcset=\"https:\/\/motoki-design.co.jp\/wordpress\/wp-content\/uploads\/swell-post-list-slider-382x215.jpg 382w, https:\/\/motoki-design.co.jp\/wordpress\/wp-content\/uploads\/swell-post-list-slider-812x457.jpg 812w, https:\/\/motoki-design.co.jp\/wordpress\/wp-content\/uploads\/swell-post-list-slider-768x432.jpg 768w, https:\/\/motoki-design.co.jp\/wordpress\/wp-content\/uploads\/swell-post-list-slider.jpg 924w\" sizes=\"auto, (max-width: 382px) 100vw, 382px\" \/>      <span>SWELL\u2502\u6295\u7a3f\u30ea\u30b9\u30c8\u3092\u81ea\u52d5\u3067\u6a2a\u30b9\u30af\u30ed\u30fc\u30eb\u30fb\u30b9\u30e9\u30a4\u30c9\u3059\u308b\u65b9\u6cd5<\/span>\n    <\/a><\/li>\n      <\/ul><\/div>\n  <div class=\"wss-controls\" hidden><button type=\"button\" class=\"wss-prev\" aria-label=\"\u524d\u306e\u8a18\u4e8b\u3078\">\u524d\u3078<\/button><button type=\"button\" class=\"wss-next\" aria-label=\"\u6b21\u306e\u8a18\u4e8b\u3078\">\u6b21\u3078<\/button><\/div>\n<\/section>\n\n\n<h2 class=\"wp-block-heading\">2\u3064\u7f6e\u3044\u3066\u3082\u3001\u305d\u308c\u305e\u308c\u72ec\u7acb\u3057\u3066\u64cd\u4f5c\u3059\u308b<\/h2>\n\n<p class=\"wp-block-paragraph\">2\u3064\u76ee\u306f\u3001CSS\u6a2a\u30b9\u30af\u30ed\u30fc\u30eb\u2192Swiper\u306e\u9806\u3067\u3059\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u6a2a\u5e45\u306b\u5168\u8a18\u4e8b\u304c\u53ce\u307e\u308b\u5834\u5408\u306f\u9001\u308b\u5fc5\u8981\u304c\u306a\u3044\u305f\u3081\u3001\u30dc\u30bf\u30f3\u304c\u8868\u793a\u3055\u308c\u306a\u3044\u3053\u3068\u304c\u3042\u308a\u307e\u3059\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u30b9\u30de\u30fc\u30c8\u30d5\u30a9\u30f3\u5e45\u3067\u306f2\u3064\u306e\u898b\u672c\u3092\u5225\u3005\u306b\u64cd\u4f5c\u3067\u304d\u307e\u3059\u3002<\/p>\n\n<section class=\"waza-selected-slider\" aria-label=\"\u304a\u3059\u3059\u3081\u8a18\u4e8b\">\n  <div class=\"swiper\"><ul class=\"swiper-wrapper\">\n        <li class=\"swiper-slide\"><a href=\"https:\/\/motoki-design.co.jp\/wordpress\/swell-post-list-horizontal-scroll\/\">\n      <img decoding=\"async\" width=\"382\" height=\"215\" src=\"https:\/\/motoki-design.co.jp\/wordpress\/wp-content\/uploads\/swell-post-list-horizontal-scroll-382x215.jpg\" class=\"attachment-medium size-medium wp-post-image\" alt=\"\" loading=\"lazy\" srcset=\"https:\/\/motoki-design.co.jp\/wordpress\/wp-content\/uploads\/swell-post-list-horizontal-scroll-382x215.jpg 382w, https:\/\/motoki-design.co.jp\/wordpress\/wp-content\/uploads\/swell-post-list-horizontal-scroll-812x457.jpg 812w, https:\/\/motoki-design.co.jp\/wordpress\/wp-content\/uploads\/swell-post-list-horizontal-scroll-768x432.jpg 768w, https:\/\/motoki-design.co.jp\/wordpress\/wp-content\/uploads\/swell-post-list-horizontal-scroll.jpg 924w\" sizes=\"auto, (max-width: 382px) 100vw, 382px\" \/>      <span>SWELL\u6295\u7a3f\u30ea\u30b9\u30c8\u3092\u30b9\u30de\u30db\u3067\u6a2a\u30b9\u30af\u30ed\u30fc\u30eb\u306b\u3059\u308b\u65b9\u6cd5\uff5c\u5bfe\u8c61\u3092\u7d5e\u308bCSS\u3068\u623b\u3057\u65b9<\/span>\n    <\/a><\/li>\n        <li class=\"swiper-slide\"><a href=\"https:\/\/motoki-design.co.jp\/wordpress\/swell-postlist-swiper\/\">\n      <img decoding=\"async\" width=\"382\" height=\"215\" src=\"https:\/\/motoki-design.co.jp\/wordpress\/wp-content\/uploads\/swell-postlist-swiper-382x215.png\" class=\"attachment-medium size-medium wp-post-image\" alt=\"\" loading=\"lazy\" srcset=\"https:\/\/motoki-design.co.jp\/wordpress\/wp-content\/uploads\/swell-postlist-swiper-382x215.png 382w, https:\/\/motoki-design.co.jp\/wordpress\/wp-content\/uploads\/swell-postlist-swiper-812x457.png 812w, https:\/\/motoki-design.co.jp\/wordpress\/wp-content\/uploads\/swell-postlist-swiper-768x432.png 768w, https:\/\/motoki-design.co.jp\/wordpress\/wp-content\/uploads\/swell-postlist-swiper.png 924w\" sizes=\"auto, (max-width: 382px) 100vw, 382px\" \/>      <span>SWELL\u306e\u6295\u7a3f\u30ea\u30b9\u30c8\u3092Swiper\u3067\u30b9\u30e9\u30a4\u30c0\u30fc\u306b\u3059\u308b\u65b9\u6cd5\uff5c\u52d5\u304f\u898b\u672c\u30fb\u8907\u6570\u8a2d\u7f6e<\/span>\n    <\/a><\/li>\n      <\/ul><\/div>\n  <div class=\"wss-controls\" hidden><button type=\"button\" class=\"wss-prev\" aria-label=\"\u524d\u306e\u8a18\u4e8b\u3078\">\u524d\u3078<\/button><button type=\"button\" class=\"wss-next\" aria-label=\"\u6b21\u306e\u8a18\u4e8b\u3078\">\u6b21\u3078<\/button><\/div>\n<\/section>\n\n\n<h2 class=\"wp-block-heading\">\u8a2d\u7f6e\u524d\u306b\u78ba\u8a8d\u3059\u308b\u3053\u3068<\/h2>\n\n<p class=\"wp-block-paragraph\">\u5bfe\u8c61\u306fSWELL\u3092\u4f7f\u7528\u3059\u308b\u30b5\u30a4\u30c8\u306e\u901a\u5e38\u6295\u7a3f\u3067\u3059\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u516c\u958b\u30fb\u30d1\u30b9\u30ef\u30fc\u30c9\u306a\u3057\u306e\u8a18\u4e8b\u3092\u6700\u592712\u4ef6\u307e\u3067\u8868\u793a\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u56fa\u5b9a\u30da\u30fc\u30b8\u30fb\u975e\u516c\u958b\u8a18\u4e8b\u306f\u5bfe\u8c61\u5916\u3067\u3059\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">SWELL\u5185\u306eSwiper\u3092\u4f7f\u3046\u305f\u3081\u3001\u5225\u30d0\u30fc\u30b8\u30e7\u30f3\u306eSwiper\u3092CDN\u304b\u3089\u91cd\u306d\u3066\u8aad\u307f\u8fbc\u307e\u306a\u3044\u3067\u304f\u3060\u3055\u3044\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u30c6\u30fc\u30de\u66f4\u65b0\u5f8c\u306f\u52d5\u4f5c\u3092\u518d\u78ba\u8a8d\u3057\u307e\u3059\u3002<\/p>\n\n\n<p class=\"wp-block-paragraph\">\u65e7\u7248\u306e motoki_slider_select\u3001motoki_slider.php\u3001slider_motoki \u7528JavaScript\u30fbCSS\u3092\u4f7f\u7528\u3057\u3066\u3044\u308b\u5834\u5408\u306f\u3001\u4fdd\u5b58\u3057\u3066\u304b\u3089\u65b0\u3057\u3044\u8a2d\u7f6e\u5148\u3067\u7f6e\u304d\u63db\u3048\u307e\u3059\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u307b\u304b\u306e\u30da\u30fc\u30b8\u3067\u3082\u65e7\u30b3\u30fc\u30c9\u3092\u4f7f\u3063\u3066\u3044\u308b\u5834\u5408\u306f\u3001\u305d\u306e\u30da\u30fc\u30b8\u306e\u79fb\u884c\u304c\u7d42\u308f\u308b\u307e\u3067\u5171\u901aPHP\u3084\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u3092\u524a\u9664\u3057\u306a\u3044\u3067\u304f\u3060\u3055\u3044\u3002<\/p>\n\n<h2 class=\"wp-block-heading\">1\uff0ePHP\u3092\u767b\u9332\u3059\u308b<\/h2>\n\n<p class=\"wp-block-paragraph\">\u307e\u305a<a href=\"https:\/\/motoki-design.co.jp\/wordpress\/wordpress-staging-to-production\/\">\u691c\u8a3c\u7528\u30b5\u30a4\u30c8<\/a>\u3067\u4f5c\u696d\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u5909\u66f4\u524d\u306ePHP\u30fbCSS\u30fbJS\u3092\u4fdd\u5b58\u3057\u3001PHP\u30a8\u30e9\u30fc\u3067\u7ba1\u7406\u753b\u9762\u304c\u958b\u3051\u306a\u304f\u306a\u3063\u305f\u5834\u5408\u3082\u5143\u3078\u623b\u305b\u308b\u624b\u6bb5\u3092\u78ba\u8a8d\u3057\u3066\u304f\u3060\u3055\u3044\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">PHP\u306fCode Snippets\u304b\u5b50\u30c6\u30fc\u30de\u306efunctions.php\u306e\u3069\u3061\u3089\u304b1\u304b\u6240\u3078\u767b\u9332\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Code Snippets\u3067\u306f\u958b\u59cb\u30bf\u30b0\u306a\u3057\u3067\u8cbc\u308a\u4ed8\u3051\u307e\u3059\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u4ee5\u4e0b\u306e <code>20244<\/code> \u306f\u3001\u30b9\u30e9\u30a4\u30c0\u30fc\u3092\u8868\u793a\u3059\u308b\u30da\u30fc\u30b8\u306eID\u3078\u5909\u66f4\u3057\u3066\u304f\u3060\u3055\u3044\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u8907\u6570\u30da\u30fc\u30b8\u3067\u4f7f\u3046\u5834\u5408\u306f\u5bfe\u8c61ID\u3092\u914d\u5217\u3078\u8ffd\u52a0\u3057\u307e\u3059\u3002<\/p>\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-php\" data-lang=\"PHP\"><code>\/\/ SWELL\u7528\u300220244\u306f\u3053\u306e\u30b3\u30fc\u30c9\u3092\u4f7f\u3046\u6295\u7a3f\u30fb\u56fa\u5b9a\u30da\u30fc\u30b8\u306eID\u3078\u5909\u66f4\u3057\u307e\u3059\u3002\nadd_action(&#x27;wp_enqueue_scripts&#x27;, function () {\n    if (!is_singular() || !in_array(get_queried_object_id(), array(20244), true)) return;\n    wp_enqueue_script(&#x27;swell_swiper&#x27;);\n    wp_enqueue_style(&#x27;swell_swiper&#x27;);\n});\n\nadd_shortcode(&#x27;waza_selected_slider&#x27;, function ($atts) {\n    $atts = shortcode_atts(array(&#x27;ids&#x27; =&gt; &#x27;&#x27;), $atts);\n    $ids = array_slice(array_values(array_unique(array_filter(array_map(&#x27;absint&#x27;, explode(&#x27;,&#x27;, $atts[&#x27;ids&#x27;]))))), 0, 12);\n    \/\/ post__in \u304c\u7a7a\u3060\u3068\u5168\u6295\u7a3f\u306e\u691c\u7d22\u306b\u306a\u308b\u305f\u3081\u3001\u3053\u3053\u3067\u7d42\u4e86\u3057\u307e\u3059\u3002\n    if (!$ids) return &#x27;&lt;p&gt;\u8868\u793a\u3059\u308b\u8a18\u4e8bID\u3092\u6307\u5b9a\u3057\u3066\u304f\u3060\u3055\u3044\u3002&lt;\/p&gt;&#x27;;\n    $query = new WP_Query(array(&#x27;post_type&#x27; =&gt; &#x27;post&#x27;, &#x27;post_status&#x27; =&gt; &#x27;publish&#x27;, &#x27;has_password&#x27; =&gt; false,\n        &#x27;post__in&#x27; =&gt; $ids, &#x27;orderby&#x27; =&gt; &#x27;post__in&#x27;, &#x27;posts_per_page&#x27; =&gt; count($ids), &#x27;ignore_sticky_posts&#x27; =&gt; true, &#x27;no_found_rows&#x27; =&gt; true));\n    if (!$query-&gt;have_posts()) return &#x27;&lt;p&gt;\u8868\u793a\u3067\u304d\u308b\u516c\u958b\u8a18\u4e8b\u304c\u3042\u308a\u307e\u305b\u3093\u3002&lt;\/p&gt;&#x27;;\n    ob_start(); ?&gt;\n&lt;section class=&quot;waza-selected-slider&quot; aria-label=&quot;\u304a\u3059\u3059\u3081\u8a18\u4e8b&quot;&gt;\n  &lt;div class=&quot;swiper&quot;&gt;&lt;ul class=&quot;swiper-wrapper&quot;&gt;\n    &lt;?php while ($query-&gt;have_posts()): $query-&gt;the_post(); ?&gt;\n    &lt;li class=&quot;swiper-slide&quot;&gt;&lt;a href=&quot;&lt;?php echo esc_url(get_permalink()); ?&gt;&quot;&gt;\n      &lt;?php if (has_post_thumbnail()) echo get_the_post_thumbnail(get_the_ID(), &#x27;medium&#x27;, array(&#x27;loading&#x27; =&gt; &#x27;lazy&#x27;, &#x27;alt&#x27; =&gt; &#x27;&#x27;)); ?&gt;\n      &lt;span&gt;&lt;?php echo esc_html(get_the_title()); ?&gt;&lt;\/span&gt;\n    &lt;\/a&gt;&lt;\/li&gt;\n    &lt;?php endwhile; wp_reset_postdata(); ?&gt;\n  &lt;\/ul&gt;&lt;\/div&gt;\n  &lt;div class=&quot;wss-controls&quot; hidden&gt;&lt;button type=&quot;button&quot; class=&quot;wss-prev&quot; aria-label=&quot;\u524d\u306e\u8a18\u4e8b\u3078&quot;&gt;\u524d\u3078&lt;\/button&gt;&lt;button type=&quot;button&quot; class=&quot;wss-next&quot; aria-label=&quot;\u6b21\u306e\u8a18\u4e8b\u3078&quot;&gt;\u6b21\u3078&lt;\/button&gt;&lt;\/div&gt;\n&lt;\/section&gt;\n&lt;?php return ob_get_clean();\n});\n<\/code><\/pre><\/div>\n<h2 class=\"wp-block-heading\">2\uff0e\u8868\u793a\u3059\u308b\u8a18\u4e8bID\u3092\u6307\u5b9a\u3059\u308b<\/h2>\n\n<p class=\"wp-block-paragraph\">\u8a2d\u7f6e\u5148\u306e\u30b7\u30e7\u30fc\u30c8\u30b3\u30fc\u30c9\u30d6\u30ed\u30c3\u30af\u306b <code>[waza_selected_slider ids=\"123,456,789\"]<\/code> \u3068\u5165\u529b\u3057\u3001123\u306a\u3069\u3092\u81ea\u5206\u306e\u8a18\u4e8bID\u3078\u7f6e\u304d\u63db\u3048\u307e\u3059\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u6295\u7a3f\u7de8\u96c6\u753b\u9762\u306eURL\u306b\u3042\u308b <code>post=123<\/code> \u306e\u6570\u5024\u304c\u8a18\u4e8bID\u3067\u3059\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">PHP\u5074\u306e\u30da\u30fc\u30b8ID\u306f\u300c\u8a2d\u7f6e\u5148\u300d\u3001\u30b7\u30e7\u30fc\u30c8\u30b3\u30fc\u30c9\u5074\u306e\u8a18\u4e8bID\u306f\u300c\u8868\u793a\u3059\u308b\u8a18\u4e8b\u300d\u3067\u3059\u3002<\/p>\n\n\n<p class=\"wp-block-paragraph\">\u30ab\u30f3\u30de\u533a\u5207\u308a\u3067\u66f8\u3044\u305f\u9806\u306b\u8868\u793a\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">ID\u306e\u91cd\u8907\u306f\u9664\u5916\u3057\u3001\u5148\u982d\u304b\u3089\u6700\u592712\u4ef6\u3092\u53d6\u5f97\u5bfe\u8c61\u306b\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u305d\u306e12\u4ef6\u306e\u4e2d\u306b\u8868\u793a\u3067\u304d\u306a\u3044\u8a18\u4e8b\u304c\u3042\u3063\u3066\u3082\u300113\u4ef6\u76ee\u4ee5\u964d\u304b\u3089\u88dc\u5145\u306f\u3057\u307e\u305b\u3093\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u8868\u793a\u3067\u304d\u306a\u3044\u8a18\u4e8b\u306f\u30b9\u30ad\u30c3\u30d7\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u30a2\u30a4\u30ad\u30e3\u30c3\u30c1\u672a\u8a2d\u5b9a\u306e\u8a18\u4e8b\u306f\u30bf\u30a4\u30c8\u30eb\u3060\u3051\u8868\u793a\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">ID\u304c\u7a7a\u306e\u5834\u5408\u306b\u3001\u610f\u56f3\u305b\u305a\u5168\u8a18\u4e8b\u3092\u53d6\u5f97\u3057\u306a\u3044\u69cb\u6210\u3067\u3059\u3002<\/p>\n\n<h2 class=\"wp-block-heading\">3\uff0eCSS\u3068JavaScript\u3092\u8ffd\u52a0\u3059\u308b<\/h2>\n\n<p class=\"wp-block-paragraph\">CSS\u306f\u8ffd\u52a0CSS\u304b\u8a2d\u7f6e\u5148\u8a18\u4e8b\u306eCSS\u6b04\u3078\u3001JavaScript\u306f\u8a2d\u7f6e\u5148\u8a18\u4e8b\u306eJS\u6b04\u3078\u8cbc\u308a\u4ed8\u3051\u307e\u3059\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">JS\u6b04\u306b\u306fscript\u30bf\u30b0\u3092\u4ed8\u3051\u307e\u305b\u3093\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u8907\u6570\u30da\u30fc\u30b8\u306b\u8a2d\u7f6e\u3059\u308b\u5834\u5408\u306f\u3001\u5404\u8a2d\u7f6e\u5148\u3067\u3082CSS\u3068JS\u304c\u8aad\u307f\u8fbc\u307e\u308c\u308b\u3088\u3046\u306b\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u6b21\u306eCSS\u306f\u5c02\u7528\u30af\u30e9\u30b9\u5185\u3060\u3051\u306b\u9069\u7528\u3057\u307e\u3059\u3002<\/p>\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-css\" data-lang=\"CSS\"><code>.waza-selected-slider { margin-block:2em; min-width:0; }\n.waza-selected-slider .swiper { overflow:hidden; }\n.waza-selected-slider .swiper-wrapper { display:flex; padding:0; margin:0; list-style:none; }\n.waza-selected-slider .swiper-slide { flex-shrink:0; height:auto; width:85%; box-shadow:none; }\n.waza-selected-slider .swiper-slide a { display:block; border:1px solid #ddd; border-radius:4px; overflow:hidden; height:100%; color:inherit; text-decoration:none; }\n.waza-selected-slider .swiper-slide img { display:block; width:100%; aspect-ratio:16 \/ 9; object-fit:cover; }\n.waza-selected-slider .swiper-slide span { display:block; padding:1em; }\n.waza-selected-slider .wss-controls { text-align:right; margin-top:.75em; }\n.waza-selected-slider button { min-width:60px; min-height:44px; border:1px solid #555; border-radius:4px; margin-left:.5em; padding:.5em; background:#fff; color:#222; }\n.waza-selected-slider button:disabled { opacity:.4; }\n.waza-selected-slider :is(a,button):focus-visible { outline:3px solid #0969da; outline-offset:-3px; }\n.waza-selected-slider .swiper:not(.swiper-initialized) .swiper-wrapper { overflow-x:auto; gap:16px; }\n<\/code><\/pre><\/div>\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-js\" data-lang=\"JS\"><code>document.addEventListener(&#x27;DOMContentLoaded&#x27;, () =&gt; {\n  if (typeof Swiper === &#x27;undefined&#x27;) return;\n  document.querySelectorAll(&#x27;.waza-selected-slider&#x27;).forEach(root =&gt; {\n    const track = root.querySelector(&#x27;.swiper&#x27;);\n    if (track.swiper) return;\n    const controls = root.querySelector(&#x27;.wss-controls&#x27;);\n    const slider = new Swiper(track, {\n      slidesPerView: 1.15,\n      spaceBetween: 16,\n      loop: false,\n      autoplay: false,\n      watchOverflow: true,\n      speed: window.matchMedia(&#x27;(prefers-reduced-motion: reduce)&#x27;).matches ? 0 : 300,\n      breakpoints: {600: {slidesPerView: 2}, 960: {slidesPerView: 3}},\n      navigation: {prevEl: root.querySelector(&#x27;.wss-prev&#x27;), nextEl: root.querySelector(&#x27;.wss-next&#x27;)},\n      a11y: {prevSlideMessage: &#x27;\u524d\u306e\u8a18\u4e8b\u3078&#x27;, nextSlideMessage: &#x27;\u6b21\u306e\u8a18\u4e8b\u3078&#x27;, slideLabelMessage: &#x27;{{index}} \/ {{slidesLength}}&#x27;}\n    });\n    controls.hidden = false;\n    \/\/ SWELL\u540c\u68b1\u7248\u3067\u753b\u9762\u5e45\u5909\u66f4\u5f8c\u306b\u6b8b\u308b aria-disabled \u3092\u5b9f\u969b\u306e\u72b6\u614b\u3068\u63c3\u3048\u307e\u3059\u3002\n    const syncButtons = () =&gt; requestAnimationFrame(() =&gt; {\n      controls.querySelectorAll(&#x27;button&#x27;).forEach(button =&gt; button.setAttribute(&#x27;aria-disabled&#x27;, String(button.disabled)));\n    });\n    slider.on(&#x27;resize breakpoint slideChange lock unlock&#x27;, syncButtons);\n    syncButtons();\n    \/\/ \u30ad\u30fc\u30dc\u30fc\u30c9\u3067\u30d5\u30a9\u30fc\u30ab\u30b9\u3057\u305f\u30ea\u30f3\u30af\u304c\u753b\u9762\u5916\u3078\u96a0\u308c\u306a\u3044\u3088\u3046\u306b\u3057\u307e\u3059\u3002\n    root.querySelectorAll(&#x27;.swiper-slide a&#x27;).forEach((link, index) =&gt; {\n      link.addEventListener(&#x27;focus&#x27;, () =&gt; slider.slideTo(index));\n    });\n  });\n});\n<\/code><\/pre><\/div>\n<h2 class=\"wp-block-heading\">\u8868\u793a\u679a\u6570\u3068\u52d5\u304d\u306e\u8abf\u6574<\/h2>\n\n<p class=\"wp-block-paragraph\">\u5e45600px\u672a\u6e80\u306f1.15\u679a\u3001600px\u4ee5\u4e0a\u306f2\u679a\u3001960px\u4ee5\u4e0a\u306f3\u679a\u3067\u3059\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u5c11\u3057\u6b21\u306e\u30ab\u30fc\u30c9\u3092\u898b\u305b\u308b\u3053\u3068\u3067\u3001\u6a2a\u306b\u7d9a\u304f\u3053\u3068\u3092\u793a\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u753b\u9762\u5e45\u306f\u7aef\u672b\u540d\u3067\u306f\u306a\u304fCSS\u30d4\u30af\u30bb\u30eb\u3067\u5224\u5b9a\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u7e70\u308a\u8fd4\u3057\u30fb\u81ea\u52d5\u518d\u751f\u306f\u7121\u52b9\u3067\u3059\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u52d5\u304d\u3092\u6e1b\u3089\u3059\u8a2d\u5b9a\u3067\u306f\u79fb\u52d5\u6642\u9593\u30920\u306b\u3057\u307e\u3059\u3002<\/p>\n\n<h2 class=\"wp-block-heading\">\u52d5\u304b\u306a\u3044\u30fb\u9055\u3046\u8a18\u4e8b\u304c\u51fa\u308b\u5834\u5408<\/h2>\n\n<p class=\"wp-block-paragraph\">\u30dc\u30bf\u30f3\u304c\u51fa\u305a\u6a2a\u30b9\u30af\u30ed\u30fc\u30eb\u3060\u3051\u306b\u306a\u308b\u5834\u5408\u306f\u3001PHP\u306e\u5bfe\u8c61\u30da\u30fc\u30b8ID\u3001Swiper\u306e\u8aad\u307f\u8fbc\u307f\u3001JS\u6b04\u3092\u78ba\u8a8d\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u63b2\u8f09JS\u306fDOMContentLoaded\u6642\u306b\u521d\u671f\u5316\u3059\u308b\u305f\u3081\u3001\u305d\u306e\u30a4\u30d9\u30f3\u30c8\u306e\u5f8c\u306bJS\u3084\u30b9\u30e9\u30a4\u30c0\u30fc\u3092\u8ffd\u52a0\u3059\u308b\u69cb\u6210\u3067\u306f\u81ea\u52d5\u3067\u521d\u671f\u5316\u3055\u308c\u307e\u305b\u3093\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u30b7\u30e7\u30fc\u30c8\u30b3\u30fc\u30c9\u304c\u6587\u5b57\u3067\u6b8b\u308b\u5834\u5408\u306fPHP\u306e\u6709\u52b9\u5316\u3068\u7db4\u308a\u3092\u78ba\u8a8d\u3057\u3066\u304f\u3060\u3055\u3044\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u8868\u793a\u9806\u304c\u9055\u3046\u5834\u5408\u306f\u3001\u65e7\u30b7\u30e7\u30fc\u30c8\u30b3\u30fc\u30c9\u3092\u4f7f\u3063\u3066\u3044\u306a\u3044\u304b\u3001\u6307\u5b9a\u3057\u305f\u8a18\u4e8b\u304c\u516c\u958b\u30fb\u30d1\u30b9\u30ef\u30fc\u30c9\u306a\u3057\u306b\u306a\u3063\u3066\u3044\u308b\u304b\u3092\u78ba\u8a8d\u3057\u307e\u3059\u3002<\/p>\n\n\n<p class=\"wp-block-paragraph\">\u8a2d\u7f6e\u5f8c\u306fPC\u3068\u30b9\u30de\u30fc\u30c8\u30d5\u30a9\u30f3\u3067\u3001\u6307\u5b9a\u9806\u30fb\u524d\u5f8c\u30dc\u30bf\u30f3\u30fb\u6700\u5f8c\u306e\u505c\u6b62\u30fbTab\u3067\u753b\u9762\u5916\u306e\u8a18\u4e8b\u3078\u79fb\u52d5\u3067\u304d\u308b\u3053\u3068\u3092\u78ba\u8a8d\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u30b3\u30fc\u30c9\u3092\u5909\u66f4\u3057\u3066\u3082\u898b\u305f\u76ee\u304c\u5909\u308f\u3089\u306a\u3044\u5834\u5408\u306f\u30ad\u30e3\u30c3\u30b7\u30e5\u3092\u524a\u9664\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u623b\u3059\u5834\u5408\u306f\u65b0\u30b7\u30e7\u30fc\u30c8\u30b3\u30fc\u30c9\u30fb\u5c02\u7528CSS\u30fbJS\u3092\u5916\u3057\u3001\u65b0PHP\u3092\u505c\u6b62\u3057\u3066\u4fdd\u5b58\u6e08\u307f\u306e\u69cb\u6210\u3078\u623b\u3057\u307e\u3059\u3002<\/p>\n\n\n<p class=\"wp-block-paragraph\">\u65b9\u5f0f\u5168\u4f53\u3092\u9078\u3073\u76f4\u3059\u5834\u5408\u306f\u3001<a href=\"https:\/\/motoki-design.co.jp\/wordpress\/swell-customize-matome\/#waza-slider-guide\">\u6295\u7a3f\u30ea\u30b9\u30c8\u30fb\u8a18\u4e8b\u30b9\u30e9\u30a4\u30c0\u30fc\u306e\u6bd4\u8f03<\/a>\u3078\u623b\u308c\u307e\u3059\u3002<\/p>\n\n<h2 class=\"wp-block-heading\">\u516c\u958b\u898b\u672c\u306e\u64cd\u4f5c\u78ba\u8a8d<\/h2>\n\n<p class=\"wp-block-paragraph\">2026\u5e7410\u67082\u65e5\u3001\u516c\u958b\u8a18\u4e8b\u306e599px\u30fb600px\u30fb959px\u30fb960px\u5e45\u3068\u3001390px\u5e45\u30672\u3064\u306e\u30b9\u30e9\u30a4\u30c0\u30fc\u3092\u78ba\u8a8d\u3057\u307e\u3057\u305f\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">1\u3064\u76ee\u306e\u6b21\u3078\u30dc\u30bf\u30f3\u3092Enter\u3067\u64cd\u4f5c\u3057\u3066\u30822\u3064\u76ee\u306f\u5909\u308f\u3089\u305a\u30012\u3064\u76ee\u3092Space\u3067\u64cd\u4f5c\u3057\u3066\u30821\u3064\u76ee\u306f\u5909\u308f\u308a\u307e\u305b\u3093\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">2\u3064\u76ee\u306e\u524d\u3078\u30dc\u30bf\u30f3\u3078Shift+Tab\u3067\u79fb\u52d5\u3059\u308b\u3068\u9752\u3044\u67a0\u304c\u8868\u793a\u3055\u308c\u307e\u3059\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u5b9f\u6a5f\u3067\u306e\u30bf\u30c3\u30c1\u64cd\u4f5c\u3068OS\u306e\u52d5\u304d\u3092\u6e1b\u3089\u3059\u8a2d\u5b9a\u306f\u4eca\u56de\u78ba\u8a8d\u3057\u3066\u3044\u307e\u305b\u3093\u3002<\/p>\n\n<figure class=\"wp-block-image size-full u-lb-off\"><img decoding=\"async\" width=\"375\" height=\"817\" src=\"https:\/\/motoki-design.co.jp\/wordpress\/wp-content\/uploads\/waza-waza-navigation-sliders-next-20261002-slider-mobile.jpg\" alt=\"2\u756a\u76ee\u306e\u8a18\u4e8b\u30b9\u30e9\u30a4\u30c0\u30fc\u3067\u524d\u3078\u30dc\u30bf\u30f3\u3092\u9078\u629e\u3057\u305f\u30b9\u30de\u30db\u5e45\u306e\u5b9f\u753b\u9762\u3002\" class=\"wp-image-30149\"\/><figcaption class=\"wp-element-caption\">2026\u5e7410\u67082\u65e5\u64ae\u5f71\u3002SWELL 2.19.0\u3001390px\u5e45\u3002\u72ec\u7acb\u3057\u305f2\u756a\u76ee\u306e\u30b9\u30e9\u30a4\u30c0\u30fc\u3068Tab\u30d5\u30a9\u30fc\u30ab\u30b9\u3002<\/figcaption><\/figure>","protected":false},"excerpt":{"rendered":"<p>SWELL\u3067\u3001\u304a\u3059\u3059\u3081\u8a18\u4e8b\u3092\u81ea\u5206\u3067\u9078\u3073\u3001\u6307\u5b9a\u3057\u305f\u9806\u756a\u306e\u307e\u307e\u30b9\u30e9\u30a4\u30c0\u30fc\u306b\u4e26\u3079\u308b\u65b9\u6cd5\u3067\u3059\u3002 \u30b7\u30e7\u30fc\u30c8\u30b3\u30fc\u30c9\u306b\u8a18\u4e8bID\u3092\u5165\u529b\u3057\u3001SWELL\u304c\u8aad\u307f\u8fbc\u3080Swiper\u3067\u524d\u5f8c\u306b\u9001\u308c\u308b\u3088\u3046\u306b\u3057\u307e\u3059\u3002 PHP\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u30d5\u30a1\u30a4\u30eb\u306e\u8ffd\u52a0\u306f\u4e0d [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":20291,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"swell_btn_cv_data":"","book_review_data":"","footnotes":"","ssp_meta_title":"SWELL Swiper\u3067\u8a18\u4e8b\u30b9\u30e9\u30a4\u30c0\u30fc\u3092\u4f5c\u308b\u65b9\u6cd5","ssp_meta_description":"SWELL\u3067\u9078\u3093\u3060\u8a18\u4e8b\u3092\u6307\u5b9a\u9806\u306e\u30b9\u30e9\u30a4\u30c0\u30fc\u306b\u3059\u308b\u65b9\u6cd5\u3002\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u30d5\u30a1\u30a4\u30eb\u4e0d\u8981\u3067\u3001PHP\u30fbCSS\u30fbJavaScript\u3068\u30b7\u30e7\u30fc\u30c8\u30b3\u30fc\u30c9\u3092\u4f7f\u3044\u307e\u3059\u3002\u8a2d\u7f6e\u5148\u3068\u8868\u793a\u8a18\u4e8b\u306eID\u3001\u8907\u6570\u914d\u7f6e\u3001\u524d\u5f8c\u30dc\u30bf\u30f3\u3001\u8aad\u307f\u8fbc\u307f\u6761\u4ef6\u3092\u89e3\u8aac\u3057\u307e\u3059\u3002"},"categories":[110],"tags":[],"area":[],"class_list":["post-20244","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-swell-customize"],"_links":{"self":[{"href":"https:\/\/motoki-design.co.jp\/wordpress\/wp-json\/wp\/v2\/posts\/20244","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/motoki-design.co.jp\/wordpress\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/motoki-design.co.jp\/wordpress\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/motoki-design.co.jp\/wordpress\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/motoki-design.co.jp\/wordpress\/wp-json\/wp\/v2\/comments?post=20244"}],"version-history":[{"count":7,"href":"https:\/\/motoki-design.co.jp\/wordpress\/wp-json\/wp\/v2\/posts\/20244\/revisions"}],"predecessor-version":[{"id":30873,"href":"https:\/\/motoki-design.co.jp\/wordpress\/wp-json\/wp\/v2\/posts\/20244\/revisions\/30873"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/motoki-design.co.jp\/wordpress\/wp-json\/wp\/v2\/media\/20291"}],"wp:attachment":[{"href":"https:\/\/motoki-design.co.jp\/wordpress\/wp-json\/wp\/v2\/media?parent=20244"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/motoki-design.co.jp\/wordpress\/wp-json\/wp\/v2\/categories?post=20244"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/motoki-design.co.jp\/wordpress\/wp-json\/wp\/v2\/tags?post=20244"},{"taxonomy":"area","embeddable":true,"href":"https:\/\/motoki-design.co.jp\/wordpress\/wp-json\/wp\/v2\/area?post=20244"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}