{"id":2989,"date":"2023-05-30T18:14:17","date_gmt":"2023-05-30T18:14:17","guid":{"rendered":"https:\/\/obo.zoj.mybluehost.me\/uncategorized\/how-to-add-a-link-within-text\/"},"modified":"2025-01-27T11:16:47","modified_gmt":"2025-01-27T11:16:47","slug":"how-to-add-a-link-within-text","status":"publish","type":"post","link":"https:\/\/ioninteractive.com\/ionacademy\/how-to-add-a-link-within-text\/","title":{"rendered":"How-To: Add a Link Within Text"},"content":{"rendered":"\n<p>To begin, publish the text you want to have to the left of your link and include a space at the end of your text.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"310\" loading=\"lazy\" src=\"https:\/\/obo.zoj.mybluehost.me\/wp-content\/uploads\/2025\/01\/Screenshot_9-8-1024x310.png\" alt=\"\" class=\"wp-image-7369\" srcset=\"https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2025\/01\/Screenshot_9-8-1024x310.png 1024w, https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2025\/01\/Screenshot_9-8-300x91.png 300w, https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2025\/01\/Screenshot_9-8-768x233.png 768w, https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2025\/01\/Screenshot_9-8-1536x465.png 1536w, https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2025\/01\/Screenshot_9-8.png 1912w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Next, with your text selected, navigate into the Layout section of your styles editor and choose the &#8220;Inline&#8221; option from the &#8220;Display&#8221; drop down menu.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"637\" loading=\"lazy\" src=\"https:\/\/obo.zoj.mybluehost.me\/wp-content\/uploads\/2025\/01\/Screenshot_10-8-1024x637.png\" alt=\"\" class=\"wp-image-7370\" srcset=\"https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2025\/01\/Screenshot_10-8-1024x637.png 1024w, https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2025\/01\/Screenshot_10-8-300x187.png 300w, https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2025\/01\/Screenshot_10-8-768x478.png 768w, https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2025\/01\/Screenshot_10-8.png 1344w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Next, drag a link into the same container as your text. When dragging in the link, you will want to make sure it is added below your text.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"475\" loading=\"lazy\" src=\"https:\/\/obo.zoj.mybluehost.me\/wp-content\/uploads\/2025\/01\/Screenshot_11-7-1024x475.png\" alt=\"\" class=\"wp-image-7371\" srcset=\"https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2025\/01\/Screenshot_11-7-1024x475.png 1024w, https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2025\/01\/Screenshot_11-7-300x139.png 300w, https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2025\/01\/Screenshot_11-7-768x356.png 768w, https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2025\/01\/Screenshot_11-7-1536x713.png 1536w, https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2025\/01\/Screenshot_11-7.png 1565w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>After saving your link text, you will see the link sitting to the right of your text.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"384\" loading=\"lazy\" src=\"https:\/\/obo.zoj.mybluehost.me\/wp-content\/uploads\/2025\/01\/Screenshot_12-7-1024x384.png\" alt=\"\" class=\"wp-image-7373\" srcset=\"https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2025\/01\/Screenshot_12-7-1024x384.png 1024w, https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2025\/01\/Screenshot_12-7-300x113.png 300w, https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2025\/01\/Screenshot_12-7-768x288.png 768w, https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2025\/01\/Screenshot_12-7.png 1303w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Now&nbsp;add the text for the rest of your sentence&nbsp;into the container&nbsp;below the rest of your content. When typing the rest of your text, you will want to start with a space.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"440\" loading=\"lazy\" src=\"https:\/\/obo.zoj.mybluehost.me\/wp-content\/uploads\/2025\/01\/Screenshot_13-6-1024x440.png\" alt=\"\" class=\"wp-image-7374\" srcset=\"https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2025\/01\/Screenshot_13-6-1024x440.png 1024w, https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2025\/01\/Screenshot_13-6-300x129.png 300w, https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2025\/01\/Screenshot_13-6-768x330.png 768w, https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2025\/01\/Screenshot_13-6-1536x660.png 1536w, https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2025\/01\/Screenshot_13-6.png 1563w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Finally, apply the same&nbsp;display inline styling that was applied to the opening text.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"572\" loading=\"lazy\" src=\"https:\/\/obo.zoj.mybluehost.me\/wp-content\/uploads\/2025\/01\/Screenshot_14-6-1024x572.png\" alt=\"\" class=\"wp-image-7375\" srcset=\"https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2025\/01\/Screenshot_14-6-1024x572.png 1024w, https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2025\/01\/Screenshot_14-6-300x168.png 300w, https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2025\/01\/Screenshot_14-6-768x429.png 768w, https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2025\/01\/Screenshot_14-6.png 1484w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Add links in Text Editor<\/h3>\n\n\n\n<p>Links can be added through the text editor by highlighting the text intended to open the url.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1024\" height=\"511\" loading=\"lazy\" src=\"https:\/\/obo.zoj.mybluehost.me\/wp-content\/uploads\/2023\/05\/Text-editor-link-Step-1-1024x511.png\" alt=\"\" class=\"wp-image-6455\" srcset=\"https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2023\/05\/Text-editor-link-Step-1-1024x511.png 1024w, https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2023\/05\/Text-editor-link-Step-1-300x150.png 300w, https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2023\/05\/Text-editor-link-Step-1-768x384.png 768w, https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2023\/05\/Text-editor-link-Step-1-1536x767.png 1536w, https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2023\/05\/Text-editor-link-Step-1-585x292.png 585w, https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2023\/05\/Text-editor-link-Step-1.png 1918w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Within the Link Info tab, add the URL and in the Target tab, select from the dropdown the desired functionality.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1024\" height=\"511\" loading=\"lazy\" src=\"https:\/\/obo.zoj.mybluehost.me\/wp-content\/uploads\/2023\/05\/Text-editor-link-Step-2-1024x511.png\" alt=\"\" class=\"wp-image-6456\" srcset=\"https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2023\/05\/Text-editor-link-Step-2-1024x511.png 1024w, https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2023\/05\/Text-editor-link-Step-2-300x150.png 300w, https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2023\/05\/Text-editor-link-Step-2-768x384.png 768w, https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2023\/05\/Text-editor-link-Step-2-1536x767.png 1536w, https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2023\/05\/Text-editor-link-Step-2-585x292.png 585w, https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2023\/05\/Text-editor-link-Step-2.png 1918w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1024\" height=\"511\" loading=\"lazy\" src=\"https:\/\/obo.zoj.mybluehost.me\/wp-content\/uploads\/2023\/05\/Text-editor-link-Step-3-1024x511.png\" alt=\"\" class=\"wp-image-6457\" srcset=\"https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2023\/05\/Text-editor-link-Step-3-1024x511.png 1024w, https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2023\/05\/Text-editor-link-Step-3-300x150.png 300w, https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2023\/05\/Text-editor-link-Step-3-768x384.png 768w, https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2023\/05\/Text-editor-link-Step-3-1536x767.png 1536w, https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2023\/05\/Text-editor-link-Step-3-585x292.png 585w, https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2023\/05\/Text-editor-link-Step-3.png 1918w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" \/>\n\n\n\n<p>If you have any questions, please contact us on <a href=\"mailto:help@ioninteractive.com\" rel=\"noopener noreferrer nofollow\">help@ioninteractive.com<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>To begin, publish the text you want to have to the left of your link and include a space at the end of your text. Next, with your text selected, navigate into the Layout [&hellip;]<\/p>\n","protected":false},"author":5,"featured_media":5773,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"nf_dc_page":"","footnotes":""},"categories":[848,22],"tags":[2290,2150],"class_list":["post-2989","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-links-en","category-the-functionalities","tag-hyperlink","tag-link"],"_links":{"self":[{"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/posts\/2989","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/comments?post=2989"}],"version-history":[{"count":3,"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/posts\/2989\/revisions"}],"predecessor-version":[{"id":7376,"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/posts\/2989\/revisions\/7376"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/media\/5773"}],"wp:attachment":[{"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/media?parent=2989"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/categories?post=2989"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/tags?post=2989"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}