{"id":3587,"date":"2020-11-12T00:04:13","date_gmt":"2020-11-12T00:04:13","guid":{"rendered":"https:\/\/littlethemeshop.com\/?p=3587"},"modified":"2021-07-14T23:17:30","modified_gmt":"2021-07-14T23:17:30","slug":"header-images","status":"publish","type":"post","link":"https:\/\/littlethemeshop.com\/documentation\/header-images\/","title":{"rendered":"Header Images"},"content":{"rendered":"\n
\"\"<\/figure><\/div>\n\n\n\n

All page templates (with the exception of the plain default page template) come with a top header image, as seen above. To add an image to the header, you need to use the Gutenberg Block Editor. It won’t work with the Classic Editor. <\/strong>If you’re new to WordPress and don’t know which editor you have, you most likely have the Block Editor since that’s the default one.<\/p>\n\n\n\n

Here’s how to get started:<\/p>\n\n\n\n

  1. First, create a page by going to Pages > Add New<\/strong> in your dashboard.<\/li>
  2. While editing the page, add a block by clicking on the blue plus sign at the top left of your page or the black plus sign at the bottom right-hand part of your page. <\/li><\/ol>\n\n\n\n

    Note: WordPress keeps changing the location and look of these buttons, so don’t panic if you can’t find them. Basically, you just need to add a block<\/strong>, wherever that might be, on your particular editing screen.<\/em><\/p>\n\n\n\n

    \"\"<\/figure><\/div>\n\n\n\n
    1. Next, add the “cover” block to your screen. If you can’t find the block, you can search for it by typing “cover.”<\/li><\/ol>\n\n\n\n
      \"\"<\/figure><\/div>\n\n\n\n
      1. Next, click on “upload” to upload a picture. WordPress also lets you add text on top of the picture, but it’s optional and not really recommended as it doesn’t really go with the design.<\/li><\/ol>\n\n\n\n
        \"\"<\/figure><\/div>\n\n\n\n
        1. Before saving, make sure to choose a template from the dropdown menu under Post Attributes<\/strong> (for 5.8 and above, simply look for Template<\/strong>) in the bottom right-hand part of the side menu.<\/li>
        2. After saving, check the page to now see your new header image. To change the color overlay, the option for that is under Appearance > Customize > Honeyglow Options > Color Options.<\/strong><\/li>
        3. For whatever reason if you choose not <\/em>to upload a picture, the design will fall back to a solid color.<\/li><\/ol>\n\n\n\n
          \"\"<\/figure><\/div>\n\n\n\n

          <\/p>\n","protected":false},"excerpt":{"rendered":"

          All page templates (with the exception of the plain default page template) come with a top header image, as seen above. To add an image to the header, you need to use the Gutenberg Block…<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"single-documentation.php","format":"standard","meta":{"footnotes":""},"categories":[281],"tags":[317,331],"class_list":["post-3587","post","type-post","status-publish","format-standard","hentry","category-documentation","tag-documentation","tag-honeyglow"],"_links":{"self":[{"href":"https:\/\/littlethemeshop.com\/wp-json\/wp\/v2\/posts\/3587"}],"collection":[{"href":"https:\/\/littlethemeshop.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/littlethemeshop.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/littlethemeshop.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/littlethemeshop.com\/wp-json\/wp\/v2\/comments?post=3587"}],"version-history":[{"count":0,"href":"https:\/\/littlethemeshop.com\/wp-json\/wp\/v2\/posts\/3587\/revisions"}],"wp:attachment":[{"href":"https:\/\/littlethemeshop.com\/wp-json\/wp\/v2\/media?parent=3587"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/littlethemeshop.com\/wp-json\/wp\/v2\/categories?post=3587"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/littlethemeshop.com\/wp-json\/wp\/v2\/tags?post=3587"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}