{"id":12192,"date":"2014-08-23T05:36:46","date_gmt":"2014-08-23T09:36:46","guid":{"rendered":"http:\/\/info.template-help.com\/?p=12192"},"modified":"2017-08-01T10:04:15","modified_gmt":"2017-08-01T14:04:15","slug":"joomla-how-to-create-cross-articles-links","status":"publish","type":"post","link":"https:\/\/www.templatemonster.com\/help\/joomla-how-to-create-cross-articles-links.html","title":{"rendered":"Joomla 3.x. How to create cross-articles links"},"content":{"rendered":"<p><\/p>\r\n<p>This tutorial shows how to create cross-articles links. In other words, you\u2019ll see how to insert a link to some article and connect the link with the other article.<\/p>\r\n<p><a href=\"http:\/\/www.youtube.com\/watch?v=PnVzJTLcj1E?width=1280&amp;height=720\" rel=\"prettyPhoto\">Joomla 3.x. How to create cross-articles links<\/a><\/p>\r\n<p>Please follow these instructions to assign links to the articles in your Joomla site.<\/p>\r\n<ol>\r\n<li>\r\n<p>Log into your Joomla admin panel. Go to <strong>Content -> Article manager<\/strong> section:<\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2011\/11\/joomla_3.how_to_create_cross-articles_links_1.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2011\/11\/joomla_3.how_to_create_cross-articles_links_1-300x188.png\" alt=\"joomla_3.how_to_create_cross-articles_links_1\" width=\"300\" height=\"188\" class=\"aligncenter size-medium wp-image-36223\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2011\/11\/joomla_3.how_to_create_cross-articles_links_1-300x188.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2011\/11\/joomla_3.how_to_create_cross-articles_links_1-150x94.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2011\/11\/joomla_3.how_to_create_cross-articles_links_1.png 999w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\r\n<\/li>\r\n<li>\r\n<p>Select the article where you need to add link to another article. We will work with the Management article, select any article you need in your admin panel article manager.<\/p>\r\n<\/li>\r\n<li>\r\n<p>Open the article. Find the <strong>&#8220;Article&#8221;<\/strong> button to select the article you need to add as link:<\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2011\/11\/joomla_3.how_to_create_cross-articles_links_2.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2011\/11\/joomla_3.how_to_create_cross-articles_links_2-300x164.png\" alt=\"joomla_3.how_to_create_cross-articles_links_2\" width=\"300\" height=\"164\" class=\"aligncenter size-medium wp-image-36224\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2011\/11\/joomla_3.how_to_create_cross-articles_links_2-300x164.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2011\/11\/joomla_3.how_to_create_cross-articles_links_2-150x82.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2011\/11\/joomla_3.how_to_create_cross-articles_links_2.png 1000w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\r\n<\/li>\r\n<li>\r\n<p>Select the article from the list. We have selected article with title &#8220;Solutions&#8221;: <\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2011\/11\/joomla_3.how_to_create_cross-articles_links_3.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2011\/11\/joomla_3.how_to_create_cross-articles_links_3-300x167.png\" alt=\"joomla_3.how_to_create_cross-articles_links_3\" width=\"300\" height=\"167\" class=\"aligncenter size-medium wp-image-36225\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2011\/11\/joomla_3.how_to_create_cross-articles_links_3-300x167.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2011\/11\/joomla_3.how_to_create_cross-articles_links_3-150x83.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2011\/11\/joomla_3.how_to_create_cross-articles_links_3.png 1000w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\r\n<\/li>\r\n<li>\r\n<p>Save your changes and see the initial article page. It has a link to the new article now:<\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2011\/11\/joomla_3.how_to_create_cross-articles_links_4.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2011\/11\/joomla_3.how_to_create_cross-articles_links_4-300x136.png\" alt=\"joomla_3.how_to_create_cross-articles_links_4\" width=\"300\" height=\"136\" class=\"aligncenter size-medium wp-image-36226\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2011\/11\/joomla_3.how_to_create_cross-articles_links_4-300x136.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2011\/11\/joomla_3.how_to_create_cross-articles_links_4-150x68.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2011\/11\/joomla_3.how_to_create_cross-articles_links_4.png 1000w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\r\n<\/li>\r\n<li>\r\n<p>You can also assign an image to this link. You need to edit the html source of the article. Click on <strong>Tools -> Source Code<\/strong>:<\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2011\/11\/joomla_3.how_to_create_cross-articles_links_5.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2011\/11\/joomla_3.how_to_create_cross-articles_links_5-300x203.png\" alt=\"joomla_3.how_to_create_cross-articles_links_5\" width=\"300\" height=\"203\" class=\"aligncenter size-medium wp-image-36227\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2011\/11\/joomla_3.how_to_create_cross-articles_links_5-300x203.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2011\/11\/joomla_3.how_to_create_cross-articles_links_5-150x101.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2011\/11\/joomla_3.how_to_create_cross-articles_links_5.png 999w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\r\n<\/li>\r\n<li>\r\n<p>The link code looks like the following:<\/p>\r\n<pre class=\"brush:html\">\r\n\t&lt;a href=\"index.php?option=com_content&amp;view=article&amp;id=20&amp;catid=19&amp;Itemid=101\"&gt;solutions&lt;\/a&gt;\r\n<\/pre>\r\n<p>\tYou need to add the html code for the image between the opening tag <strong>&lt;a href=&#8221;\u2026&#8221;&gt;<\/strong> and closing tag<strong> &lt;\/a&gt;<\/strong>.<br \/>\r\n\tThe final code should look like the following:<\/p>\r\n<pre class=\"brush:html\">\r\n&lt;a href=\"index.php?option=com_content&amp;view=article&amp;id=20&amp;catid=19&amp;Itemid=101\"&gt;\r\n&lt;img src=\"http:\/\/templatetesting.com\/carey\/images\/team\/team-2.jpg\" \/&gt;solutions\r\n&lt;\/a&gt;\r\n<\/pre>\r\n<\/p>\r\n<\/li>\r\n<li>\r\n<p>Save the changes and check the site. The image in the initial article content is also linked to another article now:<\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2011\/11\/joomla_3.how_to_create_cross-articles_links_6.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2011\/11\/joomla_3.how_to_create_cross-articles_links_6-300x142.png\" alt=\"joomla_3.how_to_create_cross-articles_links_6\" width=\"300\" height=\"142\" class=\"aligncenter size-medium wp-image-36228\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2011\/11\/joomla_3.how_to_create_cross-articles_links_6-300x142.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2011\/11\/joomla_3.how_to_create_cross-articles_links_6-150x71.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2011\/11\/joomla_3.how_to_create_cross-articles_links_6.png 1000w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\r\n<\/li>\r\n<\/ol>\r\n<p>Feel free to check the detailed video tutorial below:<\/p>\r\n<p><a href=\"http:\/\/www.youtube.com\/watch?v=PnVzJTLcj1E?width=1280&amp;height=720\" rel=\"prettyPhoto\">Joomla 3.x. How to create cross-articles links<\/a><\/p>\r\n<p><\/p>\r\n<p><\/p>\r\n<p><\/p>\r\n<div class=\"inline-banner\">\r\n<a href=\"https:\/\/www.templatemonster.com\/cart.php?addOffer=587\">\r\n<img src=\"\/help\/files\/banners\/inline\/Banner-1-(500-x100).jpg\" \/>\r\n<\/a>\r\n<\/div>","protected":false},"excerpt":{"rendered":"<p>This tutorial shows how to create cross-articles links. In other words you\u2019ll see how to insert link to some article and connect the link with the other article.<\/p>\n","protected":false},"author":54,"featured_media":12197,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[724],"tags":[591,1719,1239,483,521],"_links":{"self":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/12192"}],"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\/54"}],"replies":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/comments?post=12192"}],"version-history":[{"count":1,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/12192\/revisions"}],"predecessor-version":[{"id":82441,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/12192\/revisions\/82441"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media\/12197"}],"wp:attachment":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media?parent=12192"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/categories?post=12192"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/tags?post=12192"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}