{"id":26676,"date":"2024-12-29T00:52:27","date_gmt":"2024-12-28T15:52:27","guid":{"rendered":"https:\/\/motoki-design.co.jp\/wordpress\/?p=26676"},"modified":"2024-12-29T00:53:43","modified_gmt":"2024-12-28T15:53:43","slug":"swell-insert-content-below-header","status":"publish","type":"post","link":"https:\/\/motoki-design.co.jp\/wordpress\/swell-insert-content-below-header\/","title":{"rendered":"SWELL\u2502\u30d8\u30c3\u30c0\u30fc\u306e\u4e0b\u306b\u30b3\u30f3\u30c6\u30f3\u30c4\u3092\u633f\u5165\u3059\u308b\u65b9\u6cd5\u2502\u5225\u306e\u30ca\u30d3\u30e1\u30cb\u30e5\u30fc\u3092\u30d8\u30c3\u30c0\u30fc\u4e0b\u306b\u8868\u793a\u3055\u305b\u308b\u30ab\u30b9\u30bf\u30de\u30a4\u30ba"},"content":{"rendered":"\n<p>SWELL\u306b\u306f\u69d8\u3005\u306a\u30d5\u30c3\u30af\u304c\u3042\u3063\u305f\u308a\u3001\u30b3\u30fc\u30c9\u3092\u4e0a\u66f8\u304d\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u308b\u306e\u3067\u3059\u304c\u3001<\/p>\n\n\n\n<p>\u30d8\u30c3\u30c0\u30fc\u3068\u8a18\u4e8b\u672c\u6587\u306e\u9593\u306b\u30b3\u30f3\u30c6\u30f3\u30c4\u3092\u5165\u308c\u308b\u306e\u304c\u610f\u5916\u3068\u96e3\u3057\u3044\u3067\u3059\u3002<\/p>\n\n\n\n<p>\u3044\u308d\u3044\u308dSWELL\u306e\u3053\u3068\u3092\u8abf\u3079\u305f\u7d50\u679c\u3001\u975e\u7834\u58ca\uff65\u89aa\u30c6\u30fc\u30de\u3067\u3082\u633f\u5165\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3057\u305f\u306e\u3067\u3001\u305d\u306e\u5099\u5fd8\u9332\u3067\u3059\u3002<\/p>\n\n\n\n<p class=\"is-style-icon_pen\">\u3061\u306a\u307f\u306bJS\u306f\u4f7f\u3063\u3066\u3044\u307e\u305b\u3093<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-style-border\"><img decoding=\"async\" width=\"812\" height=\"393\" src=\"https:\/\/motoki-design.co.jp\/wordpress\/wp-content\/uploads\/GfzHwi4aUAAhOWc-812x393.png\" alt=\"\" class=\"wp-image-26677\" srcset=\"https:\/\/motoki-design.co.jp\/wordpress\/wp-content\/uploads\/GfzHwi4aUAAhOWc-812x393.png 812w, https:\/\/motoki-design.co.jp\/wordpress\/wp-content\/uploads\/GfzHwi4aUAAhOWc-382x185.png 382w, https:\/\/motoki-design.co.jp\/wordpress\/wp-content\/uploads\/GfzHwi4aUAAhOWc-768x372.png 768w, https:\/\/motoki-design.co.jp\/wordpress\/wp-content\/uploads\/GfzHwi4aUAAhOWc.png 924w\" sizes=\"(max-width: 812px) 100vw, 812px\" \/><\/figure>\n\n\n\n<p>\u4eca\u56de\u306f\u30d8\u30c3\u30c0\u30fc\u30e1\u30cb\u30e5\u30fc\u3068\u306f\u5225\u306e\u30e1\u30cb\u30e5\u30fc\u3092\u30d8\u30c3\u30c0\u30fc\u4e0b\u306b\u8868\u793a\u3055\u305b\u3066\u3044\u307e\u3059\u3002<\/p>\n\n\n\n<p>\u3053\u306e\u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u306f\u8a00\u3044\u63db\u3048\u308b\u3068<strong>\u65b0\u3057\u3044\u30ca\u30d3\u30e1\u30cb\u30e5\u30fc\u3092\u30d8\u30c3\u30c0\u30fc\u4e0b\u306b\u8868\u793a\u3055\u305b\u308b\u30ab\u30b9\u30bf\u30de\u30a4\u30ba<\/strong>\u3067\u3082\u3042\u308a\u307e\u3059\u3002<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">SWELL\u3067\u30d8\u30c3\u30c0\u30fc\u306e\u4e0b\u306b\u30b3\u30f3\u30c6\u30f3\u30c4\u3092\u633f\u5165\u3059\u308b\u65b9\u6cd5<\/h2>\n\n\n\n<p>\u3084\u308a\u65b9\u81ea\u4f53\u306f\u30b7\u30f3\u30d7\u30eb\u306a\u306e\u3067\u3059\u304c\u3001\u610f\u5916\u3068\u8a2d\u5b9a\u306b\u624b\u9593\u3092\u53d6\u308a\u307e\u3059\u3002<\/p>\n\n\n\n<p>\u524d\u8ff0\u3057\u305f\u3068\u304a\u308a\u3001\u30d5\u30c3\u30af\u306a\u3057\u3001\u8a72\u5f53\u3059\u308b\u30b3\u30fc\u30c9\u306b\u3082\u4e0a\u66f8\u304d\u3067\u304d\u307e\u305b\u3093\u3002<\/p>\n\n\n\n<p>\u5b50\u30c6\u30fc\u30de\u3084\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u3001\u305d\u3057\u3066JS\u306f\u57fa\u672c\u4f7f\u308f\u306a\u3044\u306e\u3067\u3001\u5225\u306e\u65b9\u6cd5\u3092\u898b\u3064\u3051\u3066\u3001\u305d\u308c\u3067\u5bfe\u5fdc\u3057\u307e\u3057\u305f\u3002<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\u8868\u793a\u3057\u305f\u3044\u30b3\u30f3\u30c6\u30f3\u30c4\u3092\u7528\u610f<\/h3>\n\n\n\n<p>\u4eca\u56de\u306f\u8a18\u4e8bID94\u306e\u30ca\u30d3\u30e1\u30cb\u30e5\u30fc\u3092\u8868\u793a\u3055\u305b\u3066\u3042\u3052\u307e\u3059\u3002<\/p>\n\n\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-php\" data-lang=\"PHP\"><code>function swell_main_navi_menu_shortcode() {\n    ob_start();\n    ?&gt;\n    &lt;div class=&quot;-parallel -parallel-bottom&quot;&gt;\n        &lt;div class=&quot;l-header__gnav mv&quot;&gt;\n            &lt;?php\n                wp_nav_menu([\n                    &#39;menu&#39;        =&gt; 94,\n                    &#39;container&#39;   =&gt; false,\n                    &#39;items_wrap&#39;  =&gt; &#39;&lt;ul class=&quot;c-gnav&quot;&gt;%3$s&lt;\/ul&gt;&#39;,\n                    &#39;link_before&#39; =&gt; &#39;&lt;span class=&quot;ttl&quot;&gt;&#39;,\n                    &#39;link_after&#39;  =&gt; &#39;&lt;\/span&gt;&#39;,\n                ]);\n            ?&gt;\n        &lt;\/div&gt;\n    &lt;\/div&gt;\n    &lt;?php\n    return ob_get_clean();\n}\nadd_shortcode( &#39;swell_main_navi_menu&#39;, &#39;swell_main_navi_menu_shortcode&#39; );<\/code><\/pre><\/div>\n\n\n\n<p>CSS\u306f\u4ee5\u4e0b\u306e\u901a\u308a\u3002<\/p>\n\n\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-css\" data-lang=\"CSS\"><code>@media (min-width: 960px) {\n    .-parallel .l-header__inner {\n        display:flex;\n        flex-wrap: wrap;\n        max-width: 100%;\n        padding-left: 0;\n        padding-right: 0\n    }\n\n    .-parallel .l-header__logo {\n        text-align: center;\n        width: 100%\n    }\n\n    .-parallel .l-header__logo .c-catchphrase {\n        font-size: 12px;\n        line-height: 1;\n        margin-top: 16px\n    }\n\n    .-parallel .l-header__gnav {\n        width: 100%\n    }\n\n    .-parallel .l-header__gnav .c-gnav {\n        justify-content: space-between;\n        max-width: 1200px;\n        width: 100%;\n        justify-self: center;\n    }\n\n    .-parallel .l-header__gnav .c-gnav&gt;li&gt;a {\n        padding: 2em 16px;\n    }\n\n    .-parallel .c-headLogo.-txt,.-parallel .w-header {\n        justify-content: center\n    }\n\n    .-parallel .w-header {\n        margin-bottom: 8px;\n        margin-top: 8px\n    }\n\n    .-parallel-bottom .l-header__inner {\n        padding-top: 8px\n    }\n\n    .-parallel-bottom .l-header__logo {\n        order: 1;\n        padding: 16px 0\n    }\n\n    .-parallel-bottom .w-header {\n        order: 2\n    }\n\n    .-parallel-bottom .l-header__gnav {\n        order: 3\n    }\n\n    .-parallel-top .l-header__inner {\n        padding-bottom: 8px\n    }\n\n    .-parallel-top .l-header__gnav {\n        order: 1\n    }\n\n    .-parallel-top .l-header__logo {\n        order: 2;\n        padding: 16px 0\n    }\n\n    .-parallel-top .w-header {\n        order: 3\n    }\n\n    .l-header.-parallel .w-header {\n        width: 100%\n    }\n\n    .l-fixHeader.-parallel .l-fixHeader__gnav {\n        margin-left: auto\n    }\n}\n\n.l-header__gnav.mv {\n    background-color: #1C1C1C;\n    color: #fff;\n}\n\n.l-header__gnav.mv .c-gnav&gt;.menu-item {\n    width: 100%;\n}\n\n.l-header__gnav.mv .c-gnav&gt;.menu-item:hover {\n    background-color: #fff;\n    color: #333;\n}<\/code><\/pre><\/div>\n\n\n\n<p>\u3042\u3068\u306f\u3042\u308b\u65b9\u6cd5\u3092\u4f7f\u3063\u3066\u3001\u30d8\u30c3\u30c0\u30fc\u4e0b\u306b\u5148\u7a0b\u306e\u4f5c\u6210\u3057\u305f\u30b7\u30e7\u30fc\u30c8\u30b3\u30fc\u30c9\u3092\u8868\u793a\u3055\u305b\u307e\u3059\u3002<\/p>\n\n\n\n<div class=\"wp-block-codoc-codoc-block\"><div class=\"codoc-entries\" data-without-body=\"1\" id=\"codoc-entry-0qcNNzmLtQ\" ><\/div><\/div>","protected":false},"excerpt":{"rendered":"<p>SWELL\u306b\u306f\u69d8\u3005\u306a\u30d5\u30c3\u30af\u304c\u3042\u3063\u305f\u308a\u3001\u30b3\u30fc\u30c9\u3092\u4e0a\u66f8\u304d\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u308b\u306e\u3067\u3059\u304c\u3001 \u30d8\u30c3\u30c0\u30fc\u3068\u8a18\u4e8b\u672c\u6587\u306e\u9593\u306b\u30b3\u30f3\u30c6\u30f3\u30c4\u3092\u5165\u308c\u308b\u306e\u304c\u610f\u5916\u3068\u96e3\u3057\u3044\u3067\u3059\u3002 \u3044\u308d\u3044\u308dSWELL\u306e\u3053\u3068\u3092\u8abf\u3079\u305f\u7d50\u679c\u3001\u975e\u7834\u58ca\uff65\u89aa\u30c6\u30fc\u30de\u3067\u3082\u633f\u5165\u3059\u308b\u3053\u3068\u304c\u3067 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":26679,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"pochipp_cv_data":"","swell_btn_cv_data":"","footnotes":""},"categories":[110],"tags":[],"area":[],"class_list":["post-26676","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\/26676","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=26676"}],"version-history":[{"count":2,"href":"https:\/\/motoki-design.co.jp\/wordpress\/wp-json\/wp\/v2\/posts\/26676\/revisions"}],"predecessor-version":[{"id":26681,"href":"https:\/\/motoki-design.co.jp\/wordpress\/wp-json\/wp\/v2\/posts\/26676\/revisions\/26681"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/motoki-design.co.jp\/wordpress\/wp-json\/wp\/v2\/media\/26679"}],"wp:attachment":[{"href":"https:\/\/motoki-design.co.jp\/wordpress\/wp-json\/wp\/v2\/media?parent=26676"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/motoki-design.co.jp\/wordpress\/wp-json\/wp\/v2\/categories?post=26676"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/motoki-design.co.jp\/wordpress\/wp-json\/wp\/v2\/tags?post=26676"},{"taxonomy":"area","embeddable":true,"href":"https:\/\/motoki-design.co.jp\/wordpress\/wp-json\/wp\/v2\/area?post=26676"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}