{"id":472,"date":"2015-06-25T15:51:23","date_gmt":"2015-06-25T14:51:23","guid":{"rendered":"https:\/\/blogs.ncl.ac.uk\/t4\/?p=472"},"modified":"2024-07-09T12:17:43","modified_gmt":"2024-07-09T11:17:43","slug":"linking-a-tab-to-another-section-or-website","status":"publish","type":"post","link":"https:\/\/blogs.ncl.ac.uk\/t4\/2015\/06\/25\/linking-a-tab-to-another-section-or-website\/","title":{"rendered":"Linking a Tab to another Section or Website"},"content":{"rendered":"<p>When you add a new Section to a site in T4 it automatically creates an item in the navigation or sidebar. Sometimes though, you want an item to appear in these areas that links to a different section in the site (such as back to the homepage) or to a different webpage.<\/p>\n<p>To do this you go to <strong>Add Section<\/strong> (as though you were going to add a new page) but instead of adding content, make it a Link Section.<\/p>\n<h2>Adding a link to the Home Page.<\/h2>\n<p>Name the section &#8220;Home&#8221;, then click on &#8220;Make this a Link Section&#8221; &#8211; at which point a tab called &#8220;Details&#8221; will appear.<\/p>\n<p><a href=\"https:\/\/blogs.ncl.ac.uk\/t4\/files\/2015\/06\/NewLinkSection.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-1066 size-medium\" src=\"https:\/\/blogs.ncl.ac.uk\/t4\/files\/2015\/06\/NewLinkSection-300x95.png\" alt=\"\" width=\"300\" height=\"95\" srcset=\"https:\/\/blogs.ncl.ac.uk\/t4\/files\/2015\/06\/NewLinkSection-300x95.png 300w, https:\/\/blogs.ncl.ac.uk\/t4\/files\/2015\/06\/NewLinkSection-1024x323.png 1024w, https:\/\/blogs.ncl.ac.uk\/t4\/files\/2015\/06\/NewLinkSection-768x242.png 768w, https:\/\/blogs.ncl.ac.uk\/t4\/files\/2015\/06\/NewLinkSection-500x158.png 500w, https:\/\/blogs.ncl.ac.uk\/t4\/files\/2015\/06\/NewLinkSection.png 1322w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>Then select the &#8220;Section&#8221; radio button followed by &#8220;Select&#8221; to choose the section you&#8217;re linking the homepage of your site.<\/p>\n<p><a href=\"https:\/\/blogs.ncl.ac.uk\/t4\/files\/2015\/06\/NewLinkSectionSelect.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-1069 size-medium\" src=\"https:\/\/blogs.ncl.ac.uk\/t4\/files\/2015\/06\/NewLinkSectionSelect-300x119.png\" alt=\"\" width=\"300\" height=\"119\" srcset=\"https:\/\/blogs.ncl.ac.uk\/t4\/files\/2015\/06\/NewLinkSectionSelect-300x119.png 300w, https:\/\/blogs.ncl.ac.uk\/t4\/files\/2015\/06\/NewLinkSectionSelect-1024x405.png 1024w, https:\/\/blogs.ncl.ac.uk\/t4\/files\/2015\/06\/NewLinkSectionSelect-768x304.png 768w, https:\/\/blogs.ncl.ac.uk\/t4\/files\/2015\/06\/NewLinkSectionSelect-500x198.png 500w, https:\/\/blogs.ncl.ac.uk\/t4\/files\/2015\/06\/NewLinkSectionSelect.png 1319w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>You&#8217;ll then see the &#8220;Home&#8221; section in your site, at the bottom of the section list. <a title=\"Site Structure \u2013 Adding, Amending and Moving Sections\" href=\"https:\/\/blogs.ncl.ac.uk\/t4\/2014\/01\/15\/site-structure-adding-amending-and-moving-sections\/\">To re-order the tabs see this post<\/a>.<\/p>\n<p><a href=\"https:\/\/blogs.ncl.ac.uk\/t4\/files\/2015\/06\/LinkSectionSiteStructure-1.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-1073 size-medium\" src=\"https:\/\/blogs.ncl.ac.uk\/t4\/files\/2015\/06\/LinkSectionSiteStructure-1-300x118.png\" alt=\"\" width=\"300\" height=\"118\" srcset=\"https:\/\/blogs.ncl.ac.uk\/t4\/files\/2015\/06\/LinkSectionSiteStructure-1-300x118.png 300w, https:\/\/blogs.ncl.ac.uk\/t4\/files\/2015\/06\/LinkSectionSiteStructure-1-1024x403.png 1024w, https:\/\/blogs.ncl.ac.uk\/t4\/files\/2015\/06\/LinkSectionSiteStructure-1-768x302.png 768w, https:\/\/blogs.ncl.ac.uk\/t4\/files\/2015\/06\/LinkSectionSiteStructure-1-500x197.png 500w, https:\/\/blogs.ncl.ac.uk\/t4\/files\/2015\/06\/LinkSectionSiteStructure-1.png 1301w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<h2>Adding a link to an External Website.<\/h2>\n<p>To add a link to an external website, create\u00a0a\u00a0section in the appropriate part of your site and give it a name as described above. Click on &#8220;Make this a Link Section<\/p>\n<p><a href=\"https:\/\/blogs.ncl.ac.uk\/t4\/files\/2015\/06\/NewLinkSection.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-1066 size-medium\" src=\"https:\/\/blogs.ncl.ac.uk\/t4\/files\/2015\/06\/NewLinkSection-300x95.png\" alt=\"\" width=\"300\" height=\"95\" srcset=\"https:\/\/blogs.ncl.ac.uk\/t4\/files\/2015\/06\/NewLinkSection-300x95.png 300w, https:\/\/blogs.ncl.ac.uk\/t4\/files\/2015\/06\/NewLinkSection-1024x323.png 1024w, https:\/\/blogs.ncl.ac.uk\/t4\/files\/2015\/06\/NewLinkSection-768x242.png 768w, https:\/\/blogs.ncl.ac.uk\/t4\/files\/2015\/06\/NewLinkSection-500x158.png 500w, https:\/\/blogs.ncl.ac.uk\/t4\/files\/2015\/06\/NewLinkSection.png 1322w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>Select &#8220;External URL&#8221; then enter the address into the Link URL field and click Add.<\/p>\n<p><a href=\"https:\/\/blogs.ncl.ac.uk\/t4\/files\/2015\/06\/LinkSectionExternal.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-1076 size-medium\" src=\"https:\/\/blogs.ncl.ac.uk\/t4\/files\/2015\/06\/LinkSectionExternal-300x134.png\" alt=\"\" width=\"300\" height=\"134\" srcset=\"https:\/\/blogs.ncl.ac.uk\/t4\/files\/2015\/06\/LinkSectionExternal-300x134.png 300w, https:\/\/blogs.ncl.ac.uk\/t4\/files\/2015\/06\/LinkSectionExternal-1024x459.png 1024w, https:\/\/blogs.ncl.ac.uk\/t4\/files\/2015\/06\/LinkSectionExternal-768x344.png 768w, https:\/\/blogs.ncl.ac.uk\/t4\/files\/2015\/06\/LinkSectionExternal-500x224.png 500w, https:\/\/blogs.ncl.ac.uk\/t4\/files\/2015\/06\/LinkSectionExternal.png 1312w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>And you&#8217;re done. It will appear as a Section icon with an arrow in it that will appear in the navigation or sidebar, and when clicked on will link to an external section.<\/p>\n<p><a href=\"https:\/\/blogs.ncl.ac.uk\/t4\/files\/2015\/06\/LinkSectionExternalSiteStructure.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-1078 size-medium\" src=\"https:\/\/blogs.ncl.ac.uk\/t4\/files\/2015\/06\/LinkSectionExternalSiteStructure-300x126.png\" alt=\"\" width=\"300\" height=\"126\" srcset=\"https:\/\/blogs.ncl.ac.uk\/t4\/files\/2015\/06\/LinkSectionExternalSiteStructure-300x126.png 300w, https:\/\/blogs.ncl.ac.uk\/t4\/files\/2015\/06\/LinkSectionExternalSiteStructure-1024x430.png 1024w, https:\/\/blogs.ncl.ac.uk\/t4\/files\/2015\/06\/LinkSectionExternalSiteStructure-768x323.png 768w, https:\/\/blogs.ncl.ac.uk\/t4\/files\/2015\/06\/LinkSectionExternalSiteStructure-500x210.png 500w, https:\/\/blogs.ncl.ac.uk\/t4\/files\/2015\/06\/LinkSectionExternalSiteStructure.png 1302w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p><strong>Note that there is some bad practice here:<\/strong> people don&#8217;t expect to be take out of a site by its own navigation, so you may wish to consider instead creating a page describing\u00a0the external resource and its relevance to your site and linking to it from\u00a0within that page.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>When you add a new Section to a site in T4 it automatically creates an item in the navigation or sidebar. Sometimes though, you want an item to appear in these areas that links to a different section in the &hellip; <a href=\"https:\/\/blogs.ncl.ac.uk\/t4\/2015\/06\/25\/linking-a-tab-to-another-section-or-website\/\">Continue reading <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":839,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[],"class_list":["post-472","post","type-post","status-publish","format-standard","hentry","category-getting-started"],"_links":{"self":[{"href":"https:\/\/blogs.ncl.ac.uk\/t4\/wp-json\/wp\/v2\/posts\/472","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\/839"}],"replies":[{"embeddable":true,"href":"https:\/\/blogs.ncl.ac.uk\/t4\/wp-json\/wp\/v2\/comments?post=472"}],"version-history":[{"count":7,"href":"https:\/\/blogs.ncl.ac.uk\/t4\/wp-json\/wp\/v2\/posts\/472\/revisions"}],"predecessor-version":[{"id":1079,"href":"https:\/\/blogs.ncl.ac.uk\/t4\/wp-json\/wp\/v2\/posts\/472\/revisions\/1079"}],"wp:attachment":[{"href":"https:\/\/blogs.ncl.ac.uk\/t4\/wp-json\/wp\/v2\/media?parent=472"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogs.ncl.ac.uk\/t4\/wp-json\/wp\/v2\/categories?post=472"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogs.ncl.ac.uk\/t4\/wp-json\/wp\/v2\/tags?post=472"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}