{"id":792,"date":"2017-04-27T06:49:43","date_gmt":"2017-04-27T06:49:43","guid":{"rendered":"https:\/\/stage.pikarthouse.com\/wp\/ombra-documentation\/?page_id=792"},"modified":"2018-02-22T11:41:55","modified_gmt":"2018-02-22T11:41:55","slug":"install-and-update-theme","status":"publish","type":"page","link":"https:\/\/ombra.pikarthouse.com\/documentation\/getting-started\/install-and-update-theme\/","title":{"rendered":"Install &#038; Update Theme"},"content":{"rendered":"<p>To begin with, you need a working version of WordPress 4.7 or above, already installed. After you finish setting up your WordPress, you should carefully check all the steps listed below.<\/p>\n<div class=\"pikode pikode--cols cols \" style=\"margin-left: -36px;\" ><div class=\"pikode--column pikode--column--8\" style=\"border-left-width: 36px;\"><p>Before installing or updating Ombra Theme, you must download the necessary theme files from your ThemeForest account.<\/p>\n<p>Please make sure that <strong>you do not upload the ZIP file downloaded directly from Themeforest<\/strong>, because the ZIP file you downloaded contains extra files such as demo files and licensing. Upload the zip file containing the WordPress files only.<\/p><\/div><div class=\"pikode--column pikode--column--4\" style=\"border-left-width: 36px;\">\n<div \t\tclass=\"pikode pikode--row  summary-box\" style=\"padding: 0px 0px 36px 0px; margin: 0px -36px 0px 0px;\" >\n\t<div class=\"pikode--row__wrapper pikode--row--height-auto\"  >\n\t\t<div class=\"pikode--row-inner\">\n\n\t\t\t\n\t\t\t\t<div class=\"pikode--row__background\">\n\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"color-overlay\" style=\"opacity: 1; background-color: #4b917d;\" ><\/div>\n\t\t\t\t\t\n\t\t\t\t<\/div>\n\n\t\t\t\n\t\t\t<div class=\"pikode--row__content pikode--row__content--skin-light\"\n\t\t\t\tstyle=\"vertical-align: middle;\" >\n\n\t\t\t\t<div class=\"pikode--row__content__wrapper pikode--row__content--center\"  >\n\t\t\t\t\t<div class=\"pikode--row__content-inner pikode--row--width-auto\" style=\"padding: 0px 30px 0px 30px;\" >\n\t\t\t\t\t\t<div class=\"pikode pikode--custom-content  custom-content--28\" style=\"font-weight: 700; line-height: 1.0; text-decoration: none; color: #ffffff; padding: 36px 0px 0px 0px;\"><p>Summary<\/p><\/div>\n<p><a href=\"#install-theme\">Install Theme<\/a><br \/>\n<a href=\"#update-theme\">Update Theme<\/a><\/p>\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\n\t\t\t<\/div>\n\n\t\t<\/div>\n\t<\/div>\n<\/div>\n<\/div><\/div>\n\n<div id=\"install-theme\"\t\tclass=\"pikode pikode--row \"  >\n\t<div class=\"pikode--row__wrapper pikode--row--height-auto\"  >\n\t\t<div class=\"pikode--row-inner\">\n\n\t\t\t\n\t\t\t<div class=\"pikode--row__content pikode--row__content--skin-none\"\n\t\t\t\tstyle=\"vertical-align: middle;\" >\n\n\t\t\t\t<div class=\"pikode--row__content__wrapper pikode--row__content--center\"  >\n\t\t\t\t\t<div class=\"pikode--row__content-inner pikode--row--width-auto\"  >\n\t\t\t\t\t\t<div class=\"pikode pikode--custom-content  custom-content--28\" style=\"font-weight: 700; letter-spacing: -1px; line-height: 1.68; text-decoration: none; color: #4b917d; padding: 24px 0px 0px 0px;\"><p>Install Theme<\/p><\/div>\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\n\t\t\t<\/div>\n\n\t\t<\/div>\n\t<\/div>\n<\/div>\n\n<p><span class=\"pikode pikode--highlight highlight--fill\" style=\"background-color: #e1e1e1;  color: #ffffff;  box-shadow: 0.21em 0px 0px #e1e1e1, -0.21em 0px 0px #e1e1e1;\" >Step 1<\/span>\u00a0 \u00a0Get the Ombra theme files by going to your <i>Envato account <\/i><i>\u2192 Downloads \u2192 Ombra\u00a0\u2192 Download \u2192 Installable WordPress file only.<\/i><\/p>\n<p><span class=\"pikode pikode--highlight highlight--fill\" style=\"background-color: #e1e1e1;  color: #ffffff;  box-shadow: 0.21em 0px 0px #e1e1e1, -0.21em 0px 0px #e1e1e1;\" >Step 2<\/span>\u00a0 \u00a0Navigate to <strong>Appearance<\/strong>\u00a0<i>\u2192<\/i> <strong>Themes<\/strong>, then click <strong>Add New<\/strong> button. Next, check\u00a0<strong>Upload Theme<\/strong>\u00a0\u2013 click this and in the new opened window, see\u00a0<strong>Choose File<\/strong>.<\/p>\n<p><span class=\"pikode pikode--highlight highlight--fill\" style=\"background-color: #e1e1e1;  color: #ffffff;  box-shadow: 0.21em 0px 0px #e1e1e1, -0.21em 0px 0px #e1e1e1;\" >Step 3<\/span>\u00a0 \u00a0Upload your theme, by picking up the <strong>ombra.zip<\/strong> archive downloaded earlier from ThemeForest and click <strong>Install Now<\/strong>.<\/p>\n<p><span class=\"pikode pikode--highlight highlight--fill\" style=\"background-color: #e1e1e1;  color: #ffffff;  box-shadow: 0.21em 0px 0px #e1e1e1, -0.21em 0px 0px #e1e1e1;\" >Step 4<\/span>\u00a0 \u00a0After uploading process is finished, click <strong>Activate<\/strong>, in order to activate your theme.<\/p>\n<p><span class=\"pikode pikode--highlight highlight--fill\" style=\"background-color: #e1e1e1;  color: #ffffff;  box-shadow: 0.21em 0px 0px #e1e1e1, -0.21em 0px 0px #e1e1e1;\" >Step 5<\/span>\u00a0 \u00a0Install and activate all <em>required<\/em> (<a href=\"https:\/\/ombra.pikarthouse.com\/documentation\/getting-started\/pikart-base\/\" target=\"_blank\" rel=\"noopener\"><strong>Pikart Base<\/strong><\/a>) and <em>recommended plugins<\/em> (<strong><a href=\"https:\/\/wpforms.com\" target=\"_blank\" rel=\"noopener\">WPForms<\/a> <\/strong>and <strong><a href=\"https:\/\/woocommerce.com\" target=\"_blank\" rel=\"noopener\">WooCommerce)<\/a><\/strong>.<\/p>\n\n<div id=\"update-theme\"\t\tclass=\"pikode pikode--row \"  >\n\t<div class=\"pikode--row__wrapper pikode--row--height-auto\"  >\n\t\t<div class=\"pikode--row-inner\">\n\n\t\t\t\n\t\t\t<div class=\"pikode--row__content pikode--row__content--skin-none\"\n\t\t\t\tstyle=\"vertical-align: middle;\" >\n\n\t\t\t\t<div class=\"pikode--row__content__wrapper pikode--row__content--center\"  >\n\t\t\t\t\t<div class=\"pikode--row__content-inner pikode--row--width-auto\"  >\n\t\t\t\t\t\t<div class=\"pikode pikode--custom-content  custom-content--28\" style=\"font-weight: 700; letter-spacing: -1px; line-height: 1.68; text-decoration: none; color: #4b917d; padding: 24px 0px 0px 0px;\"><p>Update Theme<\/p><\/div>\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\n\t\t\t<\/div>\n\n\t\t<\/div>\n\t<\/div>\n<\/div>\n\n<p>In order to update OMBRA theme, you could choose from the following two ways: <em>WordPress Dashboard<\/em> and <em>File Transfer Protocol<\/em>. Both methods\u00a0require you to download the theme files from ThemeForest first.<\/p>\n<p>It is always best practice and recommended to complete a <strong><em>full site\u00a0backup<\/em><\/strong>\u00a0and a <strong><em>database backup<\/em><\/strong> before you update any software, in our case \u2014 Ombra Theme. This ensures you can revert to a working version of the theme if anything unexpected occurs.<\/p>\n<div class=\"pikode pikode--custom-content  custom-content--14\" style=\"font-weight: 400; line-height: 1.68; text-decoration: none; margin: 0px 0px 18px 6px;\"><p><span class=\"pikode pikode--highlight highlight--fill\" style=\"background-color: #4b917d;  color: #ffffff;  box-shadow: 0.21em 0px 0px #4b917d, -0.21em 0px 0px #4b917d;\" >Keep in mind<\/span>\u00a0 \u00a0You <strong><em>will not\u00a0lose your content<\/em><\/strong>\u00a0<strong><em>or theme<\/em><\/strong> <strong><em>settings\u00a0<\/em><\/strong>after update.\u00a0But if you did customizations to theme\u2019s core files (add\/edit code), such as PHP files, will be lost unless you\u2019re using a child theme.<\/p><\/div>\n<div class=\"pikode pikode--custom-content  custom-content--21\" style=\"font-weight: 700; letter-spacing: -1px; line-height: 1.68; text-decoration: underline; color: #959595; padding: 12px 0px 0px 0px;\"><p>WordPress Dashboard<\/p><\/div>\n<p>Deactivate OMBRA\u00a0theme by activating any other theme. Once the theme is not active you can delete this theme. After removing it, upload and\u00a0install the new updated theme and activate it.<\/p>\n<p><span class=\"pikode pikode--highlight highlight--fill\" style=\"background-color: #e1e1e1;  color: #ffffff;  box-shadow: 0.21em 0px 0px #e1e1e1, -0.21em 0px 0px #e1e1e1;\" >Step 1<\/span>\u00a0 \u00a0Deactivate Ombra Theme located in the <em>WordPress Dashboard <\/em><i>\u00a0<\/i><i>\u2192\u00a0<em>Appearance\u00a0\u2192\u00a0Themes<\/em><\/i>. In order to deactivate, simply switch to a different theme, like the default WordPress Twenty Seventeen theme.<\/p>\n<p><span class=\"pikode pikode--highlight highlight--fill\" style=\"background-color: #e1e1e1;  color: #ffffff;  box-shadow: 0.21em 0px 0px #e1e1e1, -0.21em 0px 0px #e1e1e1;\" >Step 2<\/span>\u00a0 \u00a0After deactivating you need to delete Ombra Theme. In order do this, click on the theme thumbnail, then you will see the <em><strong>Delete button<\/strong><\/em>\u00a0in the bottom right corner of the new opened window.\u00a0While removing theme, you\u2019re not actually deleting your content, like posts, pages or images.<\/p>\n<p><span class=\"pikode pikode--highlight highlight--fill\" style=\"background-color: #e1e1e1;  color: #ffffff;  box-shadow: 0.21em 0px 0px #e1e1e1, -0.21em 0px 0px #e1e1e1;\" >Step 3<\/span>\u00a0 \u00a0Get the Ombra theme file by going to your\u00a0<i>Envato account\u00a0<\/i><i>\u2192 Downloads \u2192 Ombra\u00a0\u2192 Download \u2192 Installable WordPress file only.<\/i><\/p>\n<p><span class=\"pikode pikode--highlight highlight--fill\" style=\"background-color: #e1e1e1;  color: #ffffff;  box-shadow: 0.21em 0px 0px #e1e1e1, -0.21em 0px 0px #e1e1e1;\" >Step 4<\/span>\u00a0 \u00a0Go to your <em>WordPress Dashboard<\/em><i>\u00a0<\/i><i>\u2192 Appearance \u2192 Themes <\/i>click on <strong><em>Add New <\/em><\/strong>button near the top of the page; then click the <em><strong>Upload Theme<\/strong><\/em> button and <em><strong>Choose File<\/strong><\/em> button will appear. Click on it and select <strong><em>ombra.zip<\/em><\/strong> file you have already downloaded from ThemeForest.\u00a0Once uploaded, click on <em><strong>Install Now\u00a0<\/strong><\/em>button.<\/p>\n<p><span class=\"pikode pikode--highlight highlight--fill\" style=\"background-color: #e1e1e1;  color: #ffffff;  box-shadow: 0.21em 0px 0px #e1e1e1, -0.21em 0px 0px #e1e1e1;\" >Step 5<\/span>\u00a0 \u00a0When the Ombra Theme installation has completed successfully, you need to activate the theme by clicking the <em><strong>Activate<\/strong><\/em> button.<\/p>\n<div class=\"pikode pikode--custom-content  custom-content--21\" style=\"font-weight: 700; letter-spacing: -1px; line-height: 1.68; text-decoration: underline; color: #959595; padding: 12px 0px 0px 0px;\"><p>File Transfer Protocol<\/p><\/div>\n<p>If you update via FTP, it\u2019s important that you delete (not replace or overwrite) the old Ombra theme folder. So, remove the current theme folder <strong>ombra<\/strong> from\u00a0<em>wp-content <i>\u2192\u00a0<\/i>themes<\/em>\u00a0and upload the new one. The steps for doing this are listed below:<\/p>\n<p><span class=\"pikode pikode--highlight highlight--fill\" style=\"background-color: #e1e1e1;  color: #ffffff;  box-shadow: 0.21em 0px 0px #e1e1e1, -0.21em 0px 0px #e1e1e1;\" >Step 1<\/span>\u00a0 \u00a0Log into your server using FTP, navigate to the\u00a0<em>wp-content <i>\u2192\u00a0<\/i>themes<\/em>\u00a0folder and find the Ombra Theme folder.<\/p>\n<p><span class=\"pikode pikode--highlight highlight--fill\" style=\"background-color: #e1e1e1;  color: #ffffff;  box-shadow: 0.21em 0px 0px #e1e1e1, -0.21em 0px 0px #e1e1e1;\" >Step 2<\/span>\u00a0 \u00a0Backup Ombra theme folder by saving it to your computer and then you can delete it from the server. While removing theme files, you&#8217;re not actually deleting your content, like posts, pages or images.<\/p>\n<p><span class=\"pikode pikode--highlight highlight--fill\" style=\"background-color: #e1e1e1;  color: #ffffff;  box-shadow: 0.21em 0px 0px #e1e1e1, -0.21em 0px 0px #e1e1e1;\" >Step 3<\/span>\u00a0 \u00a0Get the Ombra theme file by going to your\u00a0<i>Envato account\u00a0<\/i><i>\u2192 Downloads \u2192 Ombra\u00a0\u2192 Download \u2192 Installable WordPress file only. <\/i>Extract <strong><em>ombra.zip<\/em><\/strong> file to get Ombra folder, then drag and drop the new Ombra folder into the <em>wp-content <i>\u2192\u00a0<\/i>themes<\/em>\u00a0directory.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>To begin with, you need a working version of WordPress 4.7 or above, already installed. After you finish setting up your WordPress, you should carefully check all the steps listed below. \u00a0 \u00a0Get the Ombra theme files by going to your Envato account \u2192 Downloads \u2192 Ombra\u00a0\u2192 Download \u2192 Installable WordPress file only. \u00a0 \u00a0Navigate [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":785,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-792","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ombra.pikarthouse.com\/documentation\/wp-json\/wp\/v2\/pages\/792","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ombra.pikarthouse.com\/documentation\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ombra.pikarthouse.com\/documentation\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ombra.pikarthouse.com\/documentation\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ombra.pikarthouse.com\/documentation\/wp-json\/wp\/v2\/comments?post=792"}],"version-history":[{"count":37,"href":"https:\/\/ombra.pikarthouse.com\/documentation\/wp-json\/wp\/v2\/pages\/792\/revisions"}],"predecessor-version":[{"id":3776,"href":"https:\/\/ombra.pikarthouse.com\/documentation\/wp-json\/wp\/v2\/pages\/792\/revisions\/3776"}],"up":[{"embeddable":true,"href":"https:\/\/ombra.pikarthouse.com\/documentation\/wp-json\/wp\/v2\/pages\/785"}],"wp:attachment":[{"href":"https:\/\/ombra.pikarthouse.com\/documentation\/wp-json\/wp\/v2\/media?parent=792"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}