{"id":4993,"date":"2022-01-03T21:47:37","date_gmt":"2022-01-03T21:47:37","guid":{"rendered":"https:\/\/littlethemeshop.com\/?p=4993"},"modified":"2023-10-04T08:50:29","modified_gmt":"2023-10-04T08:50:29","slug":"page-header-images-block","status":"publish","type":"post","link":"https:\/\/littlethemeshop.com\/documentation\/page-header-images-block\/","title":{"rendered":"Page Header Images"},"content":{"rendered":"\n
\"\"<\/figure>\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

    \n
  1. First, create a page by going to Pages > Add New<\/strong> in your dashboard.<\/li>\n\n\n\n
  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>\n<\/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>\n\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>\n<\/ol>\n\n\n\n
      \"\"<\/figure>\n\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>\n<\/ol>\n\n\n\n
        \"\"<\/figure>\n\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>\n\n\n\n
        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>\n\n\n\n
        3. For whatever reason if you choose not <\/em>to upload a picture, the design will fall back to a solid color.<\/li>\n<\/ol>\n\n\n\n
          \"\"<\/figure>\n\n\n\n

          Depending on your WordPress version, you might realize that the block has a “block as unexpected or invalid content.” If this happens, just click on “attempt block recovery” to bring it back. Just one of the many annoying<\/s> quirks of Gutenberg.<\/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-block.php","format":"standard","meta":{"footnotes":""},"categories":[281],"tags":[347,284],"class_list":["post-4993","post","type-post","status-publish","format-standard","hentry","category-documentation","tag-honey-block","tag-wordpress"],"_links":{"self":[{"href":"https:\/\/littlethemeshop.com\/wp-json\/wp\/v2\/posts\/4993"}],"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=4993"}],"version-history":[{"count":4,"href":"https:\/\/littlethemeshop.com\/wp-json\/wp\/v2\/posts\/4993\/revisions"}],"predecessor-version":[{"id":6208,"href":"https:\/\/littlethemeshop.com\/wp-json\/wp\/v2\/posts\/4993\/revisions\/6208"}],"wp:attachment":[{"href":"https:\/\/littlethemeshop.com\/wp-json\/wp\/v2\/media?parent=4993"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/littlethemeshop.com\/wp-json\/wp\/v2\/categories?post=4993"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/littlethemeshop.com\/wp-json\/wp\/v2\/tags?post=4993"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}