{"id":25097,"date":"2024-03-28T18:59:27","date_gmt":"2024-03-28T09:59:27","guid":{"rendered":"https:\/\/motoki-design.co.jp\/wordpress\/?p=25097"},"modified":"2024-03-28T18:59:28","modified_gmt":"2024-03-28T09:59:28","slug":"column-block-change-breakpoints","status":"publish","type":"post","link":"https:\/\/motoki-design.co.jp\/wordpress\/column-block-change-breakpoints\/","title":{"rendered":"WordPress\u2502\u30ab\u30e9\u30e0\u30d6\u30ed\u30c3\u30af\u306e\u30d6\u30ec\u30a4\u30af\u30dd\u30a4\u30f3\u30c8\u3092\u5909\u66f4\u3059\u308b\u65b9\u6cd5"},"content":{"rendered":"\n<p>SWELL\u3092\u4f7f\u3063\u3066\u306e\u30b3\u30fc\u30c7\u30a3\u30f3\u30b0\u3067\u306fWordPress\u6a19\u6e96\u306e\u30ab\u30e9\u30e0\u30d6\u30ed\u30c3\u30af\u3067\u306f\u306a\u304f\u3001SWELL\u3067\u7528\u610f\u3055\u308c\u3066\u3044\u308b\u30ea\u30c3\u30c1\u30ab\u30e9\u30e0\u3092\u4f7f\u3046\u65b9\u304c\u3001\u30d6\u30ec\u30a4\u30af\u30dd\u30a4\u30f3\u30c8\uff08<strong>600px\u3068960px\u3060\u3051<\/strong>\uff09\u304c\u30b7\u30f3\u30d7\u30eb\u306b\u306a\u308a\u307e\u3059\u3002<\/p>\n\n\n\n<p>\u3057\u304b\u3057\u306a\u304c\u3089\u305d\u3046\u3068\u306f\u77e5\u3089\u305a\u3001WorPress\u6a19\u6e96\u306e\u30ab\u30e9\u30e0\u30d6\u30ed\u30c3\u30af\uff08<strong>782px\u3067\u5909\u5316<\/strong>\uff09\u3092\u7528\u3044\u308b\u4eba\u304c\u305f\u304f\u3055\u3093\u3044\u308b\u306e\u3067\u3044\u308b\u306e\u3067\u3001\u4ed5\u65b9\u306a\u304f\u30ab\u30e9\u30e0\u30d6\u30ed\u30c3\u30af\u306e\u30d6\u30ec\u30a4\u30af\u30dd\u30a4\u30f3\u30c8\u3092\u5909\u66f4\u3059\u308b\u5fc5\u8981\u304c\u305f\u307e\u306b\u3042\u308a\u307e\u3059\u3002<\/p>\n\n\n\n<p>\u672c\u8a18\u4e8b\u3067\u306f\u305d\u306e\u3084\u308a\u65b9\u3092\u7d39\u4ecb\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">WordPress\u306e\u30ab\u30e9\u30e0\u30d6\u30ed\u30c3\u30af\u306e\u30d6\u30ec\u30a4\u30af\u30dd\u30a4\u30f3\u30c8\u3092\u5909\u66f4\u3059\u308b\u65b9\u6cd5<\/h2>\n\n\n\n<p>CSS\u3092\u4e0a\u66f8\u304d\u3057\u3066\u3057\u3066\u3084\u308b\u3060\u3051\u3067\u3059\u3002<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\u30ab\u30e9\u30e0\u30d6\u30ed\u30c3\u30af\u306e\u8a2d\u5b9a<\/h3>\n\n\n\n<p><strong>\u30e2\u30d0\u30a4\u30eb\u3067\u306f\u7e26\u306b\u4e26\u3079\u308b<\/strong>\u306b\u30c1\u30a7\u30c3\u30af\u304c\u5165\u3063\u3066\u3044\u308b\u3053\u3068\u3092\u78ba\u8a8d\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"251\" height=\"306\" src=\"https:\/\/motoki-design.co.jp\/wordpress\/wp-content\/uploads\/\u30b9\u30af\u30ea\u30fc\u30f3\u30b7\u30e7\u30c3\u30c8-2024-03-28-2.50.47.png\" alt=\"\" class=\"wp-image-25098\"\/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">\u4e0a\u66f8\u304d\u3059\u308bCSS<\/h3>\n\n\n\n<p><code>wp-block-columns<\/code>\u3092\u8abf\u3079\u3066\u3001\u4e0a\u66f8\u304d\u3059\u308bCSS\u3092\u66f8\u3044\u3066\u307f\u307e\u3057\u305f\u3002<\/p>\n\n\n\n<p>\u3053\u308c\u3092\u30c6\u30fc\u30de\u306eCSS\u306b\u5165\u308c\u3066\u4e0a\u66f8\u304d\u3057\u307e\u3057\u3087\u3046\u3002<\/p>\n\n\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-css\" data-lang=\"CSS\"><code>\/* \u30ab\u30e9\u30e0\u30d6\u30ed\u30c3\u30af\u306e\u30d6\u30ec\u30a4\u30af\u30dd\u30a4\u30f3\u30c8\u3092960px\u306b\u8a2d\u5b9a *\/\n@media (max-width: 959px) {\n    \/* 959px\u4ee5\u4e0b\u3067\u30ab\u30e9\u30e0\u304c\u7e26\u306b\u7a4d\u307f\u91cd\u306a\u308b\u3088\u3046\u306b\u8a2d\u5b9a *\/\n    .wp-block-columns {\n        flex-wrap: wrap !important;\n    }\n    .wp-block-columns:not(.is-not-stacked-on-mobile) &gt; .wp-block-column {\n        flex-basis: 100% !important;\n    }\n}\n\n@media (min-width: 960px) {\n    \/* 960px\u4ee5\u4e0a\u3067\u30ab\u30e9\u30e0\u304c\u6a2a\u4e26\u3073\u306b\u306a\u308b\u3088\u3046\u306b\u8a2d\u5b9a *\/\n    .wp-block-columns {\n        flex-wrap: nowrap !important;\n    }\n    .wp-block-columns:not(.is-not-stacked-on-mobile) &gt; .wp-block-column {\n        flex-basis: 0 !important;\n        flex-grow: 1 !important;\n    }\n}\n<\/code><\/pre><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">\u78ba\u8a8d<\/h3>\n\n\n\n<p>width\u306e781px\u3084782px\u5e45\u3067\u78ba\u8a8d\u3057\u3066\u5909\u5316\u304c\u306a\u3044\u3053\u3068\u3092\u78ba\u8a8d\u3057\u307e\u3057\u3087\u3046\u3002<\/p>\n\n\n\n<p>\u305d\u3057\u3066width\u306e960\u3067\u30ab\u30e9\u30e0\u304c\u6a2a\u306b\u4e26\u3076\u306e\u3092\u78ba\u8a8d\u3067\u304d\u308c\u3070OK\u3067\u3059\u3002<\/p>\n\n\n\n<div class=\"wp-block-columns\">\n<div class=\"wp-block-column\">\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"812\" height=\"646\" src=\"https:\/\/motoki-design.co.jp\/wordpress\/wp-content\/uploads\/\u30b9\u30af\u30ea\u30fc\u30f3\u30b7\u30e7\u30c3\u30c8-2024-03-28-2.57.47-812x646.png\" alt=\"\" class=\"wp-image-25101\" srcset=\"https:\/\/motoki-design.co.jp\/wordpress\/wp-content\/uploads\/\u30b9\u30af\u30ea\u30fc\u30f3\u30b7\u30e7\u30c3\u30c8-2024-03-28-2.57.47-812x646.png 812w, https:\/\/motoki-design.co.jp\/wordpress\/wp-content\/uploads\/\u30b9\u30af\u30ea\u30fc\u30f3\u30b7\u30e7\u30c3\u30c8-2024-03-28-2.57.47-382x304.png 382w, https:\/\/motoki-design.co.jp\/wordpress\/wp-content\/uploads\/\u30b9\u30af\u30ea\u30fc\u30f3\u30b7\u30e7\u30c3\u30c8-2024-03-28-2.57.47-768x611.png 768w, https:\/\/motoki-design.co.jp\/wordpress\/wp-content\/uploads\/\u30b9\u30af\u30ea\u30fc\u30f3\u30b7\u30e7\u30c3\u30c8-2024-03-28-2.57.47.png 881w\" sizes=\"(max-width: 812px) 100vw, 812px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column\">\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"812\" height=\"541\" src=\"https:\/\/motoki-design.co.jp\/wordpress\/wp-content\/uploads\/\u30b9\u30af\u30ea\u30fc\u30f3\u30b7\u30e7\u30c3\u30c8-2024-03-28-2.58.11-812x541.png\" alt=\"\" class=\"wp-image-25102\" srcset=\"https:\/\/motoki-design.co.jp\/wordpress\/wp-content\/uploads\/\u30b9\u30af\u30ea\u30fc\u30f3\u30b7\u30e7\u30c3\u30c8-2024-03-28-2.58.11-812x541.png 812w, https:\/\/motoki-design.co.jp\/wordpress\/wp-content\/uploads\/\u30b9\u30af\u30ea\u30fc\u30f3\u30b7\u30e7\u30c3\u30c8-2024-03-28-2.58.11-382x255.png 382w, https:\/\/motoki-design.co.jp\/wordpress\/wp-content\/uploads\/\u30b9\u30af\u30ea\u30fc\u30f3\u30b7\u30e7\u30c3\u30c8-2024-03-28-2.58.11-768x512.png 768w, https:\/\/motoki-design.co.jp\/wordpress\/wp-content\/uploads\/\u30b9\u30af\u30ea\u30fc\u30f3\u30b7\u30e7\u30c3\u30c8-2024-03-28-2.58.11.png 834w\" sizes=\"(max-width: 812px) 100vw, 812px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\">\u307e\u3068\u3081<\/h2>\n\n\n\n<p>\u901a\u5e38\u306e\u30ab\u30e9\u30e0\u30d6\u30ed\u30c3\u30af\u306f\u3088\u304f\u4f7f\u308f\u308c\u308b\u306e\u3067\u3059\u304c\u3001\u5192\u982d\u306b\u66f8\u3044\u305f\u901a\u308aSWELL\u306e\u30d6\u30ec\u30a4\u30af\u30dd\u30a4\u30f3\u30c8\u3068\u5408\u308f\u306a\u3044\u306e\u3067\u3001\u30ab\u30e9\u30e0\u30d6\u30ed\u30c3\u30af\u306e\u30d6\u30ec\u30a4\u30af\u30dd\u30a4\u30f3\u30c8\u3092\u4fee\u6b63\u3057\u3066\u307f\u307e\u3057\u305f\u3002<\/p>\n\n\n\n<p>\u3067\u304d\u308b\u3060\u3051\u30d6\u30ec\u30a4\u30af\u30dd\u30a4\u30f3\u30c8\u306f\u30b7\u30f3\u30d7\u30eb\u306a\u65b9\u304c\u30b3\u30fc\u30c7\u30a3\u30f3\u30b0\u304c\u3057\u3084\u3059\u3044\u306e\u3067\u6c17\u3092\u3064\u3051\u307e\u3057\u3087\u3046\uff01<\/p>\n","protected":false},"excerpt":{"rendered":"<p>SWELL\u3092\u4f7f\u3063\u3066\u306e\u30b3\u30fc\u30c7\u30a3\u30f3\u30b0\u3067\u306fWordPress\u6a19\u6e96\u306e\u30ab\u30e9\u30e0\u30d6\u30ed\u30c3\u30af\u3067\u306f\u306a\u304f\u3001SWELL\u3067\u7528\u610f\u3055\u308c\u3066\u3044\u308b\u30ea\u30c3\u30c1\u30ab\u30e9\u30e0\u3092\u4f7f\u3046\u65b9\u304c\u3001\u30d6\u30ec\u30a4\u30af\u30dd\u30a4\u30f3\u30c8\uff08600px\u3068960px\u3060\u3051\uff09\u304c\u30b7\u30f3\u30d7\u30eb\u306b\u306a\u308a\u307e\u3059\u3002 \u3057\u304b\u3057\u306a\u304c\u3089\u305d\u3046 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":25100,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"pochipp_cv_data":"","swell_btn_cv_data":"","footnotes":""},"categories":[91],"tags":[],"area":[],"class_list":["post-25097","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress-customize"],"_links":{"self":[{"href":"https:\/\/motoki-design.co.jp\/wordpress\/wp-json\/wp\/v2\/posts\/25097","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=25097"}],"version-history":[{"count":2,"href":"https:\/\/motoki-design.co.jp\/wordpress\/wp-json\/wp\/v2\/posts\/25097\/revisions"}],"predecessor-version":[{"id":25103,"href":"https:\/\/motoki-design.co.jp\/wordpress\/wp-json\/wp\/v2\/posts\/25097\/revisions\/25103"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/motoki-design.co.jp\/wordpress\/wp-json\/wp\/v2\/media\/25100"}],"wp:attachment":[{"href":"https:\/\/motoki-design.co.jp\/wordpress\/wp-json\/wp\/v2\/media?parent=25097"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/motoki-design.co.jp\/wordpress\/wp-json\/wp\/v2\/categories?post=25097"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/motoki-design.co.jp\/wordpress\/wp-json\/wp\/v2\/tags?post=25097"},{"taxonomy":"area","embeddable":true,"href":"https:\/\/motoki-design.co.jp\/wordpress\/wp-json\/wp\/v2\/area?post=25097"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}