{"id":86,"date":"2020-09-21T16:11:11","date_gmt":"2020-09-21T16:11:11","guid":{"rendered":"https:\/\/docs.softhopper.studio\/anno\/?post_type=ht_kb&#038;p=86"},"modified":"2021-11-29T14:55:45","modified_gmt":"2021-11-29T14:55:45","slug":"header-footer-builder","status":"publish","type":"ht_kb","link":"https:\/\/docs.softhopper.studio\/anno\/knowledge-base\/header-footer-builder\/","title":{"rendered":"Header Footer Builder"},"content":{"rendered":"\n<p>Go at the WordPress dashboard, then find the Anno Template menu. Here you can added template for header, footer template.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"611\" src=\"https:\/\/docs.softhopper.studio\/anno\/wp-content\/uploads\/sites\/2\/2020\/09\/anno-template-1024x611.png\" alt=\"\" class=\"wp-image-89\" srcset=\"https:\/\/docs.softhopper.studio\/anno\/wp-content\/uploads\/sites\/2\/2020\/09\/anno-template-1024x611.png 1024w, https:\/\/docs.softhopper.studio\/anno\/wp-content\/uploads\/sites\/2\/2020\/09\/anno-template-300x179.png 300w, https:\/\/docs.softhopper.studio\/anno\/wp-content\/uploads\/sites\/2\/2020\/09\/anno-template-768x458.png 768w, https:\/\/docs.softhopper.studio\/anno\/wp-content\/uploads\/sites\/2\/2020\/09\/anno-template-50x30.png 50w, https:\/\/docs.softhopper.studio\/anno\/wp-content\/uploads\/sites\/2\/2020\/09\/anno-template-920x549.png 920w, https:\/\/docs.softhopper.studio\/anno\/wp-content\/uploads\/sites\/2\/2020\/09\/anno-template-600x358.png 600w, https:\/\/docs.softhopper.studio\/anno\/wp-content\/uploads\/sites\/2\/2020\/09\/anno-template-320x191.png 320w, https:\/\/docs.softhopper.studio\/anno\/wp-content\/uploads\/sites\/2\/2020\/09\/anno-template.png 1453w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>How you can build header and footer &#8211; <\/p>\n\n\n\n<figure class=\"wp-block-embed-youtube wp-block-embed is-type-video is-provider-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"How to Create Header Template\" width=\"920\" height=\"518\" src=\"https:\/\/www.youtube.com\/embed\/sud9tPTLRYQ?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<p>Same way you can build footer as well. In customization section we show how you can use this header and footer<\/p>\n\n\n\n<p>Here is another example &#8211; <\/p>\n\n\n\n<figure class=\"wp-block-embed-youtube wp-block-embed is-type-video is-provider-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"Setting Up Header\" width=\"920\" height=\"518\" src=\"https:\/\/www.youtube.com\/embed\/XEWmguVxjno?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<p>For mobile editing please check this link &#8211; <a href=\"https:\/\/www.awesomescreenshot.com\/video\/6207658?key=16845b7f27f8cf44d869bf5f481f9679\">https:\/\/www.awesomescreenshot.com\/video\/6207658?key=16845b7f27f8cf44d869bf5f481f9679<\/a><\/p>\n","protected":false},"author":1,"comment_status":"open","ping_status":"closed","template":"","format":"standard","meta":{"footnotes":""},"ht_kb_category":[4],"ht_kb_tag":[],"class_list":["post-86","ht_kb","type-ht_kb","status-publish","format-standard","hentry","ht_kb_category-page-builder-customization"],"_links":{"self":[{"href":"https:\/\/docs.softhopper.studio\/anno\/wp-json\/wp\/v2\/ht_kb\/86","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/docs.softhopper.studio\/anno\/wp-json\/wp\/v2\/ht_kb"}],"about":[{"href":"https:\/\/docs.softhopper.studio\/anno\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/docs.softhopper.studio\/anno\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/docs.softhopper.studio\/anno\/wp-json\/wp\/v2\/comments?post=86"}],"version-history":[{"count":6,"href":"https:\/\/docs.softhopper.studio\/anno\/wp-json\/wp\/v2\/ht_kb\/86\/revisions"}],"predecessor-version":[{"id":155,"href":"https:\/\/docs.softhopper.studio\/anno\/wp-json\/wp\/v2\/ht_kb\/86\/revisions\/155"}],"wp:attachment":[{"href":"https:\/\/docs.softhopper.studio\/anno\/wp-json\/wp\/v2\/media?parent=86"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/docs.softhopper.studio\/anno\/wp-json\/wp\/v2\/ht_kb_category?post=86"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/docs.softhopper.studio\/anno\/wp-json\/wp\/v2\/ht_kb_tag?post=86"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}