{"id":3156,"date":"2023-03-01T19:12:00","date_gmt":"2023-03-01T10:12:00","guid":{"rendered":"https:\/\/kanehara.net\/forestcafe-block\/?p=3156"},"modified":"2023-03-14T14:12:32","modified_gmt":"2023-03-14T05:12:32","slug":"%e8%83%8c%e6%99%af%e7%94%bb%e5%83%8f%e3%83%bb%e8%83%8c%e6%99%af%e8%89%b2%e3%81%ae%e8%a8%ad%e5%ae%9a%ef%bc%88%e5%a4%96%e8%a6%b3%ef%bc%8d%e3%82%a6%e3%82%a3%e3%82%b8%e3%82%a7%e3%83%83%e3%83%88%e3%81%8b","status":"publish","type":"post","link":"https:\/\/full-site-patterner.com\/en\/how-to-use\/3156\/","title":{"rendered":"Background image\/bac\u2026"},"content":{"rendered":"\n<p>Block themes can be customized by specifying the background color of elements such as groups (divs) on the editor screen.<\/p>\n\n\n\n<p>Elements can specify text color, border color, style, etc.<\/p>\n\n\n\n<p>However, it is not possible to specify a background image for the entire site.<\/p>\n\n\n\n<p>There are several ways to achieve this, but&nbsp;in &#8221;&nbsp;<strong>FullSite-Patterner<\/strong>&nbsp;&#8220;, we have prepared&nbsp;<strong>some style setting menus such as specifying the background image of the site as follows.<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized has-custom-border\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.full-site-patterner.com\/en\/wp-content\/uploads\/2023\/03\/2023010105-2.jpg\" alt=\"\" class=\"has-border-color has-black-border-color wp-image-3253\" style=\"border-width:1px\" width=\"740\" height=\"442\" srcset=\"https:\/\/full-site-patterner.com\/en\/wp-content\/uploads\/2023\/03\/2023010105-2.jpg 986w, https:\/\/full-site-patterner.com\/en\/wp-content\/uploads\/2023\/03\/2023010105-2-300x179.jpg 300w, https:\/\/full-site-patterner.com\/en\/wp-content\/uploads\/2023\/03\/2023010105-2-768x459.jpg 768w\" sizes=\"auto, (max-width: 740px) 100vw, 740px\" \/><\/figure>\n\n\n\n<p>Upload the image you want to use as the background image, go to\u00a0<strong>&#8220;Appearance&#8221; &#8211; &#8220;Widget&#8221; ,\u00a0insert the &#8220;Custom HTML&#8221; block<\/strong>\u00a0in the &#8220;Background image&#8221; item , and\u00a0<strong>paste<\/strong>\u00a0the URL of the image there\u00a0.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized has-custom-border\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.full-site-patterner.com\/en\/wp-content\/uploads\/2023\/03\/2023010106-2.jpg\" alt=\"\" class=\"has-border-color has-black-border-color wp-image-3254\" style=\"border-width:1px\" width=\"635\" height=\"389\" srcset=\"https:\/\/full-site-patterner.com\/en\/wp-content\/uploads\/2023\/03\/2023010106-2.jpg 847w, https:\/\/full-site-patterner.com\/en\/wp-content\/uploads\/2023\/03\/2023010106-2-300x183.jpg 300w, https:\/\/full-site-patterner.com\/en\/wp-content\/uploads\/2023\/03\/2023010106-2-768x470.jpg 768w\" sizes=\"auto, (max-width: 635px) 100vw, 635px\" \/><\/figure>\n\n\n\n<p>You can specify the background image of the part immediately after the header of the site.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized has-custom-border\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.full-site-patterner.com\/en\/wp-content\/uploads\/2023\/03\/2023010107-2.jpg\" alt=\"\" class=\"has-border-color has-black-border-color wp-image-3255\" style=\"border-width:1px\" width=\"670\" height=\"444\" srcset=\"https:\/\/full-site-patterner.com\/en\/wp-content\/uploads\/2023\/03\/2023010107-2.jpg 893w, https:\/\/full-site-patterner.com\/en\/wp-content\/uploads\/2023\/03\/2023010107-2-300x199.jpg 300w, https:\/\/full-site-patterner.com\/en\/wp-content\/uploads\/2023\/03\/2023010107-2-768x509.jpg 768w\" sizes=\"auto, (max-width: 670px) 100vw, 670px\" \/><\/figure>\n\n\n\n<p>The image URL\u00a0<strong>specified in the widget\u00a0is inserted in &#8220;functions\/head-style.php&#8221; in the theme folder<\/strong>\u00a0and inserted in the head of the page.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized has-custom-border\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.full-site-patterner.com\/en\/wp-content\/uploads\/2023\/03\/2023010108-2.jpg\" alt=\"\" class=\"has-border-color has-black-border-color wp-image-3257\" style=\"border-width:1px\" width=\"664\" height=\"437\" srcset=\"https:\/\/full-site-patterner.com\/en\/wp-content\/uploads\/2023\/03\/2023010108-2.jpg 885w, https:\/\/full-site-patterner.com\/en\/wp-content\/uploads\/2023\/03\/2023010108-2-300x197.jpg 300w, https:\/\/full-site-patterner.com\/en\/wp-content\/uploads\/2023\/03\/2023010108-2-768x505.jpg 768w\" sizes=\"auto, (max-width: 664px) 100vw, 664px\" \/><\/figure>\n\n\n\n<p>After filling it out\u00a0, click the &#8221;\u00a0<strong>Update &#8221; button and the logo will be displayed on the site, so let&#8217;s check it.<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized has-custom-border\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.full-site-patterner.com\/en\/wp-content\/uploads\/2023\/03\/2023010109-2.jpg\" alt=\"\" class=\"has-border-color has-black-border-color wp-image-3258\" style=\"border-width:1px\" width=\"699\" height=\"383\" srcset=\"https:\/\/full-site-patterner.com\/en\/wp-content\/uploads\/2023\/03\/2023010109-2.jpg 932w, https:\/\/full-site-patterner.com\/en\/wp-content\/uploads\/2023\/03\/2023010109-2-300x164.jpg 300w, https:\/\/full-site-patterner.com\/en\/wp-content\/uploads\/2023\/03\/2023010109-2-768x421.jpg 768w\" sizes=\"auto, (max-width: 699px) 100vw, 699px\" \/><\/figure>\n\n\n\n<p>The data saved in &#8220;Appearance&#8221; &#8211; &#8221;&nbsp;Widgets&nbsp;<strong>&#8220;<\/strong>&nbsp;will be saved&nbsp;<strong>in the database of the server .<\/strong><\/p>\n\n\n\n<p>To back up, you need a plugin.&nbsp;<strong>The plug-in &#8220;Widget Importer &amp; Exporter&#8221;<\/strong>&nbsp;is recommended for&nbsp;exporting<br><strong>and importing widgets .<\/strong><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Block themes can be customized by specifying the background color of elements such as groups (divs) on the editor screen. Elements can specify text color, border color, style, etc. However, it is not possible to specify a background image for\u2026<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[10],"tags":[],"class_list":["post-3156","post","type-post","status-publish","format-standard","hentry","category-how-to-use"],"_links":{"self":[{"href":"https:\/\/full-site-patterner.com\/en\/wp-json\/wp\/v2\/posts\/3156","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/full-site-patterner.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/full-site-patterner.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/full-site-patterner.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/full-site-patterner.com\/en\/wp-json\/wp\/v2\/comments?post=3156"}],"version-history":[{"count":1,"href":"https:\/\/full-site-patterner.com\/en\/wp-json\/wp\/v2\/posts\/3156\/revisions"}],"predecessor-version":[{"id":4410,"href":"https:\/\/full-site-patterner.com\/en\/wp-json\/wp\/v2\/posts\/3156\/revisions\/4410"}],"wp:attachment":[{"href":"https:\/\/full-site-patterner.com\/en\/wp-json\/wp\/v2\/media?parent=3156"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/full-site-patterner.com\/en\/wp-json\/wp\/v2\/categories?post=3156"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/full-site-patterner.com\/en\/wp-json\/wp\/v2\/tags?post=3156"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}