{"id":1576,"date":"2014-09-15T10:24:57","date_gmt":"2014-09-15T14:24:57","guid":{"rendered":"http:\/\/mts-help.nick.php.dev\/eoc\/joomla\/article15.html"},"modified":"2017-08-01T05:59:38","modified_gmt":"2017-08-01T09:59:38","slug":"how-add-new-banner","status":"publish","type":"post","link":"https:\/\/www.templatemonster.com\/help\/how-add-new-banner.html","title":{"rendered":"Joomla 3.x. How to add a new banner"},"content":{"rendered":"<p>\r\n<p>This tutorial shows how to add banners to your Joomla 3.x website.<\/p>\r\n<p><a href=\"http:\/\/www.youtube.com\/watch?v=CQ7azJtp91A?width=1280&amp;height=720\" rel=\"prettyPhoto\">Joomla 3.x. How to add a new banner<\/a><\/p>\r\n<ol>\r\n<li>\r\n<p>Add banner category and client.<\/p>\r\n<p>First, open Joomla admin panel. Joomla banners are controlled by the banners component, so to access it from the top menu, select <strong>Components &gt; Banner<\/strong>. To store banners, you should have banners client and banners category:<\/p>\r\n<p>\t<a href=\"\/help\/wp-content\/uploads\/2010\/11\/Joomla_3.x_How_to_add_new_banners-1_001.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2010\/11\/Joomla_3.x_How_to_add_new_banners-1_001-300x145.png\" alt=\"Joomla_3.x_How_to_add_new_banners-1_001\" width=\"300\" height=\"145\" class=\"aligncenter size-medium wp-image-36728\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2010\/11\/Joomla_3.x_How_to_add_new_banners-1_001-300x145.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2010\/11\/Joomla_3.x_How_to_add_new_banners-1_001-150x72.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2010\/11\/Joomla_3.x_How_to_add_new_banners-1_001-1024x495.png 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2010\/11\/Joomla_3.x_How_to_add_new_banners-1_001.png 1246w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\r\n<p>Go to <strong>Components -&gt; Banner -&gt; Categories<\/strong> and add new category.<\/p>\r\n<p>Go to <strong>Components -&gt; Banner -&gt; Clients<\/strong> and add new client.<\/p>\r\n<\/li>\r\n<li>\r\n<p>Add new banner. When the category and client are ready, you can add a new banner. Go to <strong>Components -&gt; Banner -&gt; Banners<\/strong>.<\/p>\r\n<p>Click <strong>New<\/strong> in the top right corner to add new banner:<\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2010\/11\/Joomla_3.x_How_to_add_new_banners-2.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2010\/11\/Joomla_3.x_How_to_add_new_banners-2-300x38.png\" alt=\"Joomla_3.x_How_to_add_new_banners-2\" width=\"300\" height=\"38\" class=\"aligncenter size-medium wp-image-36729\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2010\/11\/Joomla_3.x_How_to_add_new_banners-2-300x38.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2010\/11\/Joomla_3.x_How_to_add_new_banners-2-150x19.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2010\/11\/Joomla_3.x_How_to_add_new_banners-2-1024x133.png 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2010\/11\/Joomla_3.x_How_to_add_new_banners-2.png 1277w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\r\n<\/li>\r\n<li>\r\n<p>On the banner editing page input banner title, URL and upload the banner image. Don\u2019t forget to select the banner client and category:<\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2010\/11\/Joomla_3.x_How_to_add_new_banners-3.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2010\/11\/Joomla_3.x_How_to_add_new_banners-3-300x135.png\" alt=\"Joomla_3.x_How_to_add_new_banners-3\" width=\"300\" height=\"135\" class=\"aligncenter size-medium wp-image-36730\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2010\/11\/Joomla_3.x_How_to_add_new_banners-3-300x135.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2010\/11\/Joomla_3.x_How_to_add_new_banners-3-150x67.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2010\/11\/Joomla_3.x_How_to_add_new_banners-3-1024x461.png 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2010\/11\/Joomla_3.x_How_to_add_new_banners-3.png 1238w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\r\n<\/li>\r\n<li>\r\n<p>Banner image should be uploaded before you can select it from the admin panel. To upload the banner image, use the FTP manager and upload the image to the <strong>images\/banners<\/strong> directory of your Joomla installation. You can learn more about using <a href=\"\/help\/how-upload-files-server-2.html\">FTP managers to upload files<\/a>.<\/p>\r\n<\/li>\r\n<li>\r\n<p>When the banner creating procedure is complete, click Save button to keep your changes.<\/p>\r\n<li>\r\n<p>Publish the banner. To publish the newly created banner, you need to create a banner module and put it to the desired position.<\/p>\r\n<\/li>\r\n<li>\r\n<p>From the Joomla admin top menu select <strong>Extensions -&gt; Module manager:<\/strong><\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2010\/11\/Joomla_3.x_How_to_add_new_banners-4.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2010\/11\/Joomla_3.x_How_to_add_new_banners-4-300x226.png\" alt=\"Joomla_3.x_How_to_add_new_banners-4\" width=\"300\" height=\"226\" class=\"aligncenter size-medium wp-image-36731\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2010\/11\/Joomla_3.x_How_to_add_new_banners-4-300x226.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2010\/11\/Joomla_3.x_How_to_add_new_banners-4-150x113.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2010\/11\/Joomla_3.x_How_to_add_new_banners-4.png 318w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\r\n<\/li>\r\n<li>\r\n<p>Click <strong>New<\/strong> button in the top right corner to add a new module. On the appeared screen select the module type: <strong>Banner<\/strong>:<\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2010\/11\/Joomla_3.x_How_to_add_new_banners-5.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2010\/11\/Joomla_3.x_How_to_add_new_banners-5-300x254.png\" alt=\"Joomla_3.x_How_to_add_new_banners-5\" width=\"300\" height=\"254\" class=\"aligncenter size-medium wp-image-36732\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2010\/11\/Joomla_3.x_How_to_add_new_banners-5-300x254.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2010\/11\/Joomla_3.x_How_to_add_new_banners-5-150x127.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2010\/11\/Joomla_3.x_How_to_add_new_banners-5.png 639w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n<\/li>\r\n<li>\r\n<p>Input the module title, select position, define the pages where the module will be visible, select the banners category and client. When you are done, click <strong>Save<\/strong>: <\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2010\/11\/Joomla_3.x_How_to_add_new_banners-6.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2010\/11\/Joomla_3.x_How_to_add_new_banners-6-300x136.png\" alt=\"Joomla_3.x_How_to_add_new_banners-6\" width=\"300\" height=\"136\" class=\"aligncenter size-medium wp-image-36733\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2010\/11\/Joomla_3.x_How_to_add_new_banners-6-300x136.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2010\/11\/Joomla_3.x_How_to_add_new_banners-6-150x68.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2010\/11\/Joomla_3.x_How_to_add_new_banners-6-1024x466.png 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2010\/11\/Joomla_3.x_How_to_add_new_banners-6.png 1249w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\r\n<\/li>\r\n<\/ol>\r\n<p>Now you can view your website with the newly created banner available.<\/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=CQ7azJtp91A?width=1280&amp;height=720\" rel=\"prettyPhoto\">Joomla 3.x. How to add a new banner<\/a><br \/>\r\n<\/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 add banners to your Joomla 3.x website<\/p>\n","protected":false},"author":73,"featured_media":37601,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[724],"tags":[547,483,617],"_links":{"self":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/1576"}],"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\/73"}],"replies":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/comments?post=1576"}],"version-history":[{"count":1,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/1576\/revisions"}],"predecessor-version":[{"id":82409,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/1576\/revisions\/82409"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media\/37601"}],"wp:attachment":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media?parent=1576"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/categories?post=1576"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/tags?post=1576"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}