{"id":25516,"date":"2024-06-11T01:37:00","date_gmt":"2024-06-10T16:37:00","guid":{"rendered":"https:\/\/motoki-design.co.jp\/wordpress\/?p=25516"},"modified":"2026-10-12T19:39:20","modified_gmt":"2026-10-12T10:39:20","slug":"swell-flickity","status":"publish","type":"post","link":"https:\/\/motoki-design.co.jp\/wordpress\/swell-flickity\/","title":{"rendered":"SWELL\u2502\u30ae\u30e3\u30e9\u30ea\u30fc\uff65\u6295\u7a3f\u30ea\u30b9\u30c8\uff65\u30ea\u30c3\u30c1\u30ab\u30e9\u30e0\u30d6\u30ed\u30c3\u30af\u3092\u30b9\u30e9\u30a4\u30c0\u30fc\u5316\u3059\u308b\u65b9\u6cd5"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">SWELL\u306e\u30ae\u30e3\u30e9\u30ea\u30fc\u30fb\u6295\u7a3f\u30ea\u30b9\u30c8\u30fb\u30ea\u30c3\u30c1\u30ab\u30e9\u30e0\u3092\u3001Flickity\u3067\u6a2a\u306b\u9001\u308c\u308b\u8868\u793a\u3078\u5909\u66f4\u3059\u308b\u65b9\u6cd5\u3067\u3059\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u30d6\u30ed\u30c3\u30af\u306e\u307e\u307e\u7de8\u96c6\u3057\u3001\u516c\u958b\u753b\u9762\u3067\u5c02\u7528\u30af\u30e9\u30b9\u3092\u4ed8\u3051\u305f\u90e8\u5206\u3060\u3051\u3092\u30b9\u30e9\u30a4\u30c0\u30fc\u306b\u3057\u307e\u3059\u3002<\/p>\n\n\n<p class=\"wp-block-paragraph\">\u8868\u793a\u5e45\u306b\u5408\u308f\u305b\u305f\u9ad8\u3055\u3092Flickity\u306b\u8a08\u7b97\u3055\u305b\u3001\u753b\u50cf\u306e\u8aad\u307f\u8fbc\u307f\u5f8c\u306b\u3082\u518d\u8a08\u7b97\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u81ea\u52d5\u518d\u751f\u3068\u30eb\u30fc\u30d7\u306f\u4f7f\u308f\u305a\u3001\u524d\u5f8c\u30dc\u30bf\u30f3\u3067\u64cd\u4f5c\u3057\u307e\u3059\u3002<\/p>\n\n<h2 class=\"wp-block-heading\">\u52d5\u304f\u898b\u672c\uff1a\u30ae\u30e3\u30e9\u30ea\u30fc<\/h2>\n\n<p class=\"wp-block-paragraph\">\u753b\u50cf\u30921\u679a\u305a\u3064\u8868\u793a\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u6700\u5f8c\u306e\u753b\u50cf\u3067\u306f\u300c\u6b21\u3078\u300d\u304c\u7121\u52b9\u306b\u306a\u308a\u307e\u3059\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u753b\u50cf\u306e\u7e26\u6a2a\u6bd4\u304c\u9055\u3046\u5834\u5408\u306f\u3001\u6700\u3082\u9ad8\u3055\u306e\u3042\u308b\u30bb\u30eb\u306b\u5408\u308f\u305b\u305f\u4f59\u767d\u304c\u6b8b\u308b\u4ed5\u69d8\u3067\u3059\u3002<\/p>\n\n\n<figure class=\"wp-block-gallery has-nested-images columns-1 is-cropped flickity-parent-gallery wp-block-gallery-1 is-layout-flex wp-block-gallery-is-layout-flex\">\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"812\" height=\"457\" data-id=\"24660\" src=\"https:\/\/motoki-design.co.jp\/wordpress\/wp-content\/uploads\/s01.jpg\" alt=\"\u30ae\u30e3\u30e9\u30ea\u30fc\u306e\u30b5\u30f3\u30d7\u30eb\u753b\u50cf\" class=\"wp-image-24660\" srcset=\"https:\/\/motoki-design.co.jp\/wordpress\/wp-content\/uploads\/s01.jpg 812w, https:\/\/motoki-design.co.jp\/wordpress\/wp-content\/uploads\/s01-382x215.jpg 382w, https:\/\/motoki-design.co.jp\/wordpress\/wp-content\/uploads\/s01-768x432.jpg 768w\" sizes=\"(max-width: 812px) 100vw, 812px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"812\" height=\"457\" data-id=\"24661\" src=\"https:\/\/motoki-design.co.jp\/wordpress\/wp-content\/uploads\/s02.jpg\" alt=\"\u30ae\u30e3\u30e9\u30ea\u30fc\u306e\u30b5\u30f3\u30d7\u30eb\u753b\u50cf\" class=\"wp-image-24661\" srcset=\"https:\/\/motoki-design.co.jp\/wordpress\/wp-content\/uploads\/s02.jpg 812w, https:\/\/motoki-design.co.jp\/wordpress\/wp-content\/uploads\/s02-382x215.jpg 382w, https:\/\/motoki-design.co.jp\/wordpress\/wp-content\/uploads\/s02-768x432.jpg 768w\" sizes=\"(max-width: 812px) 100vw, 812px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"812\" height=\"457\" data-id=\"24662\" src=\"https:\/\/motoki-design.co.jp\/wordpress\/wp-content\/uploads\/s03.jpg\" alt=\"\" class=\"wp-image-24662\" srcset=\"https:\/\/motoki-design.co.jp\/wordpress\/wp-content\/uploads\/s03.jpg 812w, https:\/\/motoki-design.co.jp\/wordpress\/wp-content\/uploads\/s03-382x215.jpg 382w, https:\/\/motoki-design.co.jp\/wordpress\/wp-content\/uploads\/s03-768x432.jpg 768w\" sizes=\"(max-width: 812px) 100vw, 812px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"812\" height=\"457\" data-id=\"24663\" src=\"https:\/\/motoki-design.co.jp\/wordpress\/wp-content\/uploads\/s04.jpg\" alt=\"\" class=\"wp-image-24663\" srcset=\"https:\/\/motoki-design.co.jp\/wordpress\/wp-content\/uploads\/s04.jpg 812w, https:\/\/motoki-design.co.jp\/wordpress\/wp-content\/uploads\/s04-382x215.jpg 382w, https:\/\/motoki-design.co.jp\/wordpress\/wp-content\/uploads\/s04-768x432.jpg 768w\" sizes=\"(max-width: 812px) 100vw, 812px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"812\" height=\"457\" data-id=\"24664\" src=\"https:\/\/motoki-design.co.jp\/wordpress\/wp-content\/uploads\/s05.jpg\" alt=\"\u30ae\u30e3\u30e9\u30ea\u30fc\u30d6\u30ed\u30c3\u30af\u3092\u4e00\u5217\u306b\u914d\u7f6e\u3057\u305f\u969b\u306e\u7de8\u96c6\u753b\u9762\u306e\u8868\u793a\u4f8b\u3002\" class=\"wp-image-24664\" srcset=\"https:\/\/motoki-design.co.jp\/wordpress\/wp-content\/uploads\/s05.jpg 812w, https:\/\/motoki-design.co.jp\/wordpress\/wp-content\/uploads\/s05-382x215.jpg 382w, https:\/\/motoki-design.co.jp\/wordpress\/wp-content\/uploads\/s05-768x432.jpg 768w\" sizes=\"(max-width: 812px) 100vw, 812px\" \/><\/figure>\n<\/figure>\n<h2 class=\"wp-block-heading\">\u52d5\u304f\u898b\u672c\uff1a\u6295\u7a3f\u30ea\u30b9\u30c8<\/h2>\n\n<p class=\"wp-block-paragraph\">\u901a\u5e38\u306e\u6295\u7a3f\u30ea\u30b9\u30c8\u30d6\u30ed\u30c3\u30af\u3092\u4f7f\u3046\u898b\u672c\u3067\u3059\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u753b\u9762\u5e45600px\u672a\u6e80\u3067\u306f1\u679a\u3068\u6b21\u306e\u30ab\u30fc\u30c9\u306e\u4e00\u90e8\u3001600px\u4ee5\u4e0a\u3067\u306f2\u679a\u3001960px\u4ee5\u4e0a\u3067\u306f3\u679a\u3092\u8868\u793a\u3057\u307e\u3059\u3002<\/p>\n\n<div class=\"p-postListWrap flickity-parent-postlist\"><ul class=\"p-postList -type-card -pc-col1 -sp-col1\"><li class=\"p-postList__item\">\n\t<a href=\"https:\/\/motoki-design.co.jp\/wordpress\/wordpress-staging-setup\/\" class=\"p-postList__link\">\n\t\t<div class=\"p-postList__thumb c-postThumb\">\n\t<figure class=\"c-postThumb__figure\">\n\t\t<img decoding=\"async\" width=\"812\" height=\"457\"  src=\"https:\/\/motoki-design.co.jp\/wordpress\/wp-content\/uploads\/wordpress-staging-setup-812x457.jpg\" alt=\"WordPress\u306e\u30b9\u30c6\u30fc\u30b8\u30f3\u30b0\u74b0\u5883\u306e\u4f5c\u308a\u65b9\uff08WAZA\u306e\u30ed\u30b4\u3068\u8a18\u4e8b\u30bf\u30a4\u30c8\u30eb\uff09\" class=\"c-postThumb__img u-obf-cover\" srcset=\"https:\/\/motoki-design.co.jp\/wordpress\/wp-content\/uploads\/wordpress-staging-setup-812x457.jpg 812w, https:\/\/motoki-design.co.jp\/wordpress\/wp-content\/uploads\/wordpress-staging-setup-382x215.jpg 382w, https:\/\/motoki-design.co.jp\/wordpress\/wp-content\/uploads\/wordpress-staging-setup-768x432.jpg 768w, https:\/\/motoki-design.co.jp\/wordpress\/wp-content\/uploads\/wordpress-staging-setup.jpg 1280w\" sizes=\"auto, (min-width: 960px) 960px, 100vw\" loading=\"lazy\" >\t<\/figure>\n\t\t\t<span class=\"c-postThumb__cat icon-folder\" data-cat-id=\"119\">\u30b5\u30a4\u30c8\u30fb\u30b5\u30fc\u30d0\u30fc\u79fb\u8ee2\u30fb\u30c9\u30e1\u30a4\u30f3\u79fb\u7ba1<\/span>\n\t<\/div>\n\t\t\t\t\t<div class=\"p-postList__body\">\n\t\t\t\t<div class=\"p-postList__title\">WordPress\u306e\u30b9\u30c6\u30fc\u30b8\u30f3\u30b0\u74b0\u5883\u306e\u4f5c\u308a\u65b9\uff5c\u8907\u88fd\u30fb\u30a2\u30af\u30bb\u30b9\u5236\u9650\u30fb\u52d5\u4f5c\u78ba\u8a8d<\/div>\t\t\t\t\t\t\t\t<div class=\"p-postList__meta\">\n\t\t\t\t\t<div class=\"p-postList__times c-postTimes u-thin\">\n\t<time class=\"c-postTimes__posted icon-posted\" datetime=\"2026-10-15\" aria-label=\"\u516c\u958b\u65e5\">2026.10.15<\/time><\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t<\/a>\n<\/li>\n<li class=\"p-postList__item\">\n\t<a href=\"https:\/\/motoki-design.co.jp\/wordpress\/wordpress-custom-post-type\/\" class=\"p-postList__link\">\n\t\t<div class=\"p-postList__thumb c-postThumb\">\n\t<figure class=\"c-postThumb__figure\">\n\t\t<img decoding=\"async\" width=\"812\" height=\"457\"  src=\"https:\/\/motoki-design.co.jp\/wordpress\/wp-content\/uploads\/wordpress-custom-post-type-812x457.jpg\" alt=\"WordPress\u306e\u30ab\u30b9\u30bf\u30e0\u6295\u7a3f\u30bf\u30a4\u30d7\u306e\u4f5c\u308a\u65b9\uff08WAZA\u306e\u30ed\u30b4\u3068\u8a18\u4e8b\u30bf\u30a4\u30c8\u30eb\uff09\" class=\"c-postThumb__img u-obf-cover\" srcset=\"https:\/\/motoki-design.co.jp\/wordpress\/wp-content\/uploads\/wordpress-custom-post-type-812x457.jpg 812w, https:\/\/motoki-design.co.jp\/wordpress\/wp-content\/uploads\/wordpress-custom-post-type-382x215.jpg 382w, https:\/\/motoki-design.co.jp\/wordpress\/wp-content\/uploads\/wordpress-custom-post-type-768x432.jpg 768w, https:\/\/motoki-design.co.jp\/wordpress\/wp-content\/uploads\/wordpress-custom-post-type.jpg 1280w\" sizes=\"auto, (min-width: 960px) 960px, 100vw\" loading=\"lazy\" >\t<\/figure>\n\t\t\t<span class=\"c-postThumb__cat icon-folder\" data-cat-id=\"91\">WordPress\u30ab\u30b9\u30bf\u30de\u30a4\u30ba<\/span>\n\t<\/div>\n\t\t\t\t\t<div class=\"p-postList__body\">\n\t\t\t\t<div class=\"p-postList__title\">WordPress\u3067\u30ab\u30b9\u30bf\u30e0\u6295\u7a3f\u30bf\u30a4\u30d7\u3092\u4f5c\u308b\u65b9\u6cd5\uff5c\u767b\u9332\u304b\u3089\u4e00\u89a7\u8868\u793a\u307e\u3067<\/div>\t\t\t\t\t\t\t\t<div class=\"p-postList__meta\">\n\t\t\t\t\t<div class=\"p-postList__times c-postTimes u-thin\">\n\t<time class=\"c-postTimes__posted icon-posted\" datetime=\"2026-10-15\" aria-label=\"\u516c\u958b\u65e5\">2026.10.15<\/time><\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t<\/a>\n<\/li>\n<li class=\"p-postList__item\">\n\t<a href=\"https:\/\/motoki-design.co.jp\/wordpress\/wordpress-noindex-settings\/\" class=\"p-postList__link\">\n\t\t<div class=\"p-postList__thumb c-postThumb\">\n\t<figure class=\"c-postThumb__figure\">\n\t\t<img decoding=\"async\" width=\"812\" height=\"457\"  src=\"https:\/\/motoki-design.co.jp\/wordpress\/wp-content\/uploads\/wordpress-noindex-settings-812x457.jpg\" alt=\"WordPress\u306enoindex\u8a2d\u5b9a\u65b9\u6cd5\uff08WAZA\u306e\u30ed\u30b4\u3068\u8a18\u4e8b\u30bf\u30a4\u30c8\u30eb\uff09\" class=\"c-postThumb__img u-obf-cover\" srcset=\"https:\/\/motoki-design.co.jp\/wordpress\/wp-content\/uploads\/wordpress-noindex-settings-812x457.jpg 812w, https:\/\/motoki-design.co.jp\/wordpress\/wp-content\/uploads\/wordpress-noindex-settings-382x215.jpg 382w, https:\/\/motoki-design.co.jp\/wordpress\/wp-content\/uploads\/wordpress-noindex-settings-768x432.jpg 768w, https:\/\/motoki-design.co.jp\/wordpress\/wp-content\/uploads\/wordpress-noindex-settings.jpg 1280w\" sizes=\"auto, (min-width: 960px) 960px, 100vw\" loading=\"lazy\" >\t<\/figure>\n\t\t\t<span class=\"c-postThumb__cat icon-folder\" data-cat-id=\"100\">\u5185\u90e8\u65bd\u7b56<\/span>\n\t<\/div>\n\t\t\t\t\t<div class=\"p-postList__body\">\n\t\t\t\t<div class=\"p-postList__title\">WordPress\u306enoindex\u8a2d\u5b9a\u65b9\u6cd5\uff5c\u8a18\u4e8b\u30fb\u56fa\u5b9a\u30da\u30fc\u30b8\u30fb\u30a2\u30fc\u30ab\u30a4\u30d6\u3092\u4f7f\u3044\u5206\u3051\u308b<\/div>\t\t\t\t\t\t\t\t<div class=\"p-postList__meta\">\n\t\t\t\t\t<div class=\"p-postList__times c-postTimes u-thin\">\n\t<time class=\"c-postTimes__posted icon-posted\" datetime=\"2026-10-15\" aria-label=\"\u516c\u958b\u65e5\">2026.10.15<\/time><\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t<\/a>\n<\/li>\n<li class=\"p-postList__item\">\n\t<a href=\"https:\/\/motoki-design.co.jp\/wordpress\/swell-layout-broken\/\" class=\"p-postList__link\">\n\t\t<div class=\"p-postList__thumb c-postThumb\">\n\t<figure class=\"c-postThumb__figure\">\n\t\t<img decoding=\"async\" width=\"812\" height=\"457\"  src=\"https:\/\/motoki-design.co.jp\/wordpress\/wp-content\/uploads\/swell-layout-broken-812x457.jpg\" alt=\"SWELL\u306e\u8868\u793a\u304c\u5d29\u308c\u308b\u539f\u56e0\u3068\u76f4\u3057\u65b9\uff08SWELL\u306e\u30ed\u30b4\u3068\u8a18\u4e8b\u30bf\u30a4\u30c8\u30eb\uff09\" class=\"c-postThumb__img u-obf-cover\" srcset=\"https:\/\/motoki-design.co.jp\/wordpress\/wp-content\/uploads\/swell-layout-broken-812x457.jpg 812w, https:\/\/motoki-design.co.jp\/wordpress\/wp-content\/uploads\/swell-layout-broken-382x215.jpg 382w, https:\/\/motoki-design.co.jp\/wordpress\/wp-content\/uploads\/swell-layout-broken-768x432.jpg 768w, https:\/\/motoki-design.co.jp\/wordpress\/wp-content\/uploads\/swell-layout-broken.jpg 1280w\" sizes=\"auto, (min-width: 960px) 960px, 100vw\" loading=\"lazy\" >\t<\/figure>\n\t\t\t<span class=\"c-postThumb__cat icon-folder\" data-cat-id=\"102\">\u30a8\u30e9\u30fc\u30fb\u4e0d\u5177\u5408\u5bfe\u5fdc<\/span>\n\t<\/div>\n\t\t\t\t\t<div class=\"p-postList__body\">\n\t\t\t\t<div class=\"p-postList__title\">SWELL\u306e\u8868\u793a\u304c\u5d29\u308c\u308b\u539f\u56e0\u3068\u76f4\u3057\u65b9\uff5c\u30ad\u30e3\u30c3\u30b7\u30e5\u30fbCSS\u30fb\u30d7\u30e9\u30b0\u30a4\u30f3\u3092\u5207\u308a\u5206\u3051\u308b<\/div>\t\t\t\t\t\t\t\t<div class=\"p-postList__meta\">\n\t\t\t\t\t<div class=\"p-postList__times c-postTimes u-thin\">\n\t<time class=\"c-postTimes__posted icon-posted\" datetime=\"2026-10-15\" aria-label=\"\u516c\u958b\u65e5\">2026.10.15<\/time><\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t<\/a>\n<\/li>\n<li class=\"p-postList__item\">\n\t<a href=\"https:\/\/motoki-design.co.jp\/wordpress\/wordpress-vs-shifter\/\" class=\"p-postList__link\">\n\t\t<div class=\"p-postList__thumb c-postThumb\">\n\t<figure class=\"c-postThumb__figure\">\n\t\t<img decoding=\"async\" width=\"812\" height=\"457\"  src=\"https:\/\/motoki-design.co.jp\/wordpress\/wp-content\/uploads\/wordpress-vs-shifter-812x457.jpg\" alt=\"\" class=\"c-postThumb__img u-obf-cover\" srcset=\"https:\/\/motoki-design.co.jp\/wordpress\/wp-content\/uploads\/wordpress-vs-shifter-812x457.jpg 812w, https:\/\/motoki-design.co.jp\/wordpress\/wp-content\/uploads\/wordpress-vs-shifter-382x215.jpg 382w, https:\/\/motoki-design.co.jp\/wordpress\/wp-content\/uploads\/wordpress-vs-shifter-768x432.jpg 768w, https:\/\/motoki-design.co.jp\/wordpress\/wp-content\/uploads\/wordpress-vs-shifter.jpg 1280w\" sizes=\"auto, (min-width: 960px) 960px, 100vw\" loading=\"lazy\" >\t<\/figure>\n\t\t\t<span class=\"c-postThumb__cat icon-folder\" data-cat-id=\"117\">\u30bb\u30ad\u30e5\u30ea\u30c6\u30a3\u5f37\u5316<\/span>\n\t<\/div>\n\t\t\t\t\t<div class=\"p-postList__body\">\n\t\t\t\t<div class=\"p-postList__title\">WordPress\u3068Shifter\u306e\u9055\u3044\uff5c\u30e1\u30ea\u30c3\u30c8\u30fb\u30c7\u30e1\u30ea\u30c3\u30c8\u3068\u5411\u3044\u3066\u3044\u308b\u30b5\u30a4\u30c8<\/div>\t\t\t\t\t\t\t\t<div class=\"p-postList__meta\">\n\t\t\t\t\t<div class=\"p-postList__times c-postTimes u-thin\">\n\t<time class=\"c-postTimes__posted icon-posted\" datetime=\"2026-10-15\" aria-label=\"\u516c\u958b\u65e5\">2026.10.15<\/time><\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t<\/a>\n<\/li>\n<\/ul><\/div><h2 class=\"wp-block-heading\">\u52d5\u304f\u898b\u672c\uff1a\u30ea\u30c3\u30c1\u30ab\u30e9\u30e0<\/h2>\n\n<p class=\"wp-block-paragraph\">\u753b\u50cf\u3068\u6587\u7ae0\u3092\u307e\u3068\u3081\u305f\u30ab\u30e9\u30e0\u30921\u679a\u3068\u3057\u3066\u9001\u308a\u307e\u3059\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">3\u3064\u306e\u898b\u672c\u306f\u72ec\u7acb\u3057\u3066\u64cd\u4f5c\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n<div class=\"swell-block-columns flickity-parent-column\" style=\"--clmn-w--pc:100%;--clmn-w--tab:100%\"><div class=\"swell-block-columns__inner\">\n<div class=\"swell-block-column swl-has-mb--s\">\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"812\" height=\"457\" src=\"https:\/\/motoki-design.co.jp\/wordpress\/wp-content\/uploads\/s01.jpg\" alt=\"\u30ab\u30e9\u30e0\u306e\u30b5\u30f3\u30d7\u30eb\u753b\u50cf\" class=\"wp-image-24660\" srcset=\"https:\/\/motoki-design.co.jp\/wordpress\/wp-content\/uploads\/s01.jpg 812w, https:\/\/motoki-design.co.jp\/wordpress\/wp-content\/uploads\/s01-382x215.jpg 382w, https:\/\/motoki-design.co.jp\/wordpress\/wp-content\/uploads\/s01-768x432.jpg 768w\" sizes=\"(max-width: 812px) 100vw, 812px\" \/><\/figure>\n\n\n\n<p class=\"has-text-align-center wp-block-paragraph\">\u753b\u50cf\u3068\u6587\u7ae0\u3092\u540c\u3058\u30ab\u30e9\u30e0\u306b\u5165\u308c\u305f\u898b\u672c\u3067\u3059\u3002<\/p>\n<\/div>\n\n\n\n<div class=\"swell-block-column swl-has-mb--s\">\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"812\" height=\"457\" src=\"https:\/\/motoki-design.co.jp\/wordpress\/wp-content\/uploads\/s02.jpg\" alt=\"\" class=\"wp-image-24661\" srcset=\"https:\/\/motoki-design.co.jp\/wordpress\/wp-content\/uploads\/s02.jpg 812w, https:\/\/motoki-design.co.jp\/wordpress\/wp-content\/uploads\/s02-382x215.jpg 382w, https:\/\/motoki-design.co.jp\/wordpress\/wp-content\/uploads\/s02-768x432.jpg 768w\" sizes=\"(max-width: 812px) 100vw, 812px\" \/><\/figure>\n\n\n\n<p class=\"has-text-align-center wp-block-paragraph\">\u753b\u50cf\u3068\u6587\u7ae0\u3092\u540c\u3058\u30ab\u30e9\u30e0\u306b\u5165\u308c\u305f\u898b\u672c\u3067\u3059\u3002<\/p>\n<\/div>\n\n\n\n<div class=\"swell-block-column swl-has-mb--s\">\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"812\" height=\"457\" src=\"https:\/\/motoki-design.co.jp\/wordpress\/wp-content\/uploads\/s03.jpg\" alt=\"\" class=\"wp-image-24662\" srcset=\"https:\/\/motoki-design.co.jp\/wordpress\/wp-content\/uploads\/s03.jpg 812w, https:\/\/motoki-design.co.jp\/wordpress\/wp-content\/uploads\/s03-382x215.jpg 382w, https:\/\/motoki-design.co.jp\/wordpress\/wp-content\/uploads\/s03-768x432.jpg 768w\" sizes=\"(max-width: 812px) 100vw, 812px\" \/><\/figure>\n\n\n\n<p class=\"has-text-align-center wp-block-paragraph\">\u753b\u50cf\u3068\u6587\u7ae0\u3092\u540c\u3058\u30ab\u30e9\u30e0\u306b\u5165\u308c\u305f\u898b\u672c\u3067\u3059\u3002<\/p>\n<\/div>\n\n\n\n<div class=\"swell-block-column swl-has-mb--s\">\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"812\" height=\"457\" src=\"https:\/\/motoki-design.co.jp\/wordpress\/wp-content\/uploads\/s04.jpg\" alt=\"\" class=\"wp-image-24663\" srcset=\"https:\/\/motoki-design.co.jp\/wordpress\/wp-content\/uploads\/s04.jpg 812w, https:\/\/motoki-design.co.jp\/wordpress\/wp-content\/uploads\/s04-382x215.jpg 382w, https:\/\/motoki-design.co.jp\/wordpress\/wp-content\/uploads\/s04-768x432.jpg 768w\" sizes=\"(max-width: 812px) 100vw, 812px\" \/><\/figure>\n\n\n\n<p class=\"has-text-align-center wp-block-paragraph\">\u753b\u50cf\u3068\u6587\u7ae0\u3092\u540c\u3058\u30ab\u30e9\u30e0\u306b\u5165\u308c\u305f\u898b\u672c\u3067\u3059\u3002<\/p>\n<\/div>\n\n\n\n<div class=\"swell-block-column swl-has-mb--s\">\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"812\" height=\"457\" src=\"https:\/\/motoki-design.co.jp\/wordpress\/wp-content\/uploads\/s05.jpg\" alt=\"\u30ea\u30c3\u30c1\u30ab\u30e9\u30e0\u30d6\u30ed\u30c3\u30af\u3092\u4e00\u5217\u306b\u914d\u7f6e\u3059\u308b\u8a2d\u5b9a\u6642\u306e\u7de8\u96c6\u753b\u9762\u306e\u8868\u793a\u4f8b\u3002\" class=\"wp-image-24664\" srcset=\"https:\/\/motoki-design.co.jp\/wordpress\/wp-content\/uploads\/s05.jpg 812w, https:\/\/motoki-design.co.jp\/wordpress\/wp-content\/uploads\/s05-382x215.jpg 382w, https:\/\/motoki-design.co.jp\/wordpress\/wp-content\/uploads\/s05-768x432.jpg 768w\" sizes=\"(max-width: 812px) 100vw, 812px\" \/><\/figure>\n\n\n\n<p class=\"has-text-align-center wp-block-paragraph\">\u753b\u50cf\u3068\u6587\u7ae0\u3092\u540c\u3058\u30ab\u30e9\u30e0\u306b\u5165\u308c\u305f\u898b\u672c\u3067\u3059\u3002<\/p>\n<\/div>\n<\/div><\/div>\n<h2 class=\"wp-block-heading\">\u8ffd\u52a0CSS\u30af\u30e9\u30b9\u3092\u4ed8\u3051\u308b\u30d6\u30ed\u30c3\u30af<\/h2>\n\n<p class=\"wp-block-paragraph\">\u30d6\u30ed\u30c3\u30af\u3092\u9078\u629e\u3057\u3001\u300c\u9ad8\u5ea6\u306a\u8a2d\u5b9a\u300d\u306e\u300c\u8ffd\u52a0CSS\u30af\u30e9\u30b9\u300d\u3078\u5165\u529b\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u5148\u982d\u306e\u30c9\u30c3\u30c8\u306f\u4e0d\u8981\u3067\u3059\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u500b\u5225\u306e\u753b\u50cf\u3084\u30ab\u30e9\u30e0\u5185\u306e\u6bb5\u843d\u3067\u306f\u306a\u304f\u3001\u89aa\u30d6\u30ed\u30c3\u30af\u3092\u9078\u3073\u307e\u3059\u3002<\/p>\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><thead><tr><th>\u5bfe\u8c61<\/th><th>\u30af\u30e9\u30b9<\/th><\/tr><\/thead><tbody><tr><td>\u30ae\u30e3\u30e9\u30ea\u30fc\u30d6\u30ed\u30c3\u30af\u5168\u4f53<\/td><td><code>flickity-parent-gallery<\/code><\/td><\/tr><tr><td>\u6295\u7a3f\u30ea\u30b9\u30c8\u30d6\u30ed\u30c3\u30af\u5168\u4f53<\/td><td><code>flickity-parent-postlist<\/code><\/td><\/tr><tr><td>\u30ea\u30c3\u30c1\u30ab\u30e9\u30e0\u30d6\u30ed\u30c3\u30af\u5168\u4f53<\/td><td><code>flickity-parent-column<\/code><\/td><\/tr><\/tbody><\/table><\/figure>\n<h2 class=\"wp-block-heading\">1\uff0eFlickity\u3092\u8aad\u307f\u8fbc\u3080PHP\u3092\u767b\u9332<\/h2>\n\n<p class=\"wp-block-paragraph\">PHP\u3092Code 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\">25516\u306f\u8a2d\u7f6e\u5148\u306e\u8a18\u4e8bID\u3078\u5909\u66f4\u3057\u3066\u304f\u3060\u3055\u3044\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u3059\u3067\u306bFlickity\u3092\u8aad\u307f\u8fbc\u3093\u3067\u3044\u308b\u5834\u5408\u306f\u3001\u91cd\u8907\u767b\u9332\u305b\u305a\u65e2\u5b58\u306e\u5bfe\u8c61\u30da\u30fc\u30b8\u6307\u5b9a\u3092\u78ba\u8a8d\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u30e9\u30a4\u30d6\u30e9\u30ea\u306f\u5916\u90e8CDN\u304b\u3089\u8aad\u307f\u8fbc\u307f\u307e\u3059\u3002<\/p>\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-php\" data-lang=\"PHP\"><code>add_action(&#x27;wp_enqueue_scripts&#x27;, function () {\n    \/\/ 25516 \u306f\u8a2d\u7f6e\u5148\u306e\u6295\u7a3fID\u3078\u7f6e\u304d\u63db\u3048\u307e\u3059\u3002\u56fa\u5b9a\u30da\u30fc\u30b8\u306a\u3089 is_page \u3092\u4f7f\u3044\u307e\u3059\u3002\n    if (!is_single(array(25516))) return;\n    wp_enqueue_style(&#x27;flickity-css&#x27;, &#x27;https:\/\/unpkg.com\/flickity@2\/dist\/flickity.min.css&#x27;, array(), null);\n    wp_enqueue_script(&#x27;flickity&#x27;, &#x27;https:\/\/unpkg.com\/flickity@2\/dist\/flickity.pkgd.min.js&#x27;, array(), null, true);\n});<\/code><\/pre><\/div>\n<h2 class=\"wp-block-heading\">2\uff0e\u5c02\u7528CSS\u3068\u5171\u901aJavaScript\u3092\u767b\u9332<\/h2>\n\n<p class=\"wp-block-paragraph\">CSS\u306f\u8ffd\u52a0CSS\u307e\u305f\u306f\u8a2d\u7f6e\u5148\u306e\u8a18\u4e8bCSS\u6b04\u3078\u3001JavaScript\u306f\u8a18\u4e8bJS\u6b04\u3078\u8cbc\u308a\u4ed8\u3051\u307e\u3059\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">JS\u306bscript\u30bf\u30b0\u306f\u4ed8\u3051\u307e\u305b\u3093\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">3\u7a2e\u985e\u306e\u30d6\u30ed\u30c3\u30af\u306b\u5171\u901a\u306e\u30b3\u30fc\u30c9\u306a\u306e\u3067\u3001\u30d6\u30ed\u30c3\u30af\u306e\u6570\u3060\u3051\u767b\u9332\u3059\u308b\u5fc5\u8981\u306f\u3042\u308a\u307e\u305b\u3093\u3002<\/p>\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-css\" data-lang=\"CSS\"><code>.waza-flickity-track { display:block; width:100%; min-width:0; }\n.waza-flickity-track .waza-flickity-cell { box-sizing:border-box; width:82%; margin-right:16px; }\n.flickity-parent-gallery .waza-flickity-cell { width:100%; margin-right:0; }\n.waza-flickity-cell &gt; .wp-block-image,\n.waza-flickity-cell &gt; .swell-block-column { width:100%!important; margin:0!important; }\n.waza-flickity-cell img { max-width:100%; }\n.flickity-parent-gallery .waza-flickity-cell .wp-block-image img { display:block; width:100%; height:auto!important; aspect-ratio:auto!important; }\n.waza-flickity-track .flickity-prev-next-button { width:44px; height:44px; }\n.waza-flickity-track :is(a,button):focus-visible { outline:3px solid #0969da; outline-offset:-3px; }\n@media(min-width:600px) {\n  .flickity-parent-postlist .waza-flickity-cell,\n  .flickity-parent-column .waza-flickity-cell { width:calc((100% - 16px) \/ 2); }\n}\n@media(min-width:960px) {\n  .flickity-parent-postlist .waza-flickity-cell,\n  .flickity-parent-column .waza-flickity-cell { width:calc((100% - 32px) \/ 3); }\n}\n\n\/* \u7e26\u9577\u753b\u50cf\u306e\u898b\u672c\u3067\u306f\u3001\u9ad8\u3055\u3092\u5236\u9650\u3057\u3066\u6bd4\u7387\u3092\u4fdd\u3061\u307e\u3059\u3002 *\/\n.waza-flickity-mixed .waza-flickity-cell .wp-block-image img { width:auto!important; max-width:100%; max-height:480px; margin-inline:auto; }<\/code><\/pre><\/div>\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-js\" data-lang=\"JS\"><code>function wazaInitFlickity() {\n  if (typeof Flickity === &#x27;undefined&#x27;) return;\n  const definitions = [\n    [&#x27;.flickity-parent-gallery&#x27;, null, &#x27;.wp-block-image&#x27;],\n    [&#x27;.flickity-parent-postlist&#x27;, &#x27;.p-postList&#x27;, &#x27;.p-postList__item&#x27;],\n    [&#x27;.flickity-parent-column&#x27;, &#x27;.swell-block-columns__inner&#x27;, &#x27;.swell-block-column&#x27;]\n  ];\n  definitions.forEach(([selector, innerSelector, cellSelector]) =&gt; {\n    document.querySelectorAll(selector).forEach(root =&gt; {\n      if (root.dataset.wazaFlickityReady) return;\n      const inner = innerSelector ? root.querySelector(innerSelector) : root;\n      if (!inner) return;\n      const children = Array.from(inner.children).filter(child =&gt; child.matches(cellSelector));\n      if (children.length &lt; 2) return;\n      const track = document.createElement(&#x27;div&#x27;);\n      track.className = &#x27;waza-flickity-track&#x27;;\n      track.setAttribute(&#x27;aria-label&#x27;, &#x27;\u6a2a\u306b\u9001\u308c\u308b\u30b3\u30f3\u30c6\u30f3\u30c4&#x27;);\n      const cells = children.map(child =&gt; {\n        const cell = document.createElement(&#x27;div&#x27;);\n        cell.className = &#x27;waza-flickity-cell&#x27;;\n        \/\/ li \u3092 ul \u306e\u5916\u3078\u79fb\u3055\u305a\u3001\u4e2d\u8eab\u3092\u5c02\u7528\u306e div \u306b\u79fb\u3057\u307e\u3059\u3002\n        if (child.tagName === &#x27;LI&#x27;) {\n          cell.append(...Array.from(child.childNodes));\n          child.remove();\n        } else cell.append(child);\n        track.append(cell);\n        return cell;\n      });\n      if (inner === root) root.prepend(track);\n      else inner.replaceWith(track);\n      root.dataset.wazaFlickityReady = &#x27;1&#x27;;\n      const carousel = new Flickity(track, {\n        cellSelector: &#x27;.waza-flickity-cell&#x27;, cellAlign: &#x27;left&#x27;, contain: true,\n        setGallerySize: true, adaptiveHeight: false, imagesLoaded: true,\n        autoPlay: false, wrapAround: false, pageDots: false,\n        prevNextButtons: true, accessibility: true\n      });\n      track.querySelector(&#x27;.previous&#x27;)?.setAttribute(&#x27;aria-label&#x27;, &#x27;\u524d\u3078&#x27;);\n      track.querySelector(&#x27;.next&#x27;)?.setAttribute(&#x27;aria-label&#x27;, &#x27;\u6b21\u3078&#x27;);\n      const refresh = () =&gt; requestAnimationFrame(() =&gt; carousel.resize());\n      track.querySelectorAll(&#x27;img&#x27;).forEach(img =&gt; {\n        if (!img.complete) { img.addEventListener(&#x27;load&#x27;, refresh, {once:true}); img.addEventListener(&#x27;error&#x27;, refresh, {once:true}); }\n      });\n      cells.forEach((cell, index) =&gt; {\n        cell.querySelectorAll(&#x27;a,button,input,select,textarea&#x27;).forEach(control =&gt; {\n          control.addEventListener(&#x27;focus&#x27;, () =&gt; carousel.select(index, false, true));\n        });\n      });\n      if (document.fonts) document.fonts.ready.then(refresh);\n      window.addEventListener(&#x27;load&#x27;, refresh, {once:true});\n    });\n  });\n}\nif (document.readyState === &quot;loading&quot;) document.addEventListener(&quot;DOMContentLoaded&quot;, wazaInitFlickity, { once: true });\nelse wazaInitFlickity();<\/code><\/pre><\/div>\n<h2 class=\"wp-block-heading\">\u5c0e\u5165\u524d\u306e\u78ba\u8a8d\u3068\u9069\u7528\u7bc4\u56f2<\/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\u3001\u5909\u66f4\u524d\u306e\u30b3\u30fc\u30c9\u3068\u8a2d\u5b9a\u3092\u30d0\u30c3\u30af\u30a2\u30c3\u30d7\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u540c\u3058\u30d6\u30ed\u30c3\u30af\u3092\u52a0\u5de5\u3059\u308b\u30b9\u30e9\u30a4\u30c0\u30fc\u51e6\u7406\u304c\u3059\u3067\u306b\u3042\u308b\u5834\u5408\u306f\u3001\u63b2\u8f09\u30b3\u30fc\u30c9\u3092\u91cd\u306d\u3066\u9069\u7528\u3057\u306a\u3044\u3067\u304f\u3060\u3055\u3044\u3002<\/p>\n\n\n<p class=\"wp-block-paragraph\">\u63b2\u8f09\u30b3\u30fc\u30c9\u306f\u6295\u7a3f\u30ea\u30b9\u30c8\u306eli\u3092ul\u306e\u5916\u3078\u305d\u306e\u307e\u307e\u79fb\u52d5\u305b\u305a\u3001\u4e2d\u8eab\u3092\u5c02\u7528\u30bb\u30eb\u3078\u79fb\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u7de8\u96c6\u753b\u9762\u306e\u30d6\u30ed\u30c3\u30af\u30c7\u30fc\u30bf\u306f\u5909\u66f4\u3057\u307e\u305b\u3093\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">2\u4ef6\u672a\u6e80\u306e\u30d6\u30ed\u30c3\u30af\u306f\u30b9\u30e9\u30a4\u30c0\u30fc\u5316\u305b\u305a\u3001\u305d\u306e\u307e\u307e\u8868\u793a\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u5f8c\u304b\u3089Ajax\u3067\u8ffd\u52a0\u3059\u308b\u30d6\u30ed\u30c3\u30af\u3084\u5165\u308c\u5b50\u306e\u30b9\u30e9\u30a4\u30c0\u30fc\u306b\u306f\u5bfe\u5fdc\u3057\u3066\u3044\u307e\u305b\u3093\u3002<\/p>\n\n<h2 class=\"wp-block-heading\">\u9ad8\u3055\u304c\u5408\u308f\u306a\u3044\u30fb\u52d5\u304b\u306a\u3044\u5834\u5408<\/h2>\n\n<p class=\"wp-block-paragraph\">\u753b\u50cf\u304c\u6b20\u3051\u308b\u5834\u5408\u306f\u3001\u5bfe\u8c61\u753b\u50cf\u3084\u30b9\u30e9\u30a4\u30c0\u30fc\u306b\u56fa\u5b9a\u9ad8\u3055\u306eCSS\u304c\u9069\u7528\u3055\u308c\u3066\u3044\u306a\u3044\u304b\u78ba\u8a8d\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u9ad8\u3055\u306f\u5168\u30bb\u30eb\u306e\u8868\u793a\u9ad8\u306b\u5408\u308f\u305b\u308b\u305f\u3081\u3001\u753b\u50cf\u306e\u6bd4\u7387\u3084\u6587\u7ae0\u91cf\u304c\u9055\u3046\u3068\u77ed\u3044\u30bb\u30eb\u306b\u4f59\u767d\u304c\u6b8b\u308a\u307e\u3059\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u753b\u50cf\u304c\u672a\u8aad\u8fbc\u306e\u72b6\u614b\u3068\u8aad\u307f\u8fbc\u307f\u5f8c\u3001PC\u30fb\u30b9\u30de\u30fc\u30c8\u30d5\u30a9\u30f3\u306e\u4e21\u65b9\u3067\u78ba\u8a8d\u3057\u3066\u304f\u3060\u3055\u3044\u3002<\/p>\n\n\n<p class=\"wp-block-paragraph\">\u30dc\u30bf\u30f3\u304c\u51fa\u306a\u3044\u5834\u5408\u306f\u3001PHP\u306e\u5bfe\u8c61\u30da\u30fc\u30b8ID\u3001\u30af\u30e9\u30b9\u540d\u3001Flickity\u306e\u8aad\u307f\u8fbc\u307f\u3092\u78ba\u8a8d\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u30e9\u30a4\u30d6\u30e9\u30ea\u304c\u8aad\u307f\u8fbc\u3081\u306a\u3044\u3068\u304d\u306f\u30d6\u30ed\u30c3\u30af\u3092\u5909\u63db\u305b\u305a\u8868\u793a\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">JS\u6b04\u306bPHP\u3092\u8cbc\u3089\u306a\u3044\u3053\u3068\u3001\u540c\u3058\u5bfe\u8c61\u306bSwiper\u3082\u9069\u7528\u3057\u3066\u3044\u306a\u3044\u3053\u3068\u3092\u78ba\u8a8d\u3057\u3066\u304f\u3060\u3055\u3044\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u30ad\u30e3\u30c3\u30b7\u30e5\u524a\u9664\u5f8c\u306b\u518d\u78ba\u8a8d\u3057\u307e\u3059\u3002<\/p>\n\n\n<p class=\"wp-block-paragraph\">\u5143\u306e\u30d6\u30ed\u30c3\u30af\u8868\u793a\u3078\u623b\u3059\u5834\u5408\u306f\u3001\u3053\u306e\u8a18\u4e8b\u306e\u624b\u9806\u3067\u8ffd\u52a0\u3057\u305fJS\u30fbCSS\u3068\u8ffd\u52a0\u30af\u30e9\u30b9\u3092\u5916\u3057\u3001\u3053\u306e\u30da\u30fc\u30b8\u3060\u3051\u306b\u8ffd\u52a0\u3057\u305f\u30e9\u30a4\u30d6\u30e9\u30ea\u8aad\u307f\u8fbc\u307f\u3092\u505c\u6b62\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u5225\u30da\u30fc\u30b8\u3067\u3082\u4f7f\u3046\u5171\u901a\u306e\u8aad\u307f\u8fbc\u307f\u306f\u505c\u6b62\u3057\u306a\u3044\u3067\u304f\u3060\u3055\u3044\u3002<\/p>\n\n<h2 class=\"wp-block-heading\">\u307b\u304b\u306e\u65b9\u5f0f\u3068\u306e\u9078\u3073\u65b9<\/h2>\n\n<p class=\"wp-block-paragraph\">\u6295\u7a3f\u4e00\u89a7\u3060\u3051\u304c\u76ee\u7684\u306a\u3089\u3001<a href=\"https:\/\/motoki-design.co.jp\/wordpress\/swell-postlist-swiper\/\">SWELL\u5185\u306eSwiper\u3092\u4f7f\u3046\u6295\u7a3f\u30ea\u30b9\u30c8<\/a>\u3084<a href=\"https:\/\/motoki-design.co.jp\/wordpress\/swell-post-list-horizontal-scroll\/\">CSS\u3060\u3051\u306e\u6a2a\u30b9\u30af\u30ed\u30fc\u30eb<\/a>\u3082\u6bd4\u8f03\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Flickity\u306e\u8a73\u7d30\u8a2d\u5b9a\u306f<a href=\"https:\/\/flickity.metafizzy.co\/options.html\">\u516c\u5f0f\u30aa\u30d7\u30b7\u30e7\u30f3<\/a>\u3001\u5229\u7528\u6761\u4ef6\u306f<a href=\"https:\/\/flickity.metafizzy.co\/license.html\">\u516c\u5f0f\u30e9\u30a4\u30bb\u30f3\u30b9\u6848\u5185<\/a>\u3067\u78ba\u8a8d\u3057\u3066\u304f\u3060\u3055\u3044\u3002<\/p>\n\n<h2 class=\"wp-block-heading\">\u753b\u50cf1\u679a\u3068\u7e26\u6a2a\u6bd4\u304c\u9055\u3046\u753b\u50cf\u306e\u898b\u672c<\/h2>\n<p class=\"wp-block-paragraph\">\u6b21\u306f\u753b\u50cf1\u679a\u3060\u3051\u306e\u30ae\u30e3\u30e9\u30ea\u30fc\u3067\u3059\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u8ffd\u52a0\u30af\u30e9\u30b9\u304c\u3042\u3063\u3066\u3082\u30b9\u30e9\u30a4\u30c0\u30fc\u5316\u305b\u305a\u3001\u524d\u5f8c\u30dc\u30bf\u30f3\u3092\u51fa\u3057\u307e\u305b\u3093\u3002<\/p>\n<figure class=\"wp-block-gallery has-nested-images columns-1 is-cropped flickity-parent-gallery wp-block-gallery-2 is-layout-flex wp-block-gallery-is-layout-flex\">\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"812\" height=\"457\" data-id=\"24660\" src=\"https:\/\/motoki-design.co.jp\/wordpress\/wp-content\/uploads\/s01.jpg\" alt=\"\u30ae\u30e3\u30e9\u30ea\u30fc\u306e\u30b5\u30f3\u30d7\u30eb\u753b\u50cf\" class=\"wp-image-24660\" srcset=\"https:\/\/motoki-design.co.jp\/wordpress\/wp-content\/uploads\/s01.jpg 812w, https:\/\/motoki-design.co.jp\/wordpress\/wp-content\/uploads\/s01-382x215.jpg 382w, https:\/\/motoki-design.co.jp\/wordpress\/wp-content\/uploads\/s01-768x432.jpg 768w\" sizes=\"(max-width: 812px) 100vw, 812px\" \/><\/figure>\n<\/figure>\n<p class=\"wp-block-paragraph\">\u6b21\u306f\u6a2a\u9577\u306e\u753b\u50cf\u3068\u7e26\u9577\u306e\u64cd\u4f5c\u753b\u9762\u3092\u4e26\u3079\u305f\u898b\u672c\u3067\u3059\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u9ad8\u3044\u65b9\u306e\u30bb\u30eb\u306b\u67a0\u306e\u9ad8\u3055\u3092\u5408\u308f\u305b\u308b\u305f\u3081\u3001\u77ed\u3044\u30bb\u30eb\u306b\u306f\u4f59\u767d\u304c\u6b8b\u308a\u307e\u3059\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u753b\u50cf\u3092\u6b20\u3051\u3055\u305b\u308b\u56fa\u5b9a\u9ad8\u3055\u306e\u6307\u5b9a\u306f\u4f7f\u3044\u307e\u305b\u3093\u3002<\/p>\n<figure class=\"wp-block-gallery has-nested-images columns-1 is-cropped flickity-parent-gallery waza-flickity-mixed wp-block-gallery-3 is-layout-flex wp-block-gallery-is-layout-flex\">\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"812\" height=\"457\" data-id=\"24660\" src=\"https:\/\/motoki-design.co.jp\/wordpress\/wp-content\/uploads\/s01.jpg\" alt=\"\u30ae\u30e3\u30e9\u30ea\u30fc\u306e\u30b5\u30f3\u30d7\u30eb\u753b\u50cf\" class=\"wp-image-24660\" srcset=\"https:\/\/motoki-design.co.jp\/wordpress\/wp-content\/uploads\/s01.jpg 812w, https:\/\/motoki-design.co.jp\/wordpress\/wp-content\/uploads\/s01-382x215.jpg 382w, https:\/\/motoki-design.co.jp\/wordpress\/wp-content\/uploads\/s01-768x432.jpg 768w\" sizes=\"(max-width: 812px) 100vw, 812px\" \/><\/figure>\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"375\" height=\"817\" data-id=\"30148\" src=\"https:\/\/motoki-design.co.jp\/wordpress\/wp-content\/uploads\/waza-waza-navigation-sliders-next-20261002-hint-initial-mobile.jpg\" alt=\"\u7e26\u9577\u306e\u30b9\u30af\u30ed\u30fc\u30eb\u30d2\u30f3\u30c8\u64cd\u4f5c\u753b\u9762\" class=\"wp-image-30148\"\/><\/figure><\/figure><h2 class=\"wp-block-heading\">JavaScript\u306e\u5b9f\u884c\u304c\u9045\u308c\u308b\u5834\u5408<\/h2>\n<p class=\"wp-block-paragraph\">JavaScript\u3092\u9045\u5ef6\u5b9f\u884c\u3059\u308b\u8a2d\u5b9a\u3067\u306f\u3001DOMContentLoaded\u304c\u7d42\u308f\u3063\u3066\u304b\u3089\u30b3\u30fc\u30c9\u304c\u52d5\u304f\u5834\u5408\u304c\u3042\u308a\u307e\u3059\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u63b2\u8f09\u30b3\u30fc\u30c9\u306fdocument.readyState\u3092\u78ba\u8a8d\u3057\u3001\u8aad\u307f\u8fbc\u307f\u6e08\u307f\u306a\u3089\u305d\u306e\u5834\u3067\u521d\u671f\u5316\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u3053\u306e\u521d\u671f\u5316\u306f\u3001\u5b9f\u884c\u6642\u306bFlickity\u672c\u4f53\u304c\u8aad\u307f\u8fbc\u307f\u6e08\u307f\u3067\u3042\u308b\u3053\u3068\u304c\u524d\u63d0\u3067\u3059\u3002\u672c\u4f53\u304c\u672a\u5b9a\u7fa9\u306a\u3089\u901a\u5e38\u306e\u30d6\u30ed\u30c3\u30af\u8868\u793a\u3092\u4fdd\u3061\u3001\u305d\u306e\u5f8c\u306b\u672c\u4f53\u304c\u8aad\u307f\u8fbc\u307e\u308c\u3066\u3082\u81ea\u52d5\u3067\u306f\u518d\u8a66\u884c\u3057\u307e\u305b\u3093\u3002\u8a18\u4e8bJS\u3092\u542b\u3081\u3066\u8aad\u307f\u8fbc\u307f\u9806\u3092\u78ba\u8a8d\u3057\u3001\u9045\u5ef6\u5b9f\u884c\u8a2d\u5b9a\u3092\u4f7f\u3046\u5834\u5408\u306f\u672c\u4f53\u3068\u521d\u671f\u5316\u30b3\u30fc\u30c9\u306e\u5b9f\u884c\u9806\u304c\u4fdd\u305f\u308c\u308b\u3088\u3046\u306b\u3057\u3066\u304f\u3060\u3055\u3044\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u5916\u90e8CDN\u306b\u63a5\u7d9a\u3067\u304d\u306a\u3044\u5834\u5408\u3084\u3001\u9045\u5ef6\u5b9f\u884c\u306e\u8a2d\u5b9a\u3092\u5909\u3048\u305f\u5834\u5408\u306e\u5b9f\u30d6\u30e9\u30a6\u30b6\u30fc\u52d5\u4f5c\u306f\u672a\u691c\u8a3c\u3067\u3059\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u8a2d\u5b9a\u5909\u66f4\u5f8c\u306f\u5bfe\u8c61\u8a18\u4e8b\u306e\u30ad\u30e3\u30c3\u30b7\u30e5\u3068\u516c\u958b\u753b\u9762\u3092\u78ba\u8a8d\u3057\u3066\u304f\u3060\u3055\u3044\u3002<\/p>\n\n<p class=\"wp-block-paragraph\">\u7e26\u9577\u306e\u753b\u50cf\u304c\u753b\u9762\u3092\u5360\u6709\u3057\u3059\u304e\u308b\u5834\u5408\u306f\u3001\u89aa\u30ae\u30e3\u30e9\u30ea\u30fc\u306bwaza-flickity-mixed\u3082\u4ed8\u3051\u307e\u3059\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u63b2\u8f09CSS\u3067\u306f\u753b\u50cf\u3092\u6700\u5927480px\u9ad8\u306b\u3057\u3001\u7e26\u6a2a\u6bd4\u3092\u4fdd\u3063\u3066\u4e2d\u592e\u306b\u7f6e\u304d\u307e\u3059\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u67a0\u306e\u9ad8\u3055\u306f\u8868\u793a\u3055\u308c\u305f\u30bb\u30eb\u304b\u3089\u8a08\u7b97\u3057\u307e\u3059\u3002<\/p>\n<h2 class=\"wp-block-heading\">\u30b9\u30de\u30db\u3067\u306e\u64cd\u4f5c\u753b\u9762<\/h2>\n<p class=\"wp-block-paragraph\">\u7e26\u9577\u306e\u753b\u50cf\u3092\u8868\u793a\u3057\u305f\u72b6\u614b\u3067\u3059\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u524d\u3078\u30dc\u30bf\u30f3\u306b\u306f\u30ad\u30fc\u30dc\u30fc\u30c9\u64cd\u4f5c\u306e\u30d5\u30a9\u30fc\u30ab\u30b9\u67a0\u304c\u4ed8\u304d\u3001\u6700\u5f8c\u306e\u753b\u50cf\u3067\u306f\u6b21\u3078\u30dc\u30bf\u30f3\u304c\u7121\u52b9\u306b\u306a\u308a\u307e\u3059\u3002<\/p>\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"375\" height=\"817\" src=\"https:\/\/motoki-design.co.jp\/wordpress\/wp-content\/uploads\/waza-waza-interactive-examples-next-20261002-flickity-mobile.jpg\" alt=\"\u7e26\u9577\u753b\u50cf\u3092\u8868\u793a\u3057\u305fFlickity\u306e\u898b\u672c\u3068\u524d\u3078\u30dc\u30bf\u30f3\u306e\u30d5\u30a9\u30fc\u30ab\u30b9\" class=\"wp-image-30161\"\/><figcaption class=\"wp-element-caption\">2026\u5e7410\u67082\u65e5\u64ae\u5f71\u3002WAZA\u306e\u516c\u958b\u30da\u30fc\u30b8\u3001\u30b9\u30de\u30db\u5e45390px\u3067\u78ba\u8a8d\u3002<\/figcaption><\/figure>","protected":false},"excerpt":{"rendered":"<p>SWELL\u306e\u30ae\u30e3\u30e9\u30ea\u30fc\u30fb\u6295\u7a3f\u30ea\u30b9\u30c8\u30fb\u30ea\u30c3\u30c1\u30ab\u30e9\u30e0\u3092\u3001Flickity\u3067\u6a2a\u306b\u9001\u308c\u308b\u8868\u793a\u3078\u5909\u66f4\u3059\u308b\u65b9\u6cd5\u3067\u3059\u3002 \u30d6\u30ed\u30c3\u30af\u306e\u307e\u307e\u7de8\u96c6\u3057\u3001\u516c\u958b\u753b\u9762\u3067\u5c02\u7528\u30af\u30e9\u30b9\u3092\u4ed8\u3051\u305f\u90e8\u5206\u3060\u3051\u3092\u30b9\u30e9\u30a4\u30c0\u30fc\u306b\u3057\u307e\u3059\u3002 \u8868\u793a\u5e45\u306b\u5408\u308f\u305b\u305f\u9ad8\u3055\u3092Flick [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":25534,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"swell_btn_cv_data":"","book_review_data":"","footnotes":"","ssp_meta_title":"SWELL\u3067\u30b9\u30e9\u30a4\u30c0\u30fc\u3092\u4f5c\u308b\u65b9\u6cd5\uff5cFlickity\u3092\u4f7f\u3046","ssp_meta_description":"SWELL\u306e\u30ae\u30e3\u30e9\u30ea\u30fc\u30fb\u6295\u7a3f\u30ea\u30b9\u30c8\u30fb\u30ea\u30c3\u30c1\u30ab\u30e9\u30e0\u3092\u30b9\u30e9\u30a4\u30c0\u30fc\u306b\u3059\u308b\u65b9\u6cd5\u3067\u3059\u3002Flickity\u3092\u8aad\u307f\u8fbc\u3093\u3067\u3001\u6a2a\u30b9\u30af\u30ed\u30fc\u30eb\u3084\u30ab\u30eb\u30fc\u30bb\u30eb\u3068\u3057\u3066\u52d5\u304b\u305b\u307e\u3059\u3002\u8a2d\u5b9a\u3059\u308b\u30b3\u30fc\u30c9\u3068\u3001\u52d5\u304b\u3059\u3068\u304d\u306e\u3064\u307e\u305a\u304d\u3069\u3053\u308d\u3092\u307e\u3068\u3081\u307e\u3057\u305f\u3002"},"categories":[110],"tags":[],"area":[],"class_list":["post-25516","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\/25516","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=25516"}],"version-history":[{"count":14,"href":"https:\/\/motoki-design.co.jp\/wordpress\/wp-json\/wp\/v2\/posts\/25516\/revisions"}],"predecessor-version":[{"id":31398,"href":"https:\/\/motoki-design.co.jp\/wordpress\/wp-json\/wp\/v2\/posts\/25516\/revisions\/31398"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/motoki-design.co.jp\/wordpress\/wp-json\/wp\/v2\/media\/25534"}],"wp:attachment":[{"href":"https:\/\/motoki-design.co.jp\/wordpress\/wp-json\/wp\/v2\/media?parent=25516"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/motoki-design.co.jp\/wordpress\/wp-json\/wp\/v2\/categories?post=25516"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/motoki-design.co.jp\/wordpress\/wp-json\/wp\/v2\/tags?post=25516"},{"taxonomy":"area","embeddable":true,"href":"https:\/\/motoki-design.co.jp\/wordpress\/wp-json\/wp\/v2\/area?post=25516"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}