{"id":664,"date":"2016-11-21T09:43:36","date_gmt":"2016-11-21T09:43:36","guid":{"rendered":"https:\/\/blogs.ncl.ac.uk\/t4\/?p=664"},"modified":"2024-07-08T11:42:33","modified_gmt":"2024-07-08T10:42:33","slug":"footer-logos-2","status":"publish","type":"post","link":"https:\/\/blogs.ncl.ac.uk\/t4\/2016\/11\/21\/footer-logos-2\/","title":{"rendered":"Footer Logos"},"content":{"rendered":"<p>Using the new Research and Conferences template, you can add a set of logos (from partners or sponsors) to the bottom of your page and make them link to other webpages.<\/p>\n<p><a href=\"https:\/\/blogs.ncl.ac.uk\/t4\/files\/2016\/11\/footerlogos.fw_.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-666\" src=\"https:\/\/blogs.ncl.ac.uk\/t4\/files\/2016\/11\/footerlogos.fw_-300x183.png\" alt=\"footerlogos-fw\" width=\"300\" height=\"183\" srcset=\"https:\/\/blogs.ncl.ac.uk\/t4\/files\/2016\/11\/footerlogos.fw_-300x183.png 300w, https:\/\/blogs.ncl.ac.uk\/t4\/files\/2016\/11\/footerlogos.fw_-768x468.png 768w, https:\/\/blogs.ncl.ac.uk\/t4\/files\/2016\/11\/footerlogos.fw_-1024x624.png 1024w, https:\/\/blogs.ncl.ac.uk\/t4\/files\/2016\/11\/footerlogos.fw_-492x300.png 492w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>To do this, you need to create a hidden section called &#8220;Footer Logo Banner&#8221; and add a piece of &#8220;Slick Logo Slider&#8221; content inside it.<\/p>\n<p><a href=\"https:\/\/blogs.ncl.ac.uk\/t4\/files\/2016\/11\/FooterLogos.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-1031 size-medium\" src=\"https:\/\/blogs.ncl.ac.uk\/t4\/files\/2016\/11\/FooterLogos-300x142.png\" alt=\"\" width=\"300\" height=\"142\" srcset=\"https:\/\/blogs.ncl.ac.uk\/t4\/files\/2016\/11\/FooterLogos-300x142.png 300w, https:\/\/blogs.ncl.ac.uk\/t4\/files\/2016\/11\/FooterLogos-1024x485.png 1024w, https:\/\/blogs.ncl.ac.uk\/t4\/files\/2016\/11\/FooterLogos-768x364.png 768w, https:\/\/blogs.ncl.ac.uk\/t4\/files\/2016\/11\/FooterLogos-1536x728.png 1536w, https:\/\/blogs.ncl.ac.uk\/t4\/files\/2016\/11\/FooterLogos-500x237.png 500w, https:\/\/blogs.ncl.ac.uk\/t4\/files\/2016\/11\/FooterLogos.png 1566w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>Then,\u00a0 inside the &#8220;Footer Logo Banner&#8221; section, add another section called &#8220;Image Banner Content&#8221; and add your logos inside there using a separate piece of &#8220;Gallery Image&#8221; content for each logo.<\/p>\n<p>We recommend your images are sized no more than 70px tall by wide 150px with white space around the logo itself (see our post about <a href=\"https:\/\/blogs.ncl.ac.uk\/t4\/2014\/05\/21\/basic-image-editing-in-photoshop\/\">Basic Image Editing in Photoshop<\/a> for help with this).<\/p>\n<p><a href=\"https:\/\/blogs.ncl.ac.uk\/t4\/files\/2016\/11\/FooterLogosList.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-1033 size-medium\" src=\"https:\/\/blogs.ncl.ac.uk\/t4\/files\/2016\/11\/FooterLogosList-300x168.png\" alt=\"\" width=\"300\" height=\"168\" srcset=\"https:\/\/blogs.ncl.ac.uk\/t4\/files\/2016\/11\/FooterLogosList-300x168.png 300w, https:\/\/blogs.ncl.ac.uk\/t4\/files\/2016\/11\/FooterLogosList-1024x572.png 1024w, https:\/\/blogs.ncl.ac.uk\/t4\/files\/2016\/11\/FooterLogosList-768x429.png 768w, https:\/\/blogs.ncl.ac.uk\/t4\/files\/2016\/11\/FooterLogosList-1536x858.png 1536w, https:\/\/blogs.ncl.ac.uk\/t4\/files\/2016\/11\/FooterLogosList-500x279.png 500w, https:\/\/blogs.ncl.ac.uk\/t4\/files\/2016\/11\/FooterLogosList.png 1581w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>The Name and Description fields are mandatory but won&#8217;t be displayed anywhere; the Link field allows you to turn any of your footer logos into a link to a webpage.\u00a0 You should use the full web address starting with &#8220;http:\/\/&#8221;.\u00a0 Finally, the Caption field will be used as the alternative text for the logo which will be picked up by screen readers.<\/p>\n<p><a href=\"https:\/\/blogs.ncl.ac.uk\/t4\/files\/2016\/11\/FooterLogoEdit.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-1035 size-medium\" src=\"https:\/\/blogs.ncl.ac.uk\/t4\/files\/2016\/11\/FooterLogoEdit-300x162.png\" alt=\"\" width=\"300\" height=\"162\" srcset=\"https:\/\/blogs.ncl.ac.uk\/t4\/files\/2016\/11\/FooterLogoEdit-300x162.png 300w, https:\/\/blogs.ncl.ac.uk\/t4\/files\/2016\/11\/FooterLogoEdit-1024x554.png 1024w, https:\/\/blogs.ncl.ac.uk\/t4\/files\/2016\/11\/FooterLogoEdit-768x416.png 768w, https:\/\/blogs.ncl.ac.uk\/t4\/files\/2016\/11\/FooterLogoEdit-1536x832.png 1536w, https:\/\/blogs.ncl.ac.uk\/t4\/files\/2016\/11\/FooterLogoEdit-500x271.png 500w, https:\/\/blogs.ncl.ac.uk\/t4\/files\/2016\/11\/FooterLogoEdit.png 1570w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Using the new Research and Conferences template, you can add a set of logos (from partners or sponsors) to the bottom of your page and make them link to other webpages. To do this, you need to create a hidden &hellip; <a href=\"https:\/\/blogs.ncl.ac.uk\/t4\/2016\/11\/21\/footer-logos-2\/\">Continue reading <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":835,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[8],"tags":[],"class_list":["post-664","post","type-post","status-publish","format-standard","hentry","category-content-templates"],"_links":{"self":[{"href":"https:\/\/blogs.ncl.ac.uk\/t4\/wp-json\/wp\/v2\/posts\/664","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blogs.ncl.ac.uk\/t4\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogs.ncl.ac.uk\/t4\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogs.ncl.ac.uk\/t4\/wp-json\/wp\/v2\/users\/835"}],"replies":[{"embeddable":true,"href":"https:\/\/blogs.ncl.ac.uk\/t4\/wp-json\/wp\/v2\/comments?post=664"}],"version-history":[{"count":12,"href":"https:\/\/blogs.ncl.ac.uk\/t4\/wp-json\/wp\/v2\/posts\/664\/revisions"}],"predecessor-version":[{"id":1036,"href":"https:\/\/blogs.ncl.ac.uk\/t4\/wp-json\/wp\/v2\/posts\/664\/revisions\/1036"}],"wp:attachment":[{"href":"https:\/\/blogs.ncl.ac.uk\/t4\/wp-json\/wp\/v2\/media?parent=664"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogs.ncl.ac.uk\/t4\/wp-json\/wp\/v2\/categories?post=664"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogs.ncl.ac.uk\/t4\/wp-json\/wp\/v2\/tags?post=664"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}