{"id":3689,"date":"2021-03-28T13:30:56","date_gmt":"2021-03-28T13:30:56","guid":{"rendered":"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/glowbloghelp\/?page_id=3689"},"modified":"2025-03-13T19:07:28","modified_gmt":"2025-03-13T19:07:28","slug":"creating-links","status":"publish","type":"page","link":"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/glowbloghelp\/how-to\/editing-posts-pages\/creating-links\/","title":{"rendered":"Creating Links"},"content":{"rendered":"\n<details class=\"wp-block-details is-layout-flow wp-block-details-is-layout-flow\"><summary>Block &#8211; Classic Editors more information<\/summary>\n<p>At the moment, January 2023, the Classic editor is turned on by default. You can set the blog to use the block editor instead or set it up to have one or other as the default with the choice to switch. More details on the <a href=\"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/glowbloghelp\/how-to\/the-block-editor\/\">blocks page<\/a>.<\/p>\n\n\n\n<p>In the future WordPress will be transitioning to the Blocks Editor, we hope to transition to defaulting to the Blocks editor but suport the classic editor while we can.<\/p>\n\n\n\n<p>Brief instructions to using the classic editor and the blocks editor follow.<\/p>\n<\/details>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" \/>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-16018d1d wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"#blocks\" style=\"border-radius:0px\">Blocks<\/a><\/div>\n\n\n\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"2\/#classic\" style=\"border-radius:0px\">Classic<\/a><\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"blocks\">Block Editor<\/h2>\n\n\n\n<p>Links are one of the building blocks of the World Wide Web. It is simple to create a link on your blog to other posts, pages or anywhere on the web.<\/p>\n\n\n\n<p>Using the block editor links can be added to most blocks or text in a block. to link from text you just select the text you want to make a link and use the link button on the block tool bar. Here is a gif showing the process.<\/p>\n\n\n\n<div class=\"wp-block-group has-black-background-color has-background\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1422\" height=\"666\" data-attachment-id=\"4336\" data-permalink=\"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/glowbloghelp\/how-to\/editing-posts-pages\/creating-links\/text-link\/\" data-orig-file=\"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/public\/glowbloghelp\/uploads\/sites\/2545\/2023\/10\/08102144\/text-link.gif\" data-orig-size=\"1422,666\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"text-link\" data-image-description=\"\" data-image-caption=\"\" data-medium-file=\"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/public\/glowbloghelp\/uploads\/sites\/2545\/2023\/10\/08102144\/text-link-500x234.gif\" data-large-file=\"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/public\/glowbloghelp\/uploads\/sites\/2545\/2023\/10\/08102144\/text-link-1024x480.gif\" src=\"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/public\/glowbloghelp\/uploads\/sites\/2545\/2023\/10\/08102144\/text-link.gif\" alt=\"Adding a link to text in the WordPress block editor on Glow Blogs\" class=\"wp-image-4336\" \/><figcaption class=\"wp-element-caption\">Adding a link to text in the WordPress block editor on Glow Blogs<\/figcaption><\/figure><\/div><\/div><\/div>\n\n\n\n<p>And here is one showing the addition of a link to an image.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1342\" height=\"1028\" data-attachment-id=\"4337\" data-permalink=\"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/glowbloghelp\/how-to\/editing-posts-pages\/creating-links\/block-link\/\" data-orig-file=\"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/public\/glowbloghelp\/uploads\/sites\/2545\/2023\/10\/08102307\/block-link.gif\" data-orig-size=\"1342,1028\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"block-link\" data-image-description=\"\" data-image-caption=\"\" data-medium-file=\"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/public\/glowbloghelp\/uploads\/sites\/2545\/2023\/10\/08102307\/block-link-500x383.gif\" data-large-file=\"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/public\/glowbloghelp\/uploads\/sites\/2545\/2023\/10\/08102307\/block-link-1024x784.gif\" src=\"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/public\/glowbloghelp\/uploads\/sites\/2545\/2023\/10\/08102307\/block-link.gif\" alt=\"Adding a link to an image in the WordPress block editor on glow blogs\" class=\"wp-image-4337\" \/><figcaption class=\"wp-element-caption\">Adding a link to an image in the WordPress block editor on Glow Blogs<\/figcaption><\/figure>\n\n\n\n<p>Note, you can link to the media file or the media page in the link dialogue.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Page Jumps<\/h2>\n\n\n\n<p>The block editor makes it easy to jump to a particular section of a page, or a particular section of a different page.  There is detailed information to do this on <a href=\"https:\/\/wordpress.org\/documentation\/article\/page-jumps\/\">Page Jumps \u2013 Documentation \u2013 WordPress.org<\/a>.<\/p>\n\n\n\n<p>Briefly, you need to add an html anchor to the block you wish to jump to. This is done in the options sidebar of the editor, in the advanced section. You then link to that with the link editor.<\/p>\n\n\n\n<p>We use this on this page. The Block Editor heading has a anchor <em>blocks<\/em>. <\/p>\n\n\n\n<div class=\"wp-block-group has-black-background-color has-background\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/public\/glowbloghelp\/uploads\/sites\/2545\/2023\/10\/08103843\/anchor.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1200\" height=\"350\" data-attachment-id=\"4343\" data-permalink=\"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/glowbloghelp\/how-to\/editing-posts-pages\/creating-links\/anchor\/\" data-orig-file=\"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/public\/glowbloghelp\/uploads\/sites\/2545\/2023\/10\/08103843\/anchor.png\" data-orig-size=\"1200,350\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"anchor\" data-image-description=\"\" data-image-caption=\"\" data-medium-file=\"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/public\/glowbloghelp\/uploads\/sites\/2545\/2023\/10\/08103843\/anchor-500x146.png\" data-large-file=\"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/public\/glowbloghelp\/uploads\/sites\/2545\/2023\/10\/08103843\/anchor-1024x299.png\" src=\"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/public\/glowbloghelp\/uploads\/sites\/2545\/2023\/10\/08103843\/anchor.png\" alt=\"Screenshot showing the editing of an HTML ANCHOR\" class=\"wp-image-4343\" srcset=\"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/public\/glowbloghelp\/uploads\/sites\/2545\/2023\/10\/08103843\/anchor.png 1200w, https:\/\/blogs.glowscotland.org.uk\/glowblogs\/public\/glowbloghelp\/uploads\/sites\/2545\/2023\/10\/08103843\/anchor-500x146.png 500w, https:\/\/blogs.glowscotland.org.uk\/glowblogs\/public\/glowbloghelp\/uploads\/sites\/2545\/2023\/10\/08103843\/anchor-1024x299.png 1024w, https:\/\/blogs.glowscotland.org.uk\/glowblogs\/public\/glowbloghelp\/uploads\/sites\/2545\/2023\/10\/08103843\/anchor-768x224.png 768w\" sizes=\"auto, (max-width: 1200px) 100vw, 1200px\" \/><\/a><figcaption class=\"wp-element-caption\">Screenshot showing the editing of an HTML ANCHOR<\/figcaption><\/figure>\n<\/div><\/div>\n\n\n\n<p>We link to that from the buttons on the page and in this example: <a href=\"#blocks\">blocks<\/a>.<\/p>\n\n\n\n<p>You use a # character at the start of the anchor link.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1436\" height=\"660\" data-attachment-id=\"4344\" data-permalink=\"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/glowbloghelp\/how-to\/editing-posts-pages\/creating-links\/anchor-link\/\" data-orig-file=\"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/public\/glowbloghelp\/uploads\/sites\/2545\/2023\/10\/08104404\/anchor-link.gif\" data-orig-size=\"1436,660\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"anchor-link\" data-image-description=\"\" data-image-caption=\"\" data-medium-file=\"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/public\/glowbloghelp\/uploads\/sites\/2545\/2023\/10\/08104404\/anchor-link-500x230.gif\" data-large-file=\"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/public\/glowbloghelp\/uploads\/sites\/2545\/2023\/10\/08104404\/anchor-link-1024x471.gif\" src=\"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/public\/glowbloghelp\/uploads\/sites\/2545\/2023\/10\/08104404\/anchor-link.gif\" alt=\"Animated gif of adding a link to an HTML Anchor\" class=\"wp-image-4344\" \/><figcaption class=\"wp-element-caption\">Animated gif of adding a link to an HTML Anchor<\/figcaption><\/figure>\n\n\n\n<!--nextpage-->\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-16018d1d wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"..\/#blocks\" style=\"border-radius:0px\">Blocks<\/a><\/div>\n\n\n\n<div class=\"wp-block-button is-style-fill\"><a class=\"wp-block-button__link wp-element-button\" href=\"#classic\" style=\"border-radius:0px\">Classic<\/a><\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"classic\">Classic Editor<\/h2>\n\n\n\n<p>Links are one of the building blocks of the World Wide Web. It is simple to create a link on your blog to other posts, pages or anywhere on the web.<\/p>\n\n\n\n<p><a href=\"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/glowbloghelp\/how-to\/menus\/\">Menus<\/a> provide a way to create navigations links for your site.<\/p>\n\n\n\n<p>To make a link in a post or page you selecte the text, or image, you want the link to be on. Then you click the link icon in the toolbar and add the link. If you want to link to your own site you can search for a post or page. If you want to link to somewhere else you need to type, or better paste, the link.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"440\" height=\"440\" data-attachment-id=\"3690\" data-permalink=\"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/glowbloghelp\/how-to\/editing-posts-pages\/creating-links\/links-1-128\/\" data-orig-file=\"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/public\/glowbloghelp\/uploads\/sites\/2545\/2021\/03\/28133027\/links-1-128.gif\" data-orig-size=\"440,440\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"links-1-128\" data-image-description=\"\" data-image-caption=\"\" data-medium-file=\"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/public\/glowbloghelp\/uploads\/sites\/2545\/2021\/03\/28133027\/links-1-128.gif\" data-large-file=\"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/public\/glowbloghelp\/uploads\/sites\/2545\/2021\/03\/28133027\/links-1-128.gif\" src=\"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/public\/glowbloghelp\/uploads\/sites\/2545\/2021\/03\/28133027\/links-1-128.gif\" alt=\"Gif creating a link\" class=\"wp-image-3690\" \/><\/figure><\/div>","protected":false},"excerpt":{"rendered":"<p>Block Editor Links are one of the building blocks of the World Wide Web. It is simple to create a link on your blog to other posts, pages or anywhere on the web. Using the block editor links can be added to most blocks or text in a block. to link from text you just &hellip; <a href=\"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/glowbloghelp\/how-to\/editing-posts-pages\/creating-links\/\" class=\"more-link\">Continue reading <span class=\"screen-reader-text\">Creating Links<\/span> <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":22,"featured_media":0,"parent":5793,"menu_order":211,"comment_status":"closed","ping_status":"closed","template":"page-templates\/full-width.php","meta":{"footnotes":""},"class_list":["post-3689","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/glowbloghelp\/wp-json\/wp\/v2\/pages\/3689","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/glowbloghelp\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/glowbloghelp\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/glowbloghelp\/wp-json\/wp\/v2\/users\/22"}],"replies":[{"embeddable":true,"href":"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/glowbloghelp\/wp-json\/wp\/v2\/comments?post=3689"}],"version-history":[{"count":10,"href":"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/glowbloghelp\/wp-json\/wp\/v2\/pages\/3689\/revisions"}],"predecessor-version":[{"id":5677,"href":"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/glowbloghelp\/wp-json\/wp\/v2\/pages\/3689\/revisions\/5677"}],"up":[{"embeddable":true,"href":"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/glowbloghelp\/wp-json\/wp\/v2\/pages\/5793"}],"wp:attachment":[{"href":"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/glowbloghelp\/wp-json\/wp\/v2\/media?parent=3689"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}