{"id":48308,"date":"2015-05-12T07:47:27","date_gmt":"2015-05-12T11:47:27","guid":{"rendered":"http:\/\/www.templatemonster.com\/help\/?p=48308"},"modified":"2016-02-22T09:43:41","modified_gmt":"2016-02-22T14:43:41","slug":"wordpress-how-to-create-a-link-in-postpage-and-make-it-open-in-a-new-tab","status":"publish","type":"post","link":"https:\/\/www.templatemonster.com\/help\/wordpress-how-to-create-a-link-in-postpage-and-make-it-open-in-a-new-tab.html","title":{"rendered":"WordPress. How to create a link in post\/page and make it open in a new tab"},"content":{"rendered":"<p>\r\n<p>This tutorial will show you how to create a link in WordPress post\/page and make it open in a new tab.<\/p>\r\n<p><a href=\"http:\/\/www.youtube.com\/watch?v=yBLN8ImTu0E?width=1280&amp;height=720\" rel=\"prettyPhoto\">WordPress. How to create a link in post\/page and make it open in a new tab<\/a><\/p>\r\n<ol>\r\n<li>\r\n<p>First of all, log into your WordPress admin panel and navigate to <strong>Posts<\/strong> tab there. Open the post that you need to add a link to:<\/p>\r\n<p>\t<a href=\"\/help\/wp-content\/uploads\/2015\/05\/wordpress_how_to_create_a_link_in_post_page_and_make_it_open_in_a_new_tab-1.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2015\/05\/wordpress_how_to_create_a_link_in_post_page_and_make_it_open_in_a_new_tab-1-300x168.jpg\" alt=\"wordpress_how_to_create_a_link_in_post_page_and_make_it_open_in_a_new_tab-1\" width=\"300\" height=\"168\" class=\"aligncenter size-medium wp-image-48309\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/05\/wordpress_how_to_create_a_link_in_post_page_and_make_it_open_in_a_new_tab-1-300x168.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/05\/wordpress_how_to_create_a_link_in_post_page_and_make_it_open_in_a_new_tab-1-150x84.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/05\/wordpress_how_to_create_a_link_in_post_page_and_make_it_open_in_a_new_tab-1.jpg 1000w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n<\/li>\r\n<li>\r\n<p>Highlight the text that you want to link. Then click the <strong>Link<\/strong> button on the toolbar. In <strong>Visual<\/strong> mode it will look like on the screenshot below:<\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2015\/05\/wordpress_how_to_create_a_link_in_post_page_and_make_it_open_in_a_new_tab-2.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2015\/05\/wordpress_how_to_create_a_link_in_post_page_and_make_it_open_in_a_new_tab-2-300x168.jpg\" alt=\"wordpress_how_to_create_a_link_in_post_page_and_make_it_open_in_a_new_tab-2\" width=\"300\" height=\"168\" class=\"aligncenter size-medium wp-image-48310\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/05\/wordpress_how_to_create_a_link_in_post_page_and_make_it_open_in_a_new_tab-2-300x168.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/05\/wordpress_how_to_create_a_link_in_post_page_and_make_it_open_in_a_new_tab-2-150x84.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/05\/wordpress_how_to_create_a_link_in_post_page_and_make_it_open_in_a_new_tab-2.jpg 1000w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\r\n<p>In text mode it will look like on the screenshot below:<\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2015\/05\/wordpress_how_to_create_a_link_in_post_page_and_make_it_open_in_a_new_tab-3.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2015\/05\/wordpress_how_to_create_a_link_in_post_page_and_make_it_open_in_a_new_tab-3-300x168.jpg\" alt=\"wordpress_how_to_create_a_link_in_post_page_and_make_it_open_in_a_new_tab-3\" width=\"300\" height=\"168\" class=\"aligncenter size-medium wp-image-48311\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/05\/wordpress_how_to_create_a_link_in_post_page_and_make_it_open_in_a_new_tab-3-300x168.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/05\/wordpress_how_to_create_a_link_in_post_page_and_make_it_open_in_a_new_tab-3-150x84.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/05\/wordpress_how_to_create_a_link_in_post_page_and_make_it_open_in_a_new_tab-3.jpg 1000w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n<\/li>\r\n<li>\r\n<p>In the popup that appears, enter the URL you want to link to:<\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2015\/05\/wordpress_how_to_create_a_link_in_post_page_and_make_it_open_in_a_new_tab-4.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2015\/05\/wordpress_how_to_create_a_link_in_post_page_and_make_it_open_in_a_new_tab-4-300x168.jpg\" alt=\"wordpress_how_to_create_a_link_in_post_page_and_make_it_open_in_a_new_tab-4\" width=\"300\" height=\"168\" class=\"aligncenter size-medium wp-image-48312\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/05\/wordpress_how_to_create_a_link_in_post_page_and_make_it_open_in_a_new_tab-4-300x168.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/05\/wordpress_how_to_create_a_link_in_post_page_and_make_it_open_in_a_new_tab-4-150x84.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/05\/wordpress_how_to_create_a_link_in_post_page_and_make_it_open_in_a_new_tab-4.jpg 1000w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\r\n<ul class=\"list\">\r\n<li>\r\n<p><strong>URL:<\/strong> The URL of the link (include http:\/\/ at the beginning for external websites).<\/p>\r\n<\/li>\r\n<li>\r\n<p><strong>Title<\/strong>(Optional): Title of the link when a visitor hovers over it (a small tooltip will appear with the title).<\/p>\r\n<\/li>\r\n<li>\r\n<p><strong>Open Link in a New Window\/Tab: <\/strong>If this box is checked, clicking on your link will open up a new window\/tab.<\/p>\r\n<\/li>\r\n<\/ul>\r\n<p>If you want to link to one of your existing posts or pages, use the search box to find the post\/page that you want to link to. Click the title of the post or page, and the <strong>URL<\/strong> and <strong>Title<\/strong> fields will be filled in automatically: <\/p>\r\n<\/li>\r\n<li>\r\n<p>After you&#8217;ve entered the URL, click <strong>Add Link<\/strong>:<\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2015\/05\/wordpress_how_to_create_a_link_in_post_page_and_make_it_open_in_a_new_tab-5.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2015\/05\/wordpress_how_to_create_a_link_in_post_page_and_make_it_open_in_a_new_tab-5-300x168.jpg\" alt=\"wordpress_how_to_create_a_link_in_post_page_and_make_it_open_in_a_new_tab-5\" width=\"300\" height=\"168\" class=\"aligncenter size-medium wp-image-48313\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/05\/wordpress_how_to_create_a_link_in_post_page_and_make_it_open_in_a_new_tab-5-300x168.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/05\/wordpress_how_to_create_a_link_in_post_page_and_make_it_open_in_a_new_tab-5-150x84.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/05\/wordpress_how_to_create_a_link_in_post_page_and_make_it_open_in_a_new_tab-5.jpg 1000w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n<\/li>\r\n<\/ol>\r\n<p>Alternatively, you can add a link in <strong>Text<\/strong> mode with HTML code.<\/p>\r\n<ol>\r\n<li>\r\n<p>Specify the target in the <strong>&lt;a href=&#8221;&#8221;&gt;&lt;\/a&gt;<\/strong> Make sure to include http:\/\/ for external links.<\/p>\r\n<\/li>\r\n<li>\r\n<p>Then add the text that should work as a link, for instance <strong>&#8216;Link&#8217;<\/strong>.<\/p>\r\n<\/li>\r\n<li>\r\n<p>Finally, add an <strong>&lt;\/a&gt;<\/strong> tag to indicate where the link ends.<\/p>\r\n<\/li>\r\n<li>\r\n<p>In order to open link in new tab, add <strong>target=\u201d_blank\u201d<\/strong> into the link code:<\/p>\r\n<p>The example below shows how the link should look like:<\/p>\r\n<pre class=\"brush:html\">Click &lt;a target=\"_blank\" href=\"http:\/\/www.google.com\"&gt;Link&lt;\/a&gt; to go to Google.com.<\/pre>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2015\/05\/wordpress_how_to_create_a_link_in_post_page_and_make_it_open_in_a_new_tab-6.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2015\/05\/wordpress_how_to_create_a_link_in_post_page_and_make_it_open_in_a_new_tab-6-300x168.jpg\" alt=\"wordpress_how_to_create_a_link_in_post_page_and_make_it_open_in_a_new_tab-6\" width=\"300\" height=\"168\" class=\"aligncenter size-medium wp-image-48314\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/05\/wordpress_how_to_create_a_link_in_post_page_and_make_it_open_in_a_new_tab-6-300x168.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/05\/wordpress_how_to_create_a_link_in_post_page_and_make_it_open_in_a_new_tab-6-150x84.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/05\/wordpress_how_to_create_a_link_in_post_page_and_make_it_open_in_a_new_tab-6.jpg 1000w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\r\n<p><strong>Save\/Update<\/strong> the post and refresh the page in your browser. You will see the link added:<\/p>\r\n<\/li>\r\n<\/ol>\r\n<p>\t<a href=\"\/help\/wp-content\/uploads\/2015\/05\/wordpress_how_to_create_a_link_in_post_page_and_make_it_open_in_a_new_tab-7.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2015\/05\/wordpress_how_to_create_a_link_in_post_page_and_make_it_open_in_a_new_tab-7-300x168.jpg\" alt=\"wordpress_how_to_create_a_link_in_post_page_and_make_it_open_in_a_new_tab-7\" width=\"300\" height=\"168\" class=\"aligncenter size-medium wp-image-48315\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/05\/wordpress_how_to_create_a_link_in_post_page_and_make_it_open_in_a_new_tab-7-300x168.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/05\/wordpress_how_to_create_a_link_in_post_page_and_make_it_open_in_a_new_tab-7-150x84.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/05\/wordpress_how_to_create_a_link_in_post_page_and_make_it_open_in_a_new_tab-7.jpg 1000w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\r\n<p>Now you know how to create a link in post\/page and make it open in a new tab.<\/p>\r\n<p>Feel free to check the detailed video tutorial below:<\/p>\r\n<p><a href=\"http:\/\/www.youtube.com\/watch?v=yBLN8ImTu0E?width=1280&amp;height=720\" rel=\"prettyPhoto\">WordPress. How to create a link in post\/page and make it open in a new tab<\/a><\/p>\r\n<p>\t\t<\/p>","protected":false},"excerpt":{"rendered":"<p>This tutorial will show you how to create a link in Wordpress post\/page and make it open in a new tab.<\/p>\n","protected":false},"author":80,"featured_media":48319,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[728],"tags":[521,617,592,977,2405],"_links":{"self":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/48308"}],"collection":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/users\/80"}],"replies":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/comments?post=48308"}],"version-history":[{"count":0,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/48308\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media\/48319"}],"wp:attachment":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media?parent=48308"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/categories?post=48308"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/tags?post=48308"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}