{"id":21953,"date":"2022-03-30T14:26:00","date_gmt":"2022-03-30T05:26:00","guid":{"rendered":"https:\/\/motoki-design.co.jp\/wordpress\/?p=21953"},"modified":"2024-09-05T15:18:24","modified_gmt":"2024-09-05T06:18:24","slug":"swell-footer-logo","status":"publish","type":"post","link":"https:\/\/motoki-design.co.jp\/wordpress\/swell-footer-logo\/","title":{"rendered":"SWELL\u2502\u30d5\u30c3\u30bf\u30fc\u306b\u30ed\u30b4\u3092\u5165\u308c\u308b\u65b9\u6cd5"},"content":{"rendered":"\n<p>\u30d5\u30c3\u30bf\u30fc\u306b\u3082\u30b5\u30a4\u30c8\u30ed\u30b4\u3092\u5165\u308c\u305f\u304f\u306a\u308b\u3053\u3068\u306f\u306a\u3044\u3067\u3057\u3087\u3046\u304b\uff1f<\/p>\n\n\n\n<p>SWELL\u306e\u30d5\u30c3\u30af\u3092\u7528\u3044\u308b\u3068\u3001\u7c21\u5358\u306b\u633f\u5165\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"741\" height=\"226\" src=\"https:\/\/motoki-design.co.jp\/wordpress\/wp-content\/uploads\/2023-03-30_14h22_36.png\" alt=\"\" class=\"wp-image-21954\" srcset=\"https:\/\/motoki-design.co.jp\/wordpress\/wp-content\/uploads\/2023-03-30_14h22_36.png 741w, https:\/\/motoki-design.co.jp\/wordpress\/wp-content\/uploads\/2023-03-30_14h22_36-382x117.png 382w\" sizes=\"(max-width: 741px) 100vw, 741px\" \/><\/figure>\n\n\n\n<p>\u203b\u30ed\u30b4\u8a2d\u5b9a\u306f\u30d8\u30c3\u30c0\u30fc\u3068\u9023\u52d5\u3057\u305f\u307e\u307e\u3067\u3059\u3002<\/p>\n\n\n\n<p>\u672c\u8a18\u4e8b\u3067\u306fSWELL\u3067\u30d5\u30c3\u30bf\u30fc\u306b\u30ed\u30b4\u3092\u5165\u308c\u308b\u65b9\u6cd5\u3092\u7d39\u4ecb\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">SWELL\u3067\u30d5\u30c3\u30bf\u30fc\u306b\u30ed\u30b4\u3092\u5165\u308c\u308b\u65b9\u6cd5<\/h2>\n\n\n\n<p>SWELL\u3067\u30d5\u30c3\u30bf\u30fc\u306b\u30ed\u30b4\u3092\u5165\u308c\u308b\u65b9\u6cd5\u306f\u30d5\u30c3\u30af\u3092\u4f7f\u3063\u3066\u30ed\u30b4\u3092\u633f\u5165\u3057\u3066\u3001CSS\u3067\u898b\u305f\u76ee\u3092\u6574\u3048\u308b\u3060\u3051\u3067\u3059\u3002<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\u30ed\u30b4\u306e\u8868\u793a<\/h3>\n\n\n\n<p>\u7ba1\u7406\u753b\u9762 \uff1e \u5916\u89b3 \uff1e functions.php\u306b\u4e0b\u8a18\u306e\u30b3\u30fc\u30c9\u3092\u633f\u5165\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<p><strong>swell_after_copyright<\/strong>\u3092\u5229\u7528\u3057\u3066\u3044\u307e\u3059\u3002<\/p>\n\n\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-php\" data-file=\"functions.php\" data-lang=\"PHP\"><code>add_action(&#39;swell_after_copyright&#39;, function() {\n    echo SWELL_PARTS::head_logo( &#39;no&#39;, true ); \n});<\/code><\/pre><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">CSS\u3067\u8abf\u6574<\/h3>\n\n\n\n<p>CSS\u306f\u4ee5\u4e0b\u306e\u901a\u308a\u3067\u3059\u3002<\/p>\n\n\n\n<p>style.css\u7b49\u306b\u633f\u5165\u3057\u307e\u3057\u3087\u3046\u3002<\/p>\n\n\n\n<div class=\"wp-block-group has-border -border01\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<p>2024.5\u8ffd\u8a18\u3000<code>-webkit-backface-visibility: hidden;<\/code><\/p>\n\n\n\n<p>\u30d5\u30c3\u30bf\u30fc\u306e\u30ed\u30b4\u753b\u50cf\u304c\u307c\u3084\u3051\u308b\u306e\u3092\u5bfe\u7b56\u3057\u307e\u3057\u305f\u3002<\/p>\n<\/div><\/div>\n\n\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-css\" data-file=\"style.css\" data-lang=\"CSS\"><code>#footer .c-headLogo.-img {\n    display: block;\n    position: absolute;\n    left: 50%;\n    transform: translateX(-50%);\n    bottom: 110px; \/* \u30ed\u30b4\u306b\u5408\u308f\u305b\u3066\u9ad8\u3055\u8abf\u6574 *\/\n    -webkit-backface-visibility: hidden;\/* \u30ed\u30b4\u753b\u50cf\u304c\u307c\u3084\u3051\u308b\u306e\u3092\u5bfe\u7b56 *\/\n    image-rendering: -webkit-optimize-contrast;\n}\n@media (max-width: 768px) {\n\t#footer .c-headLogo.-img {\n\t\tbottom: 90px;  \/* \u30ed\u30b4\u306b\u5408\u308f\u305b\u3066\u9ad8\u3055\u8abf\u6574 *\/\n\t}\n}<\/code><\/pre><\/div>\n\n\n\n<p>\u30d5\u30c3\u30bf\u30fc\u30e1\u30cb\u30e5\u30fc\u3068\u30ed\u30b4\u306e\u4f59\u767d\u306f\u3001\u4e0b\u8a18\u3092\u8abf\u6574\u3057\u3066\u307f\u3066\u304f\u3060\u3055\u3044\u3002<\/p>\n\n\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-css\" data-lang=\"CSS\"><code>.l-footer__foot {\n    padding-top: 6em;\n}<\/code><\/pre><\/div>\n\n\n\n<p>\u4ee5\u4e0a\u3067\u30ed\u30b4\u304c\u5165\u308a\u307e\u3057\u305f\u3002<\/p>\n\n\n\n<p>\u30d5\u30c3\u30bf\u30fc\u30a6\u30a3\u30b8\u30a7\u30c3\u30c8\u3092\u7528\u3044\u3066\u3044\u308b\u4eba\u306f\u3055\u3089\u306bCSS\u3092\u8abf\u6574\u3057\u307e\u3057\u3087\u3046\u3002<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"741\" height=\"226\" src=\"https:\/\/motoki-design.co.jp\/wordpress\/wp-content\/uploads\/2023-03-30_14h22_36.png\" alt=\"\" class=\"wp-image-21954\" srcset=\"https:\/\/motoki-design.co.jp\/wordpress\/wp-content\/uploads\/2023-03-30_14h22_36.png 741w, https:\/\/motoki-design.co.jp\/wordpress\/wp-content\/uploads\/2023-03-30_14h22_36-382x117.png 382w\" sizes=\"(max-width: 741px) 100vw, 741px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">\u5fdc\u7528<\/h2>\n\n\n\n<p>\u3053\u306e\u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u306e\u5fdc\u7528\u3092\u8a18\u8f09\u3057\u3066\u304a\u304d\u307e\u3059\u3002<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\u30d5\u30c3\u30bf\u30fc\u306e\u30ed\u30b4\u753b\u50cf\u3092\u767d\u3084\u9ed2\u306a\u3069\u306e\u8272\u306b\u4e0a\u66f8\u304d\u3057\u305f\u3044<\/h3>\n\n\n\n<p>CSS\u306efilter\u3092\u4f7f\u3063\u3066\u30ed\u30b4\u753b\u50cf\u306e\u8272\u3092\u5909\u66f4\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">\u9ed2\u306e\u5834\u5408<\/h4>\n\n\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-css\" data-lang=\"CSS\"><code>#footer .c-headLogo__img {\n    filter: brightness(0) invert(1);\n}<\/code><\/pre><\/div>\n\n\n\n<h4 class=\"wp-block-heading\">\u767d\u306e\u5834\u5408<\/h4>\n\n\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-css\" data-lang=\"CSS\"><code>#footer .c-headLogo__img {\n    filter: invert(1) brightness(2) contrast(1);\n}<\/code><\/pre><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">\u30d5\u30c3\u30bf\u30fc\u306e\u30ed\u30b4\u753b\u50cf\u3092\u5225\u306e\u753b\u50cf\u306b\u5dee\u3057\u66ff\u3048\u305f\u3044<\/h3>\n\n\n\n<p>\u4ee5\u4e0b\u306e\u30b3\u30fc\u30c9\u3092functions.php\u306b\u8a18\u8f09\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-php\" data-file=\"functions.php\" data-lang=\"PHP\"><code>function motoki_changeFooterLogo() {\necho &lt;&lt;&lt; EOM\n    &lt;script&gt;\n\t\t\twindow.onload = function() {\n\t\t\t\tvar footerLogo = document.querySelector(&#39;#footer .c-headLogo.-img .c-headLogo__img&#39;);\n\t\t\t\tif (footerLogo) {\n\t\t\t\t\tfooterLogo.src = &#39;https:\/\/motoki-design.co.jp\/wordpress\/wp-content\/uploads\/2023\/12\/logo2.png&#39;;\n\t\t\t\t\tfooterLogo.srcset = &#39;&#39;;\n\t\t\t\t}\n\t\t\t};\n    &lt;\/script&gt;\nEOM;\n}\nadd_action(&#39;wp_print_footer_scripts&#39;, &#39;motoki_changeFooterLogo&#39;);<\/code><\/pre><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">\u307e\u3068\u3081<\/h2>\n\n\n\n<p>\u898b\u305f\u76ee\u7684\u306b\u7269\u5bc2\u3057\u304f\u306a\u308b\u30d5\u30c3\u30bf\u30fc\u3002<\/p>\n\n\n\n<p>\u4f01\u696d\u3084\u30e1\u30c7\u30a3\u30a2\u3092\u5f37\u8abf\u3059\u308b\u6642\u306b\u30ed\u30b4\u30a4\u30e1\u30fc\u30b8\u306f\u898b\u305f\u76ee\u7684\u306b\u826f\u304b\u3063\u305f\u308a\u3059\u308b\u3053\u3068\u304c\u3042\u308a\u307e\u3059\u306e\u3067\u3001<\/p>\n\n\n\n<p>SWELL\u306e\u65b9\u306f\u662f\u975e\u53c2\u8003\u306b\u3057\u3066\u307f\u3066\u304f\u3060\u3055\u3044\u3002<\/p>\n\n\n\n<p>\u3061\u306a\u307f\u306b\u4ed6\u306e\u30c6\u30fc\u30de\u3067\u3082#footer\u306b\u7591\u4f3c\u8981\u7d20\u3067\u30ed\u30b4\u3092\u8868\u793a\u3059\u308b\u3053\u3068\u3082\u3067\u304d\u307e\u3059\u3002<\/p>\n","protected":false},"excerpt":{"rendered":"[custom_field field=\"readtime\"]\n","protected":false},"author":1,"featured_media":21958,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"pochipp_cv_data":"","swell_btn_cv_data":"","footnotes":""},"categories":[110],"tags":[],"area":[],"class_list":["post-21953","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\/21953","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=21953"}],"version-history":[{"count":4,"href":"https:\/\/motoki-design.co.jp\/wordpress\/wp-json\/wp\/v2\/posts\/21953\/revisions"}],"predecessor-version":[{"id":25396,"href":"https:\/\/motoki-design.co.jp\/wordpress\/wp-json\/wp\/v2\/posts\/21953\/revisions\/25396"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/motoki-design.co.jp\/wordpress\/wp-json\/wp\/v2\/media\/21958"}],"wp:attachment":[{"href":"https:\/\/motoki-design.co.jp\/wordpress\/wp-json\/wp\/v2\/media?parent=21953"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/motoki-design.co.jp\/wordpress\/wp-json\/wp\/v2\/categories?post=21953"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/motoki-design.co.jp\/wordpress\/wp-json\/wp\/v2\/tags?post=21953"},{"taxonomy":"area","embeddable":true,"href":"https:\/\/motoki-design.co.jp\/wordpress\/wp-json\/wp\/v2\/area?post=21953"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}