{"id":1269,"date":"2021-04-17T10:47:45","date_gmt":"2021-04-17T07:47:45","guid":{"rendered":"https:\/\/www.scalahosting.com\/kb\/?p=1269"},"modified":"2025-11-27T14:41:13","modified_gmt":"2025-11-27T12:41:13","slug":"wordpress-how-to-install-a-new-theme-from-the-wordpress-dashboard","status":"publish","type":"post","link":"https:\/\/www.scalahosting.com\/kb\/wordpress-how-to-install-a-new-theme-from-the-wordpress-dashboard\/","title":{"rendered":"Install WordPress Theme from Dashboard"},"content":{"rendered":"<p><span style=\"font-weight: 400;\">If you\u2019re reading this, chances are your website is part of the <\/span><a href=\"https:\/\/w3techs.com\/technologies\/overview\/content_management\"><b>40.9 percent<\/b><\/a><span style=\"font-weight: 400;\"> using WordPress \u2014 <\/span><i><span style=\"font-weight: 400;\">which is a great thing, by the way.<\/span><\/i><\/p>\n<p><span style=\"font-weight: 400;\">Now you have your <\/span><b>WordPress up and running<\/b><span style=\"font-weight: 400;\"> and the next thing should be <\/span><b>customization<\/b><span style=\"font-weight: 400;\">.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">This guide will walk you through <\/span><b>vamping your website<\/b><span style=\"font-weight: 400;\"> by installing and setting up a new theme from your WordPress dashboard.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Let\u2019s dive in.<\/span><\/p>\n<h2><b>Installing a New Theme from WordPress Theme Directory<\/b><\/h2>\n<p><span style=\"font-weight: 400;\">WordPress offers a directory of over <\/span><b>6,000 free themes<\/b> <i><span style=\"font-weight: 400;\">(and plugins)<\/span><\/i><span style=\"font-weight: 400;\"> to users from its directory. Using these themes requires little to zero knowledge of coding.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">With a <\/span><b>few clicks<\/b><span style=\"font-weight: 400;\">, you can <\/span><b>switch up your site\u2019s aesthetics<\/b><span style=\"font-weight: 400;\"> using free themes or installing a premium one.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">These themes go through a strict review process to make sure they\u2019re not only compatible with the <\/span><b>different versions of WordPress <\/b><span style=\"font-weight: 400;\">but with all the <\/span><b>free plugins<\/b><span style=\"font-weight: 400;\"> found there too. Actually we\u2019ll teach you how to <\/span><b>install a (<\/b><b><i>free<\/i><\/b><b>) new theme<\/b><span style=\"font-weight: 400;\"> from your WordPress directory right now.<\/span><\/p>\n<p><b>You just need to follow these steps :<\/b><\/p>\n<ol>\n<li><span style=\"font-weight: 400;\"> If you haven\u2019t already, <\/span><a href=\"https:\/\/www.scalahosting.com\/kb\/how-to-log-in-to-wordpress\/\"><b>log in to your WordPress <\/b><\/a><span style=\"font-weight: 400;\">admin dashboard.<\/span><\/li>\n<li><span style=\"font-weight: 400;\"> Click on <\/span><b>Appearance &gt; Themes\u00a0<\/b><\/li>\n<\/ol>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-1275\" src=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2021\/04\/image6-1.jpg\" alt=\"Install WordPress Theme from Dashboard, Installing a New Theme from WordPress Theme Directory\" width=\"327\" height=\"416\" srcset=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2021\/04\/image6-1.jpg 327w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2021\/04\/image6-1-236x300.jpg 236w\" sizes=\"(max-width: 361px) 660px, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 910px, 1140px\" \/><\/p>\n<ol start=\"3\">\n<li><span style=\"font-weight: 400;\"> Right on the top, hit the <\/span><b>Add New<\/b><span style=\"font-weight: 400;\"> button.<\/span><\/li>\n<\/ol>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-1277\" src=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2021\/04\/image8-4.png\" alt=\"Install WordPress Theme from Dashboard, Installing a New Theme from WordPress Theme Directory 2\" width=\"612\" height=\"119\" srcset=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2021\/04\/image8-4.png 612w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2021\/04\/image8-4-300x58.png 300w\" sizes=\"(max-width: 361px) 660px, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 910px, 1140px\" \/><\/p>\n<ol start=\"4\">\n<li><span style=\"font-weight: 400;\"> The next page will reveal a <\/span><b>variety of themes<\/b><span style=\"font-weight: 400;\"> to choose from. Take your time and scroll through the catalog.\u00a0<\/span><\/li>\n<\/ol>\n<p><span style=\"font-weight: 400;\">You can also streamline what you\u2019re looking for by searching through these categories \u2014 <\/span><i><span style=\"font-weight: 400;\">Featured, Popular, Latest, and Favorites.<\/span><\/i><\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-1276\" src=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2021\/04\/image7-6.png\" alt=\"Install WordPress Theme from Dashboard, Installing a New Theme from WordPress Theme Directory 3\" width=\"784\" height=\"384\" srcset=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2021\/04\/image7-6.png 784w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2021\/04\/image7-6-300x147.png 300w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2021\/04\/image7-6-768x376.png 768w\" sizes=\"(max-width: 361px) 660px, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 910px, 1140px\" \/><\/p>\n<ol start=\"5\">\n<li><span style=\"font-weight: 400;\"> Use the<\/span><b> Feature Filter<\/b><span style=\"font-weight: 400;\"> settings to set parameters and get the best theme features for your website. Filter your options by &#8211; <\/span><b>Layout, Features, and Subject.\u00a0<\/b><\/li>\n<\/ol>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-1274\" src=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2021\/04\/image5-8.png\" alt=\"Install WordPress Theme from Dashboard, Installing a New Theme from WordPress Theme Directory 4\" width=\"737\" height=\"446\" srcset=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2021\/04\/image5-8.png 737w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2021\/04\/image5-8-300x182.png 300w\" sizes=\"(max-width: 361px) 660px, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 910px, 1140px\" \/><\/p>\n<ol start=\"6\">\n<li><span style=\"font-weight: 400;\"> Hit <\/span><b>Apply Filter<\/b><span style=\"font-weight: 400;\"> when you\u2019ve chosen the features you need.<\/span><\/li>\n<\/ol>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-1272\" src=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2021\/04\/image3-10.png\" alt=\"Install WordPress Theme from Dashboard, Installing a New Theme from WordPress Theme Directory 5\" width=\"376\" height=\"145\" srcset=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2021\/04\/image3-10.png 376w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2021\/04\/image3-10-300x116.png 300w\" sizes=\"(max-width: 361px) 660px, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 910px, 1140px\" \/><\/p>\n<ol start=\"7\">\n<li><span style=\"font-weight: 400;\"> Click<\/span><b> Details and Preview <\/b><span style=\"font-weight: 400;\">when you find the theme of your choice to see more information about the theme. Preview lets you see how a <\/span><b>theme plays out live<\/b><span style=\"font-weight: 400;\"> on your dashboard before installing.<\/span><\/li>\n<li><span style=\"font-weight: 400;\"> Then, click<\/span><b> Install.<\/b><\/li>\n<li><span style=\"font-weight: 400;\"> Complete the installation process by hitting the <\/span><b>Activate<\/b><span style=\"font-weight: 400;\"> button.<\/span><\/li>\n<\/ol>\n<p><span style=\"font-weight: 400;\">That\u2019s it. Now you can play around with <\/span><b>different customization effects <\/b><span style=\"font-weight: 400;\">and choose what works best for you.<\/span><\/p>\n<h2><b>Installing a New Theme via Uploads from the WordPress Dashboard<\/b><\/h2>\n<p><span style=\"font-weight: 400;\">To install a new theme on WordPress via uploads, you must first <\/span><b>purchase a premium theme<\/b><span style=\"font-weight: 400;\"> from a <\/span><b>non-WordPress developer.<\/b><\/p>\n<p><b>Use the following instructions to learn how to upload and install a new theme on WordPress :<\/b><\/p>\n<ol>\n<li><span style=\"font-weight: 400;\"> First, download a premium theme from a theme marketplace \u2014 <\/span><a href=\"https:\/\/themeforest.net\/\"><b>Themeforest<\/b><\/a><b>, <\/b><a href=\"https:\/\/www.studiopress.com\/\"><b>StudioPress<\/b><\/a><span style=\"font-weight: 400;\">, and <\/span><a href=\"https:\/\/www.mojomarketplace.com\/\"><b>MOJO Marketplace<\/b><\/a><span style=\"font-weight: 400;\"> are great places to start.\u00a0<\/span><\/li>\n<\/ol>\n<p><span style=\"font-weight: 400;\">Downloaded themes are always in <\/span><b>.zip files<\/b><span style=\"font-weight: 400;\"> \u2014<\/span><i><span style=\"font-weight: 400;\"> but don\u2019t worry<\/span><\/i><span style=\"font-weight: 400;\"> \u2014 <\/span><i><span style=\"font-weight: 400;\">you won\u2019t need to unzip them before uploading.<\/span><\/i><\/p>\n<ol start=\"2\">\n<li><span style=\"font-weight: 400;\"> Head over to your dashboard and select <\/span><b>Appearance &gt; Themes<\/b><span style=\"font-weight: 400;\">.<\/span><\/li>\n<li><span style=\"font-weight: 400;\"> Click the <\/span><b>Add New <\/b><span style=\"font-weight: 400;\">button at the top.<\/span><\/li>\n<li><span style=\"font-weight: 400;\"> On the new page that appears, click <\/span><b>Upload Theme<\/b><span style=\"font-weight: 400;\">. This uploads the zip file from your computer to the <\/span><b>WordPress dashboard.<\/b><\/li>\n<\/ol>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-1270\" src=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2021\/04\/image1-10.png\" alt=\"Install WordPress Theme from Dashboard, Installing a New Theme via Uploads from the WordPress Dashboard\" width=\"513\" height=\"116\" srcset=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2021\/04\/image1-10.png 513w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2021\/04\/image1-10-300x68.png 300w\" sizes=\"(max-width: 361px) 660px, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 910px, 1140px\" \/><\/p>\n<ol start=\"5\">\n<li><span style=\"font-weight: 400;\"> Select <\/span><b>Choose file<\/b><span style=\"font-weight: 400;\"> to choose from the files on your computer. Then, click <\/span><b>Install Now<\/b><span style=\"font-weight: 400;\"> to complete the installation process.<\/span><\/li>\n<\/ol>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-1273\" src=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2021\/04\/image4-10.png\" alt=\"Install WordPress Theme from Dashboard, Installing a New Theme via Uploads from the WordPress Dashboard 2\" width=\"953\" height=\"290\" srcset=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2021\/04\/image4-10.png 953w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2021\/04\/image4-10-300x91.png 300w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2021\/04\/image4-10-768x234.png 768w\" sizes=\"(max-width: 361px) 660px, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 910px, 1140px\" \/><\/p>\n<p><span style=\"font-weight: 400;\">The remaining steps are similar to what we discussed above. To check the theme out, hit the<\/span><b> Live Preview<\/b><span style=\"font-weight: 400;\"> button and then<\/span><b> Activate<\/b><span style=\"font-weight: 400;\"> it to seal the process.<\/span><\/p>\n<h2><b>How to Setup your New WordPress Theme on your Dashboard<\/b><\/h2>\n<p><span style=\"font-weight: 400;\">There are many ways to set up your <\/span><b>WordPress theme <\/b><span style=\"font-weight: 400;\">after installation. If you\u2019re not sure where to begin, use the theme\u2019s documentation.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Usually, you\u2019ll find it embedded in the theme or on the<\/span><b> developer\u2019s website<\/b><span style=\"font-weight: 400;\">. If that doesn\u2019t bring up favorable results, then just search it up on the internet.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">For this post, we\u2019ll look at three basic things you can do to<\/span><b> extend your website\u2019s functionality and design.<\/b><\/p>\n<h3><b>Install Necessary Plugins<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">Plugins give your site\u2019s functionality an extra <\/span><i><span style=\"font-weight: 400;\">oomph <\/span><\/i><span style=\"font-weight: 400;\">when you<\/span> <span style=\"font-weight: 400;\">install them. <\/span><b>Most themes require plugins to perform well.\u00a0<\/b><\/p>\n<p><span style=\"font-weight: 400;\">To know the right plugins to install, check the <\/span><b>theme\u2019s documentation<\/b><span style=\"font-weight: 400;\">, or look for a notice on your dashboard immediately after installation.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Chances are, if you get a notice on your dashboard, you\u2019ll go through the <\/span><b>plugin installation process <\/b><span style=\"font-weight: 400;\">automatically. Use the <\/span><b>bulk select tool <\/b><span style=\"font-weight: 400;\">to install and activate multiple plugins at once.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">If you get the details from the theme\u2019s documentation, you must <\/span><b>manually install the required plugins.<\/b><\/p>\n<h3><b>Using Theme Options or Customizer<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">Sometimes, your theme might have a <\/span><b>theme options page<\/b><span style=\"font-weight: 400;\">, though some of its functionality has been moved to the customizer to show you a live preview after activation. You can <\/span><b>access the theme options page<\/b><span style=\"font-weight: 400;\"> under <\/span><b>Appearance &gt; Theme options<\/b><span style=\"font-weight: 400;\"> or as a standalone menu on your dashboard.<\/span><\/p>\n<p><b>Here\u2019s what you can do on the theme options page :<\/b><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Set up your general homepage<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Choose and customize color schemes.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Work on the site\u2019s layout.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Add social media links.<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">However, with the <\/span><b>customizer<\/b><span style=\"font-weight: 400;\">, you can do more than this \u2014 like fix header and background images and change basic site information. This also means that your theme might not support every customizer functionality.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">To use the customizer, head to <\/span><b>Appearance &gt; Customize. <\/b><span style=\"font-weight: 400;\">The following page will have two panels \u2014 the left for testing out functionalities and the right for seeing a live preview.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">You can now <\/span><b>change your site title <\/b><span style=\"font-weight: 400;\">or upload a background image (<\/span><i><span style=\"font-weight: 400;\">if applicable)<\/span><\/i><span style=\"font-weight: 400;\">.<\/span><\/p>\n<h3><b>Add Menus<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">The <\/span><b>menu editor <\/b><span style=\"font-weight: 400;\">lets you set up navigation blocks for users. You\u2019ll find the menu editor under <\/span><b>Appearance &gt; Menus.\u00a0<\/b><\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-1271\" src=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2021\/04\/image2-10.png\" alt=\"Install WordPress Theme from Dashboard, Add Menus\" width=\"650\" height=\"420\" srcset=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2021\/04\/image2-10.png 650w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2021\/04\/image2-10-300x194.png 300w\" sizes=\"(max-width: 361px) 660px, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 910px, 1140px\" \/><\/p>\n<p><span style=\"font-weight: 400;\">As with the customizer, you\u2019ll see a two side panel. This time, you can fiddle with items on the left side and see the structure on the right. You may also give your menu a name that <\/span><b>reflects the section <\/b><span style=\"font-weight: 400;\">you want to be displayed.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">You can do everything from using <\/span><b>custom links<\/b><span style=\"font-weight: 400;\"> to fix up what\u2019s missing to indenting menu items to show as<\/span><b> sub-menus.<\/b><span style=\"font-weight: 400;\">\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Play around with the <\/span><b>drag and drop feature<\/b><span style=\"font-weight: 400;\"> to arrange the menu items, and click <\/span><b>View All<\/b><span style=\"font-weight: 400;\"> to see how everything turned out.<\/span><\/p>\n<h2><b>What Next?<\/b><\/h2>\n<p><span style=\"font-weight: 400;\">Now you\u2019ve changed up your website\u2019s style, look, and feel, the final thing you should keep in mind is to keep your <\/span><b>plugins and themes updated.<\/b><\/p>\n<p><span style=\"font-weight: 400;\">Of course, if you use a <\/span><a href=\"https:\/\/www.scalahosting.com\/kb\/what-is-managed-wordpress\/\"><b>Managed WordPress<\/b><\/a><span style=\"font-weight: 400;\">, we\u2019ll notify you of <\/span><b>outdated plugins<\/b><span style=\"font-weight: 400;\">. Along with this, we keep your site running at <\/span><b>100 %.<\/b><\/p>\n","protected":false},"excerpt":{"rendered":"<p>If you\u2019re reading this, chances are your website is part of the 40.9 percent using WordPress \u2014 which is a great thing, by the way. Now you have your WordPress up and running and the next thing should be customization. This guide will walk you through vamping your website by installing and setting up a [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_seopress_robots_primary_cat":"none","_seopress_titles_title":"Install WordPress Theme from Dashboard | ScalaHosting KB","_seopress_titles_desc":"","_seopress_robots_index":"","footnotes":""},"categories":[34],"tags":[],"class_list":["post-1269","post","type-post","status-publish","format-standard","hentry","category-web-hosting"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.scalahosting.com\/kb\/wp-json\/wp\/v2\/posts\/1269","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.scalahosting.com\/kb\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.scalahosting.com\/kb\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.scalahosting.com\/kb\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.scalahosting.com\/kb\/wp-json\/wp\/v2\/comments?post=1269"}],"version-history":[{"count":5,"href":"https:\/\/www.scalahosting.com\/kb\/wp-json\/wp\/v2\/posts\/1269\/revisions"}],"predecessor-version":[{"id":5903,"href":"https:\/\/www.scalahosting.com\/kb\/wp-json\/wp\/v2\/posts\/1269\/revisions\/5903"}],"wp:attachment":[{"href":"https:\/\/www.scalahosting.com\/kb\/wp-json\/wp\/v2\/media?parent=1269"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.scalahosting.com\/kb\/wp-json\/wp\/v2\/categories?post=1269"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.scalahosting.com\/kb\/wp-json\/wp\/v2\/tags?post=1269"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}