{"id":151,"date":"2020-02-12T10:36:44","date_gmt":"2020-02-12T10:36:44","guid":{"rendered":"https:\/\/www.lcn.com\/support\/knowledge-base\/adding-wordpress-theme\/"},"modified":"2020-02-12T10:36:44","modified_gmt":"2020-02-12T10:36:44","slug":"adding-wordpress-theme","status":"publish","type":"ht_kb","link":"https:\/\/www.lcn.com\/support\/articles\/adding-wordpress-theme\/","title":{"rendered":"How to add and test a WordPress theme"},"content":{"rendered":"<h2>Adding and testing a new WordPress theme<\/h2>\n<p>So after much careful consideration, you\u2019ve found a theme that\u2019s right for you and your new website. Let\u2019s get it uploaded to your WordPress site so we can test it out.<\/p>\n<p>Login to your WordPress dashboard and look for \u201cAppearance\u201d and then \u201cThemes\u201d.<\/p>\n<p><img decoding=\"async\" class=\"screenshot\" src=\"\/support\/articles\/attachment\/700\/inline\/original\/1530617927\/wordpress-adding-themes-1.png\"\/><\/p>\n<p>You\u2019ll then be presented with a page displaying what themes you\u2019ve already installed on your WordPress site. To add a new theme, just click the \u201cAdd New\u201d button at the top.<\/p>\n<p><img decoding=\"async\" class=\"screenshot\" src=\"\/support\/articles\/attachment\/701\/inline\/original\/1530617933\/wordpress-adding-themes-2.png\"\/><\/p>\n<p>You then have two options\u2026<\/p>\n<ol>\n<li><strong>Add an official WordPress Theme Directory theme<\/strong>\n<p>On the \u201cAdd Themes\u201d page you\u2019ll be presented with a list of themes from the official WordPress Theme Directory. You can also view the \u201cFeatured\u201d, \u201cPopular\u201d and \u201cLatest\u201d themes available.<\/p>\n<p><img decoding=\"async\" class=\"screenshot\" src=\"\/support\/articles\/attachment\/702\/inline\/original\/1530617937\/wordpress-adding-themes-3.png\"\/><\/p>\n<p>You can also use the search box (as the image above shows) to find any particular theme you either already know the name of, or to find one using any particular keywords (such as \u201cresponsive\u201d, \u201cmodern\u201d, \u201csingle column\u201d.<\/p>\n<p>Hover over any theme you like the look of and you\u2019ll see a \u201cPreview\u201d option. Hit this button, and it will take you to a preview of what your site would look like using that particular theme.<\/p>\n<p><img decoding=\"async\" class=\"screenshot\" src=\"\/support\/articles\/attachment\/703\/inline\/original\/1530617942\/wordpress-adding-themes-4.png\"\/><\/p>\n<p>If you like it, you can hit \u201cInstall\u201d to install it to your WordPress site.<\/p>\n<p><img decoding=\"async\" class=\"screenshot\" src=\"\/support\/articles\/attachment\/704\/inline\/original\/1530617947\/wordpress-adding-themes-5.png\"\/><\/li>\n<li><strong>Upload a theme<\/strong>\n<p>To upload your own theme, such as a premium theme you have purchased from elsewhere, just look for the \u201cUpload Theme\u201d button on the \u201cAdd Themes\u201d page.<\/p>\n<p><img decoding=\"async\" class=\"screenshot\" src=\"\/support\/articles\/attachment\/705\/inline\/original\/1530617951\/wordpress-adding-themes-6.png\"\/><\/p>\n<p>Any theme you download should come as a .zip file. This is the format required by WordPress in order to properly install your theme.<\/p>\n<p>Hit \u201cChoose file\u201d and locate the theme .zip file on your computer and select the \u201cOpen\u201d button.<\/p>\n<p><img decoding=\"async\" class=\"screenshot\" src=\"\/support\/articles\/attachment\/706\/inline\/original\/1530617958\/wordpress-adding-themes-7.png\"\/><\/p>\n<p>Then hit \u201cInstall Now\u201d.<\/p>\n<p><img decoding=\"async\" class=\"screenshot\" src=\"\/support\/articles\/attachment\/707\/inline\/original\/1530617963\/wordpress-adding-themes-8.png\"\/><\/p>\n<p><strong>It\u2019s important to note<\/strong> that when a theme is installed, it doesn\u2019t mean that it\u2019s activated (active on your WordPress site for the world to see). It simply means it\u2019s installed and you can choose to activate it when you wish.<\/p>\n<\/li>\n<\/ol>\n<p>When previewing, bear in mind that themes often need customising to fit your layout.<\/p>\n<h3>Preview and activate your new theme<\/h3>\n<p>Now your theme is installed, you can activate it from the \u201cThemes\u201d section of your WordPress dashboard.<\/p>\n<p>Just hover over the theme and two options will appear: \u201cActivate\u201d and \u201cLive Preview\u201d.<\/p>\n<p><img decoding=\"async\" class=\"screenshot\" src=\"\/support\/articles\/attachment\/708\/inline\/original\/1530617970\/wordpress-adding-themes-9.png\"\/><\/p>\n<p>Live Preview will do just that \u2013 give you a preview of what your site will look like with this theme activated, without displaying it to your website visitors.<\/p>\n<p>Select \u201cActivate\u201d to set the theme live.<\/p>\n<p>You\u2019ll now be taken to the \u201cCustomize\u201d page.<\/p>\n<hr>\n<h3>Customising your theme<\/h3>\n<p>Every WordPress theme allows various degrees of customisation. This utterly depends on the functionality the creator of the theme has built in.<\/p>\n<p>Some themes allow you to completely change the design from top to bottom \u2013 such as choosing colour schemes, layouts, other functionality, fonts etc.<\/p>\n<p>Other themes are far more limiting, which has good and bad points. A theme with limited customisation options means the design can\u2019t be messed-up by someone who isn\u2019t exactly sure of what they\u2019re doing. The obvious bad point is that you don\u2019t have as much control over how it looks.<\/p>\n<p>After installing your theme you\u2019ll be taken to the \u201cCustomize\u201d page. Alternatively, you can find it at any time under the \u201cAppearance\u201d > \u201cCustomize\u201d section of your WordPress dashboard.<\/p>\n<p>The \u201cCustomize\u201d page is split into two distinct sections.<\/p>\n<p>To the left you have your options and controls for adjusting and customising your theme.<\/p>\n<p>On the right, you\u2019ll see a preview of your theme design, which will change to reflect any custom changes you make.<\/p>\n<p><img decoding=\"async\" class=\"screenshot\" src=\"\/support\/articles\/attachment\/709\/inline\/original\/1530617977\/wordpress-adding-themes-10.png\"\/><\/p>\n<p><i>Customising options (left) \u2013 Design preview (right)<\/i><\/p>\n<p>Again, what you can customise in here is entirely down to the theme you are using. Some themes will give you more options than others.<\/p>\n<p>However, almost all themes allow you to easily change\/add\u2026<\/p>\n<ul>\n<li>Site\/company logo<\/li>\n<li>Header\/title text (The main title of your site, usually displayed on the homepage)<\/li>\n<li>Background image<\/li>\n<li>Site tagline (usually displayed under your site title)<\/li>\n<li>Site icon <a href=\"https:\/\/www.lcn.com\/blog\/beginners-guide-favicons\/\" target=\"_blank\" rel=\"noopener noreferrer\">(favicon)<\/a><\/li>\n<li>Navigation menus<\/li>\n<li>Widgets (explained further in the next section)<\/li>\n<li>Colours \/ colour scheme<\/li>\n<\/ul>\n<p>As you make changes you\u2019ll see the theme preview update on the panel to the right.<\/p>\n<p>Remember, none of these changes are live and active until you hit the \u201cSave &#038; Activate\u201d button at the top of the customise menu, so don\u2019t be afraid to get your hands dirty here and have a play with your theme to get it just right.<\/p>\n<p>Once you hit \u201cActivate\u201d, your new WordPress theme will be added to your site for the world to see.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Adding and testing a new WordPress theme So after much careful consideration, you\u2019ve found a theme that\u2019s right for you and your new website. Let\u2019s get it uploaded to your WordPress site so we can test it out. Login to your WordPress dashboard and look for \u201cAppearance\u201d and then \u201cThemes\u201d. You\u2019ll then be presented with [&hellip;]<\/p>\n","protected":false},"author":1,"comment_status":"closed","ping_status":"open","template":"","format":"standard","meta":{"footnotes":""},"ht-kb-category":[15],"ht-kb-tag":[8],"class_list":["post-151","ht_kb","type-ht_kb","status-publish","format-standard","hentry","ht_kb_category-creating-a-new-website","ht_kb_tag-wordpress-hosting"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.2 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>How to add and test a WordPress theme - LCN.com<\/title>\n<meta name=\"description\" content=\"Use our simple guide to install and test drive your new WordPress theme in just a few clicks.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.lcn.com\/support\/articles\/adding-wordpress-theme\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to add and test a WordPress theme - LCN.com\" \/>\n<meta property=\"og:description\" content=\"Use our simple guide to install and test drive your new WordPress theme in just a few clicks.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.lcn.com\/support\/articles\/adding-wordpress-theme\/\" \/>\n<meta property=\"og:site_name\" content=\"Customer Support Guides - LCN\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/lcndotcom\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.lcn.com\/support\/articles\/attachment\/700\/inline\/original\/1530617927\/wordpress-adding-themes-1.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@lcndotcom\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.lcn.com\/support\/articles\/adding-wordpress-theme\/\",\"url\":\"https:\/\/www.lcn.com\/support\/articles\/adding-wordpress-theme\/\",\"name\":\"How to add and test a WordPress theme - LCN.com\",\"isPartOf\":{\"@id\":\"https:\/\/www.lcn.com\/support\/#website\"},\"datePublished\":\"2020-02-12T10:36:44+00:00\",\"description\":\"Use our simple guide to install and test drive your new WordPress theme in just a few clicks.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.lcn.com\/support\/articles\/adding-wordpress-theme\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.lcn.com\/support\/articles\/adding-wordpress-theme\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.lcn.com\/support\/articles\/adding-wordpress-theme\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.lcn.com\/support\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to add and test a WordPress theme\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.lcn.com\/support\/#website\",\"url\":\"https:\/\/www.lcn.com\/support\/\",\"name\":\"Customer Support Guides - LCN\",\"description\":\"- LCN\",\"publisher\":{\"@id\":\"https:\/\/www.lcn.com\/support\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.lcn.com\/support\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.lcn.com\/support\/#organization\",\"name\":\"LCN.com\",\"url\":\"https:\/\/www.lcn.com\/support\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.lcn.com\/support\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.lcn.com\/support\/wp-content\/uploads\/2020\/02\/ZF_-hcc3.jpg\",\"contentUrl\":\"https:\/\/www.lcn.com\/support\/wp-content\/uploads\/2020\/02\/ZF_-hcc3.jpg\",\"width\":461,\"height\":461,\"caption\":\"LCN.com\"},\"image\":{\"@id\":\"https:\/\/www.lcn.com\/support\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/lcndotcom\",\"https:\/\/x.com\/lcndotcom\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to add and test a WordPress theme - LCN.com","description":"Use our simple guide to install and test drive your new WordPress theme in just a few clicks.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.lcn.com\/support\/articles\/adding-wordpress-theme\/","og_locale":"en_US","og_type":"article","og_title":"How to add and test a WordPress theme - LCN.com","og_description":"Use our simple guide to install and test drive your new WordPress theme in just a few clicks.","og_url":"https:\/\/www.lcn.com\/support\/articles\/adding-wordpress-theme\/","og_site_name":"Customer Support Guides - LCN","article_publisher":"https:\/\/www.facebook.com\/lcndotcom","og_image":[{"url":"https:\/\/www.lcn.com\/support\/articles\/attachment\/700\/inline\/original\/1530617927\/wordpress-adding-themes-1.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_site":"@lcndotcom","twitter_misc":{"Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.lcn.com\/support\/articles\/adding-wordpress-theme\/","url":"https:\/\/www.lcn.com\/support\/articles\/adding-wordpress-theme\/","name":"How to add and test a WordPress theme - LCN.com","isPartOf":{"@id":"https:\/\/www.lcn.com\/support\/#website"},"datePublished":"2020-02-12T10:36:44+00:00","description":"Use our simple guide to install and test drive your new WordPress theme in just a few clicks.","breadcrumb":{"@id":"https:\/\/www.lcn.com\/support\/articles\/adding-wordpress-theme\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.lcn.com\/support\/articles\/adding-wordpress-theme\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.lcn.com\/support\/articles\/adding-wordpress-theme\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.lcn.com\/support\/"},{"@type":"ListItem","position":2,"name":"How to add and test a WordPress theme"}]},{"@type":"WebSite","@id":"https:\/\/www.lcn.com\/support\/#website","url":"https:\/\/www.lcn.com\/support\/","name":"Customer Support Guides - LCN","description":"- LCN","publisher":{"@id":"https:\/\/www.lcn.com\/support\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.lcn.com\/support\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.lcn.com\/support\/#organization","name":"LCN.com","url":"https:\/\/www.lcn.com\/support\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.lcn.com\/support\/#\/schema\/logo\/image\/","url":"https:\/\/www.lcn.com\/support\/wp-content\/uploads\/2020\/02\/ZF_-hcc3.jpg","contentUrl":"https:\/\/www.lcn.com\/support\/wp-content\/uploads\/2020\/02\/ZF_-hcc3.jpg","width":461,"height":461,"caption":"LCN.com"},"image":{"@id":"https:\/\/www.lcn.com\/support\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/lcndotcom","https:\/\/x.com\/lcndotcom"]}]}},"_links":{"self":[{"href":"https:\/\/www.lcn.com\/support\/wp-json\/wp\/v2\/ht-kb\/151","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.lcn.com\/support\/wp-json\/wp\/v2\/ht-kb"}],"about":[{"href":"https:\/\/www.lcn.com\/support\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/www.lcn.com\/support\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.lcn.com\/support\/wp-json\/wp\/v2\/comments?post=151"}],"version-history":[{"count":0,"href":"https:\/\/www.lcn.com\/support\/wp-json\/wp\/v2\/ht-kb\/151\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.lcn.com\/support\/wp-json\/wp\/v2\/media?parent=151"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/www.lcn.com\/support\/wp-json\/wp\/v2\/ht-kb-category?post=151"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/www.lcn.com\/support\/wp-json\/wp\/v2\/ht-kb-tag?post=151"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}