{"id":2286,"date":"2020-12-08T12:19:15","date_gmt":"2020-12-08T12:19:15","guid":{"rendered":"https:\/\/test.zakratheme.com\/blog\/?p=2286"},"modified":"2020-12-08T12:21:21","modified_gmt":"2020-12-08T12:21:21","slug":"how-to-install-and-customize-zakra-theme","status":"publish","type":"post","link":"https:\/\/zakratheme.com\/blog\/how-to-install-and-customize-zakra-theme\/","title":{"rendered":"How to Install &#038; Customize Zakra Theme to Make a Pro Website?"},"content":{"rendered":"\n<p>Wondering how to install and customize the Zakra theme to make a professional website?&nbsp;Wanna know how to create a WordPress site with the Zakra theme?<\/p>\n\n\n\n<p>Zakra theme is a fast, lightweight WordPress theme that comes with a beautiful design and awesome demo options. If you\u2019re planning to use Zakra and build a WordPress website, the first thing you need to know is how to install it. You should also be able to customize it according to your need which might be confusing sometimes.&nbsp;<\/p>\n\n\n\n<p>Don\u2019t worry. We\u2019re here to help you out. In this article, we\u2019ll provide you a fundamental guide about how to install the Zakra theme in WordPress and customize it to build a professional-looking website. Let\u2019s begin.<\/p>\n\n\n\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_75 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Table of Contents<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #004846;color:#004846\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #004846;color:#004846\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/zakratheme.com\/blog\/how-to-install-and-customize-zakra-theme\/#a-introducing-zakra-theme-and-its-features\" >A. Introducing Zakra Theme and its Features<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/zakratheme.com\/blog\/how-to-install-and-customize-zakra-theme\/#b-how-to-install-zakra-theme-on-your-wordpress-site\" >B. How to Install Zakra Theme on Your WordPress Site?<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/zakratheme.com\/blog\/how-to-install-and-customize-zakra-theme\/#1-installing-the-free-version-of-zakra-theme-in-wordpress\" >1. Installing the Free Version of Zakra Theme in WordPress<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/zakratheme.com\/blog\/how-to-install-and-customize-zakra-theme\/#2-how-to-install-zakra-pro-on-your-wordpress-site-%e2%80%93-upload-method\" >2. How to Install Zakra Pro on Your WordPress Site? &#8211; (Upload Method)<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/zakratheme.com\/blog\/how-to-install-and-customize-zakra-theme\/#c-how-to-customize-zakra-theme-to-create-a-pro-website\" >C. How to Customize Zakra Theme to Create a Pro Website?&nbsp;<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/zakratheme.com\/blog\/how-to-install-and-customize-zakra-theme\/#1-import-zakra-starter-site-to-build-your-site-in-minutes\" >1. Import Zakra Starter Site to Build Your Site in Minutes<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/zakratheme.com\/blog\/how-to-install-and-customize-zakra-theme\/#2-customizing-zakra-wordpress-theme-step-by-step\" >2. Customizing Zakra WordPress Theme (Step by Step)<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/zakratheme.com\/blog\/how-to-install-and-customize-zakra-theme\/#conclusion\" >Conclusion<\/a><\/li><\/ul><\/nav><\/div>\n<h2 class=\"wp-block-heading\" id=\"h-a-introducing-zakra-theme-and-its-features\"><span class=\"ez-toc-section\" id=\"a-introducing-zakra-theme-and-its-features\"><\/span>A. Introducing Zakra Theme and its Features<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<figure class=\"wp-block-image size-large\"><img fetchpriority=\"high\" decoding=\"async\" width=\"770\" height=\"419\" src=\"https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2020\/11\/zakrademopic.png\" alt=\"Zakra Demo\" class=\"wp-image-2328\" srcset=\"https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2020\/11\/zakrademopic.png 770w, https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2020\/11\/zakrademopic-300x163.png 300w, https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2020\/11\/zakrademopic-768x418.png 768w\" sizes=\"(max-width: 770px) 100vw, 770px\" \/><\/figure>\n\n\n\n<p><a href=\"https:\/\/zakratheme.com\/\">Zakra theme<\/a> is a powerful, multipurpose WordPress theme that comes in both free and pro versions. It\u2019s a secure, and SEO friendly theme with tons of features. Being a lightweight theme, it\u2019s fast and helps to increase the website page speed.&nbsp;<\/p>\n\n\n\n<p>You can build a professional-looking WordPress website, <a href=\"https:\/\/zakratheme.com\/blog\/how-to-start-a-wordpress-blog\/\">start a blog<\/a>, or even build an online shop using the Zakra theme. This theme is well designed to make your website as highly beautiful and functional as possible. So, you can easily customize your website and modify it into a professional one. Its <strong>Customizer<\/strong> and <strong>Individual Page Settings<\/strong> lets you modify your website easily.&nbsp;&nbsp;<\/p>\n\n\n\n<p>Moreover, the Zakra theme is also fully responsive. It works well on any device of any screen size without compromising performance. Whether you view it on desktop or mobile, the theme layouts look equally beautiful.&nbsp;<\/p>\n\n\n\n<p><strong>Some of the features of the Zakra theme are:<\/strong>&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Page Builder Compatible (Built with Elementor, Brizy, and Gutenberg)<\/li><li>AMP Ready for Smooth Browsing experience on mobiles<\/li><li>50+ Innovative Starter Demos<\/li><li>One-Click Demo Importer<\/li><li>WooCommerce Compatible<\/li><li>RTL Ready<\/li><li>WPML and Translation Ready<\/li><\/ul>\n\n\n\n<p>Not only that, Zakra theme offers tons of customization features.  We&#8217;ll show you all of its major customization options here in this article. <\/p>\n\n\n\n<p>Let&#8217;s get started with installation tutorial first. <\/p>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-b-how-to-install-zakra-theme-on-your-wordpress-site\"><span class=\"ez-toc-section\" id=\"b-how-to-install-zakra-theme-on-your-wordpress-site\"><\/span>B. How to Install Zakra Theme on Your WordPress Site?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>We already discussed the <a href=\"https:\/\/zakratheme.com\/\">Zakra WordPress theme<\/a> and its features. In order to have access to all its features, we need to install it first. So, now let\u2019s focus on how to install the Zakra theme in WordPress and create a professional WordPress site.&nbsp;&nbsp;<\/p>\n\n\n\n<p>As we mentioned earlier, the Zakra theme comes in both free and paid versions. We\u2019ll show you both installation processes here. And also, the process of customizing them. Let\u2019s start with a guide to installing the free Zakra theme.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-1-installing-the-free-version-of-zakra-theme-in-wordpress\"><span class=\"ez-toc-section\" id=\"1-installing-the-free-version-of-zakra-theme-in-wordpress\"><\/span>1. Installing the Free Version of Zakra Theme in WordPress<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p><strong>Zakra theme<\/strong> is available for free download on <a href=\"https:\/\/zakratheme.com\/\">ZakraTheme.com<\/a> as well as on <a href=\"https:\/\/wordpress.org\/themes\/zakra\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">WordPress.org<\/a>. So it\u2019s quite simple and easy to install Zakra free on your site. <\/p>\n\n\n\n<p>As with any other free WordPress theme available on the WordPress.org theme directory, you can install Zakra free right from your WordPress dashboard. With just a few clicks! <\/p>\n\n\n\n<p>First of all, login to your WordPress dashboard. Once you do it, find <strong>\u2018Appearance\u2019<\/strong> on your left-hand side of the screen. Hover your mouse cursor in it after which you can see various options. Then, click on <strong>\u2018Themes\u2019<\/strong>.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img decoding=\"async\" width=\"676\" height=\"404\" src=\"https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2020\/11\/appearancetothemes.png\" alt=\"Appearance to Themes\" class=\"wp-image-2330\" srcset=\"https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2020\/11\/appearancetothemes.png 676w, https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2020\/11\/appearancetothemes-300x179.png 300w\" sizes=\"(max-width: 676px) 100vw, 676px\" \/><\/figure><\/div>\n\n\n\n<p>After doing that, you\u2019ll reach a page where you can find the <strong>\u2018Add New\u2019<\/strong> button next to a search box. Click on the <strong>\u2018Add New\u2019<\/strong> button. Then, you\u2019ll reach a page called <strong>\u2018Add Themes\u2019<\/strong>.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img decoding=\"async\" width=\"761\" height=\"353\" src=\"https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2020\/11\/addnewtheme.png\" alt=\"Add New Theme\" class=\"wp-image-2333\" srcset=\"https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2020\/11\/addnewtheme.png 761w, https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2020\/11\/addnewtheme-300x139.png 300w\" sizes=\"(max-width: 761px) 100vw, 761px\" \/><\/figure><\/div>\n\n\n\n<p>On the <strong>\u2018Add Themes\u2019 <\/strong>page, you\u2019ll see a <strong>\u2018Search Themes\u2019<\/strong> box. You need to type <strong>\u2018Zakra\u2019<\/strong> there after which you\u2019ll see the <strong>Zakra theme<\/strong> in the search result.&nbsp;<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"767\" height=\"264\" src=\"https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2020\/11\/searchzakra.png\" alt=\"Search Zakra Theme\" class=\"wp-image-2335\" srcset=\"https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2020\/11\/searchzakra.png 767w, https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2020\/11\/searchzakra-300x103.png 300w\" sizes=\"(max-width: 767px) 100vw, 767px\" \/><\/figure><\/div>\n\n\n\n<p>Now, hover your cursor in the Zakra theme result. You\u2019ll see the <strong>\u2018Install\u2019<\/strong> and <strong>\u2018Preview\u2019<\/strong> option there. You can preview the theme if you want before installing it. In order to install the theme, click on <strong>\u2018Install\u2019<\/strong>.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"769\" height=\"383\" src=\"https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2020\/11\/installandpreview.png\" alt=\"Install and Preview Zakra Theme\" class=\"wp-image-2337\" srcset=\"https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2020\/11\/installandpreview.png 769w, https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2020\/11\/installandpreview-300x149.png 300w\" sizes=\"(max-width: 769px) 100vw, 769px\" \/><\/figure><\/div>\n\n\n\n<p>After it\u2019s installed, you\u2019ll see an <strong>\u2018Activate\u2019<\/strong> option there. Click on it in order to activate the theme.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"769\" height=\"383\" src=\"https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2020\/11\/activatezakra.png\" alt=\"Activate Zakra Theme\" class=\"wp-image-2339\" srcset=\"https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2020\/11\/activatezakra.png 769w, https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2020\/11\/activatezakra-300x149.png 300w\" sizes=\"(max-width: 769px) 100vw, 769px\" \/><\/figure><\/div>\n\n\n\n<p>Now, the theme is ready to be used. You can customize it according to your need and design a beautiful website.<\/p>\n\n\n\n<p>In this way, you can install a free version of the Zakra theme in WordPress. Now, let&#8217;s see how to install the premium version of Zakra theme.&nbsp;<\/p>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-2-how-to-install-zakra-pro-on-your-wordpress-site-upload-method\"><span class=\"ez-toc-section\" id=\"2-how-to-install-zakra-pro-on-your-wordpress-site-%e2%80%93-upload-method\"><\/span>2. How to Install Zakra Pro on Your WordPress Site? &#8211; (Upload Method)<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>While installing <strong>Zakra Pro<\/strong>, you\u2019ll have to use a different method. First of all, you\u2019ll need to purchase the Zakra Pro from its <a href=\"https:\/\/zakratheme.com\/\">official site<\/a>. After that, it\u2019ll be available to you as a download. When you download it, it\u2019ll be downloaded as a zip file. Make sure to keep it somewhere that you can find later.<\/p>\n\n\n\n<p>The zip file you download is a plugin file. Meaning that the Zakra theme offers advanced features via a plugin, i.e.&nbsp;<strong> \u2018Zakra Pro\u2019 plugin<\/strong>. The plugin works on top of the Zakra theme (the free version) and adds powerful features, functionalities, and extends design possibilities.&nbsp;<\/p>\n\n\n\n<p>Now, like installing any other WordPress plugin, you need to first install the \u2018Zakra Pro\u2019 plugin from your WordPress dashboard. For that, you need to follow certain steps.&nbsp;&nbsp;&nbsp;<\/p>\n\n\n\n<p>First of all, log in to your WordPress dashboard. After that, go to<strong><em> <\/em>\u2018Plugins\u2019<\/strong> and hover your mouse cursor in it, and click on <strong>\u2018Add New\u2019<\/strong>. Since Zakra Pro is a mixture of Zakra theme and Zakra Pro Plugin, we get access to Zakra Pro after installing the plugin file.&nbsp;<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"504\" height=\"274\" src=\"https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2020\/11\/addplugins.png\" alt=\"Add Plugins Option\" class=\"wp-image-2341\" srcset=\"https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2020\/11\/addplugins.png 504w, https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2020\/11\/addplugins-300x163.png 300w\" sizes=\"(max-width: 504px) 100vw, 504px\" \/><\/figure><\/div>\n\n\n\n<p>Now, you\u2019ll be directed to a page with an <strong>\u2018Upload Plugin\u2019<\/strong> button. Click on it.&nbsp;<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"706\" height=\"340\" src=\"https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2020\/11\/uploadpluginbutton.png\" alt=\"Upload Plugin Button\" class=\"wp-image-2343\" srcset=\"https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2020\/11\/uploadpluginbutton.png 706w, https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2020\/11\/uploadpluginbutton-300x144.png 300w\" sizes=\"(max-width: 706px) 100vw, 706px\" \/><\/figure><\/div>\n\n\n\n<p>Then, a screen will appear from where you can choose the file that you downloaded earlier. Click on the <strong>\u2018Choose File\u2019<\/strong> option and select the zip file of Zakra Pro. After that, click on <strong>\u2018Install Now\u2019<\/strong>.&nbsp;<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"743\" height=\"304\" src=\"https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2020\/11\/choosepluginfile.png\" alt=\"Choose Plugin File\" class=\"wp-image-2344\" srcset=\"https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2020\/11\/choosepluginfile.png 743w, https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2020\/11\/choosepluginfile-300x123.png 300w\" sizes=\"(max-width: 743px) 100vw, 743px\" \/><\/figure><\/div>\n\n\n\n<p>Now, the installation process will begin. You need to click on the <strong>\u2018Activate Plugin\u2019<\/strong> button to complete the installation.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"727\" height=\"341\" src=\"https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2020\/11\/activatezakraproplugin.png\" alt=\"Activate Zakra Pro Plugin\" class=\"wp-image-2346\" srcset=\"https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2020\/11\/activatezakraproplugin.png 727w, https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2020\/11\/activatezakraproplugin-300x141.png 300w\" sizes=\"(max-width: 727px) 100vw, 727px\" \/><\/figure><\/div>\n\n\n\n<p>After that, you\u2019ll need to enter the <strong>\u2018License Key\u2019<\/strong> and click on the<strong><em> <\/em>\u2018Agree &amp; Activate License\u2019<\/strong> button.&nbsp;<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"739\" height=\"420\" src=\"https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2020\/11\/licensekey.png\" alt=\"License Key \" class=\"wp-image-2348\" srcset=\"https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2020\/11\/licensekey.png 739w, https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2020\/11\/licensekey-300x171.png 300w\" sizes=\"(max-width: 739px) 100vw, 739px\" \/><\/figure><\/div>\n\n\n\n<p>That\u2019s it! You&#8217;ve successfully installed Zakra Pro on your site. Now, can start creating your WordPress site with Zakra theme.<\/p>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-c-how-to-customize-zakra-theme-to-create-a-pro-website\"><span class=\"ez-toc-section\" id=\"c-how-to-customize-zakra-theme-to-create-a-pro-website\"><\/span>C. How to Customize Zakra Theme to Create a Pro Website?&nbsp;<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>After completing the installation of the <strong>Zakra theme<\/strong>, the next thing you need to know is how to customize it. Only then, you can create a website that you desire. You must be able to modify your WordPress site according to your need.&nbsp;<\/p>\n\n\n\n<p>You can build your website with the Zakra theme mainly via 2 methods. <\/p>\n\n\n\n<ol class=\"wp-block-list\"><li>First, you can create a website on your own from scratch by using the available features and functionalities. <\/li><li>Second, import a starter site and customize. <\/li><\/ol>\n\n\n\n<p>Creating via the first method will take some time as you should build every page, and every part on your own. It&#8217;s a great choice if you want to build your website entirely on your style. <\/p>\n\n\n\n<p>On the other hand, importing a demo site takes just a few seconds. Next, you just have to replace the demo content with your own content, and your site will be ready in no time. Actually, it&#8217;s a great option if you want to create a WordPress website that looks exactly like the Zakra demo site.<\/p>\n\n\n\n<p>Now, let\u2019s start with a tutorial on how to import <strong>Zakra Starter Site<\/strong> to build your website.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-1-import-zakra-starter-site-to-build-your-site-in-minutes\"><span class=\"ez-toc-section\" id=\"1-import-zakra-starter-site-to-build-your-site-in-minutes\"><\/span>1. Import Zakra Starter Site to Build Your Site in Minutes<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>After you have installed and activated the <strong>Zakra Theme<\/strong>, on the menu bar go to <strong>\u2018Appearance\u2019<\/strong> and click on <strong>\u2018Zakra Options\u2019<\/strong>.&nbsp;<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"625\" height=\"323\" src=\"https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2020\/11\/zakraoptions.png\" alt=\"Zakra Options\" class=\"wp-image-2350\" srcset=\"https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2020\/11\/zakraoptions.png 625w, https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2020\/11\/zakraoptions-300x155.png 300w\" sizes=\"(max-width: 625px) 100vw, 625px\" \/><\/figure><\/div>\n\n\n\n<p>There on the right hand side, you\u2019ll see an option <strong>\u2018Install ThemeGrill Demo Importer Plugin\u2019<\/strong>. Click on it and the ThemeGrill Demo Importer Plugin will be installed.&nbsp;<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"685\" height=\"355\" src=\"https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2020\/11\/themegrilldemoimporter.png\" alt=\"Install ThemeGrill Demo Importer\" class=\"wp-image-2352\" srcset=\"https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2020\/11\/themegrilldemoimporter.png 685w, https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2020\/11\/themegrilldemoimporter-300x155.png 300w\" sizes=\"(max-width: 685px) 100vw, 685px\" \/><\/figure><\/div>\n\n\n\n<p>After that, you\u2019ll be directed to a page where you can find a variety of demo options. As per your requirement, you can select one out of the <strong>blog, business, eCommerce, non-profit, one page, portfolio, and other options<\/strong>. You can also select either <strong>Brizy or Elementor or Gutenberg demo<\/strong>.&nbsp;<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"770\" height=\"425\" src=\"https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2020\/11\/zakrademos.png\" alt=\"Zakra Demos\" class=\"wp-image-2354\" srcset=\"https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2020\/11\/zakrademos.png 770w, https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2020\/11\/zakrademos-300x166.png 300w, https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2020\/11\/zakrademos-768x424.png 768w\" sizes=\"(max-width: 770px) 100vw, 770px\" \/><\/figure><\/div>\n\n\n\n<p>As you can see on the screenshot above, some demos are available for all users, while some are premium demos. You can import the premium start sites only if you install the Zakra theme&#8217;s pro version. <\/p>\n\n\n\n<p>You can choose the demo you prefer and hover your mouse cursor over it. Then, you can see <strong>\u2018Import\u2019<\/strong> and <strong>\u2018Preview\u2019<em> <\/em><\/strong>options appearing there. You can preview it before importing and after that click on the<strong><em> <\/em>\u2018Import\u2019 <\/strong>option and <strong>\u2018Confirm\u2019<\/strong> it.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"756\" height=\"367\" src=\"https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2020\/11\/importdemo.png\" alt=\"Import Zakra Demo\" class=\"wp-image-2356\" srcset=\"https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2020\/11\/importdemo.png 756w, https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2020\/11\/importdemo-300x146.png 300w\" sizes=\"(max-width: 756px) 100vw, 756px\" \/><\/figure><\/div>\n\n\n\n<p>The import will complete shortly after which you can either <strong>\u2018Live Preview\u2019<\/strong> or <strong>\u2018Preview\u2019<\/strong> it using the given option. With the live preview feature, you can customize your website and view them in real-time.&nbsp;<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"756\" height=\"367\" src=\"https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2020\/11\/livepreviewoption.png\" alt=\"Live Preview Theme Demo\" class=\"wp-image-2358\" srcset=\"https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2020\/11\/livepreviewoption.png 756w, https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2020\/11\/livepreviewoption-300x146.png 300w\" sizes=\"(max-width: 756px) 100vw, 756px\" \/><\/figure><\/div>\n\n\n\n<p>That\u2019s it now you have imported the selected demo to your WordPress site.&nbsp;In the next section, we&#8217;ll show how to customize Zakra to create a professional site. <\/p>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-2-customizing-zakra-wordpress-theme-step-by-step\"><span class=\"ez-toc-section\" id=\"2-customizing-zakra-wordpress-theme-step-by-step\"><\/span>2. Customizing Zakra WordPress Theme (Step by Step)<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Whether you imported a starter site or designing your site completely from scratch, you need to customize it to give it your brand&#8217;s touch and feel. So here, let&#8217;s see how to customize the Zakra theme to create a pro website. <\/p>\n\n\n\n<p>You can find various customization options in the Zakra theme. For that, you need to find the <strong>\u2018Appearance\u2019<\/strong> on the left-hand side of your WordPress dashboard and click on the <strong><em>\u2018<\/em>Customize\u2019<\/strong> option. After that, you\u2019ll be directed to a page where you can see various customization options for your website.&nbsp;<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"624\" height=\"304\" src=\"https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2020\/11\/appearancetocustomize.png\" alt=\"Appearance to Customize\" class=\"wp-image-2360\" srcset=\"https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2020\/11\/appearancetocustomize.png 624w, https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2020\/11\/appearancetocustomize-300x146.png 300w\" sizes=\"(max-width: 624px) 100vw, 624px\" \/><\/figure><\/div>\n\n\n\n<p>If you\u2019re trying to create your own website from scratch, the available options will work on every part of your website. But if you\u2019re trying to customize an imported demo, you can customize all the contents of your website except the Homepage. <\/p>\n\n\n\n<p>The Homepage of the demo site is built using a <a href=\"https:\/\/zakratheme.com\/blog\/best-wordpress-page-builder-plugins\/\">page builder plugin<\/a>, so you need to edit the homepage separately to see make modifications on the homepage. First of all, let\u2019s discuss the customization options available in the customizer of WordPress.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"770\" height=\"468\" src=\"https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2020\/11\/customizationoptions.png\" alt=\"Customization Options\" class=\"wp-image-2362\" srcset=\"https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2020\/11\/customizationoptions.png 770w, https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2020\/11\/customizationoptions-300x182.png 300w, https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2020\/11\/customizationoptions-768x467.png 768w\" sizes=\"(max-width: 770px) 100vw, 770px\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"h-i-customizing-zakra-theme-s-global-settings\">i) Customizing Zakra Theme\u2019s Global Settings&nbsp;<\/h4>\n\n\n\n<p>&#8216;Global&#8217; settings are one of the main features you want to customize on the Zakra theme.  It lets you change the overall design of your website, and the changes will appear on all parts of your website. For example, you can change the <strong>container, colors, background, sidebar layout, typography, <\/strong>and<strong> button of your website.&nbsp;<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"770\" height=\"458\" src=\"https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2020\/11\/globaloptions.png\" alt=\"Options for Customizing Global\" class=\"wp-image-2367\" srcset=\"https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2020\/11\/globaloptions.png 770w, https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2020\/11\/globaloptions-300x178.png 300w, https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2020\/11\/globaloptions-768x457.png 768w\" sizes=\"(max-width: 770px) 100vw, 770px\" \/><\/figure>\n\n\n\n<p>The area where your contents are displayed on a website is the container. It\u2019s also known as the site layout. You can customize the container of your site by using the container styles option. Usually, there are three container styles available i.e. Full Width, Boxed,<strong> <\/strong>and<strong> Content Boxed<\/strong>. You can select any one of them and adjust the site layout.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"770\" height=\"519\" src=\"https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2020\/11\/containerstyle.png\" alt=\"Container Style\" class=\"wp-image-2372\" srcset=\"https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2020\/11\/containerstyle.png 770w, https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2020\/11\/containerstyle-300x202.png 300w, https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2020\/11\/containerstyle-768x518.png 768w\" sizes=\"(max-width: 770px) 100vw, 770px\" \/><\/figure>\n\n\n\n<p>The background image and color of your website can also be changed using the options available in <strong>\u2018Background\u2019<\/strong>. You can simply select the desired color and image for your background inside and outside the container.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"761\" height=\"537\" src=\"https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2020\/11\/backgroundcolor.png\" alt=\"Background Color\" class=\"wp-image-2374\" srcset=\"https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2020\/11\/backgroundcolor.png 761w, https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2020\/11\/backgroundcolor-300x212.png 300w\" sizes=\"(max-width: 761px) 100vw, 761px\" \/><\/figure><\/div>\n\n\n\n<p>Similarly, through colors, you can adjust the base colors, link colors and heading colors of your website. Base colors include primary color, text color and border color of your website. Furthermore, link colors include link color, link hover color etc. Heading colors lets you change the color of different headings of your website.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"770\" height=\"579\" src=\"https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2020\/11\/linkcolors.png\" alt=\"Link Colors\" class=\"wp-image-2376\" srcset=\"https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2020\/11\/linkcolors.png 770w, https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2020\/11\/linkcolors-300x226.png 300w, https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2020\/11\/linkcolors-768x577.png 768w\" sizes=\"(max-width: 770px) 100vw, 770px\" \/><\/figure>\n\n\n\n<p>Moreover, you can select different sidebar layouts for your website and edit headings of your website. The dimension and color of the button on your website can also be edited.&nbsp;&nbsp;<\/p>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"h-ii-modifying-header-settings-on-zakra\">ii) Modifying Header Settings on Zakra<\/h4>\n\n\n\n<p>Another important part you want to learn is how to customize Zakra theme header settings. <\/p>\n\n\n\n<p>With this customization option, you can modify <strong>side identity, header media, header top bar, header main area, header button, <\/strong>and<strong> menu<\/strong>. You can remove or change the logo of your website and select its desired width. Also, choosing a site icon, adding a site title and a tagline can be done.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"769\" height=\"481\" src=\"https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2020\/11\/headeroptions.png\" alt=\"Header Options\" class=\"wp-image-2378\" srcset=\"https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2020\/11\/headeroptions.png 769w, https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2020\/11\/headeroptions-300x188.png 300w\" sizes=\"(max-width: 769px) 100vw, 769px\" \/><\/figure><\/div>\n\n\n\n<p>Likewise, a header video can be added along with the header image. You can also enable the header top bar and dual menu and customize it accordingly. Moreover, header button text can be added with a button link and you can also choose text, background, and border colors for it.&nbsp;<\/p>\n\n\n\n<p>Furthermore, you can customize the overall primary menu along with the individual items available there. Through <strong>\u2018Menu Item Colors\u2019<\/strong>, you can change the color of the menu items. You can also use the <strong>\u2018Menu Item Hover Color\u2019<\/strong> option and change the color of the menu items during the<strong> Hover<\/strong> state.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"754\" height=\"425\" src=\"https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2020\/11\/menuitemcolor.png\" alt=\"Menu Item Color\" class=\"wp-image-2380\" srcset=\"https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2020\/11\/menuitemcolor.png 754w, https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2020\/11\/menuitemcolor-300x169.png 300w\" sizes=\"(max-width: 754px) 100vw, 754px\" \/><\/figure><\/div>\n\n\n\n<p>Likewise, using<strong> \u2018<\/strong><strong>Menu Item Active Color\u2019<\/strong> you can change the color of the <strong>Active<\/strong> menu item.The background color, border color and the border size can also be changed with the available options. You can also add a background image to your primary menu.&nbsp;<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"766\" height=\"513\" src=\"https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2020\/11\/menubackgroundcolor.png\" alt=\"Menu Background Color\" class=\"wp-image-2426\" srcset=\"https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2020\/11\/menubackgroundcolor.png 766w, https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2020\/11\/menubackgroundcolor-300x201.png 300w\" sizes=\"(max-width: 766px) 100vw, 766px\" \/><\/figure><\/div>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"h-iii-customizing-content-options-on-zakra\">iii) Customizing Content Options on Zakra<\/h4>\n\n\n\n<p>Here, we&#8217;ll discuss how to customize &#8216;content&#8217; options in Zakra WordPress theme. It includes how you present content on your website.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"766\" height=\"513\" src=\"https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2020\/11\/contentoptions.png\" alt=\"Options for Customizing Content\" class=\"wp-image-2382\" srcset=\"https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2020\/11\/contentoptions.png 766w, https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2020\/11\/contentoptions-300x201.png 300w\" sizes=\"(max-width: 766px) 100vw, 766px\" \/><\/figure><\/div>\n\n\n\n<p>This option lets you customize the <strong>page header, blog\/archive, single post <\/strong>and<strong> meta description<\/strong> of the website. You can choose the alignment of your page title and add the background image and change the background color as well.&nbsp;<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"766\" height=\"607\" src=\"https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2020\/11\/pageheadercolor.png\" alt=\"Page Header Color\" class=\"wp-image-2384\" srcset=\"https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2020\/11\/pageheadercolor.png 766w, https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2020\/11\/pageheadercolor-300x238.png 300w\" sizes=\"(max-width: 766px) 100vw, 766px\" \/><\/figure><\/div>\n\n\n\n<p>You can select the position of the page title i.e either <strong>\u2018Page Header\u2019<\/strong> or <strong>\u2018Content Area\u2019<\/strong>. When you select<strong> \u2018Page Header\u2019<\/strong> the page title remains in the page header area below primary menu items. Selecting <strong>\u2018Content Area\u2019<\/strong> brings the page title below in the area where contents of your website are kept.&nbsp;<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"765\" height=\"600\" src=\"https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2020\/11\/pagetitleposition.png\" alt=\"Page Title Position\" class=\"wp-image-2386\" srcset=\"https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2020\/11\/pagetitleposition.png 765w, https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2020\/11\/pagetitleposition-300x235.png 300w\" sizes=\"(max-width: 765px) 100vw, 765px\" \/><\/figure><\/div>\n\n\n\n<p>You can also style your blog content, select your title and content color. Moreover, you can choose the meta styles and choose the color for the icon and the link displayed in meta items. Also, the border color for meta items can be changed and its size can be adjusted.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"765\" height=\"581\" src=\"https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2020\/11\/metastyles.png\" alt=\"Meta Styles\" class=\"wp-image-2387\" srcset=\"https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2020\/11\/metastyles.png 765w, https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2020\/11\/metastyles-300x228.png 300w\" sizes=\"(max-width: 765px) 100vw, 765px\" \/><\/figure><\/div>\n\n\n\n<p>Furthermore, you can adjust the margin and border width for your content post. The single post content can also be customized. Likewise, you can customize the sidebar and change the widget title color along with its text color.&nbsp;<\/p>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"h-iv-editing-zakra-theme-s-footer-settings\">iv) Editing Zakra Theme&#8217;s Footer Settings<\/h4>\n\n\n\n<p>Next important option is to customize the Zakra theme&#8217;s footer. Customizing footer settings offer you various options to modify the footer widgets, footer bottom bar, and scroll to top. You can choose the footer widget styles, decide its margin, width, and color as well.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"770\" height=\"536\" src=\"https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2020\/11\/footeroptions.png\" alt=\"Footer Options\" class=\"wp-image-2389\" srcset=\"https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2020\/11\/footeroptions.png 770w, https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2020\/11\/footeroptions-300x209.png 300w, https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2020\/11\/footeroptions-768x535.png 768w\" sizes=\"(max-width: 770px) 100vw, 770px\" \/><\/figure>\n\n\n\n<p>Similarly, you can select the footer bottom style and either align it <strong>Left &amp; Right<\/strong> or <strong>Center<\/strong>. The first style will show Left Content as left aligned and Right Content as right aligned. And, the second style will show the Left Content above and Right Content below it with center alignment in the footer bottom bar.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"770\" height=\"468\" src=\"https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2020\/11\/footerstyle.png\" alt=\"Footer Style\" class=\"wp-image-2391\" srcset=\"https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2020\/11\/footerstyle.png 770w, https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2020\/11\/footerstyle-300x182.png 300w, https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2020\/11\/footerstyle-768x467.png 768w\" sizes=\"(max-width: 770px) 100vw, 770px\" \/><\/figure>\n\n\n\n<p>You can also add the left and right content for your footer and change the border size as per your choice. The background color, text color, link color and link hover color can also be modified.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"770\" height=\"468\" src=\"https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2020\/11\/footercolor.png\" alt=\"Footer Color\" class=\"wp-image-2392\" srcset=\"https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2020\/11\/footercolor.png 770w, https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2020\/11\/footercolor-300x182.png 300w, https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2020\/11\/footercolor-768x467.png 768w\" sizes=\"(max-width: 770px) 100vw, 770px\" \/><\/figure>\n\n\n\n<p>Also, you can enable the scroll to top button and customize its font size, width and height. The bottom takes your site visitors directly to the top of the page whenever they click on it.&nbsp;<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"764\" height=\"329\" src=\"https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2020\/11\/scrolltotop.png\" alt=\"Scroll to Top Button\" class=\"wp-image-2394\" srcset=\"https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2020\/11\/scrolltotop.png 764w, https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2020\/11\/scrolltotop-300x129.png 300w\" sizes=\"(max-width: 764px) 100vw, 764px\" \/><\/figure><\/div>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"h-v-customizing-menu-settings\">v) Customizing Menu Settings<\/h4>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"518\" src=\"https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2020\/11\/menusoption.png\" alt=\"Menu Option\" class=\"wp-image-2396\" srcset=\"https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2020\/11\/menusoption.png 768w, https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2020\/11\/menusoption-300x202.png 300w\" sizes=\"(max-width: 768px) 100vw, 768px\" \/><\/figure><\/div>\n\n\n\n<p>Using this option, you can modify the<strong> menu name<\/strong> and <strong>its location<\/strong>. You can also arrange the menu items like <strong>home, about, portfolio, blog, <\/strong>and <strong>contact<\/strong>. These items can be reordered whereas you can add new items too. Also, the option to delete the menu is available here.&nbsp;<\/p>\n\n\n\n<p>But if you don\u2019t import the demo, there won\u2019t be ready to use menus available. You\u2019ll need to create a menu first, only then you can arrange and order the items. For that, you can see our other article and learn<a href=\"https:\/\/themegrill.com\/blog\/how-to-create-a-dropdown-menu-in-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\"> how to create a dropdown menu in WordPress.<\/a><\/p>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"h-vi-customizing-zakra-theme-s-widgets-settings\">vi) Customizing Zakra Theme&#8217;s Widgets Settings<\/h4>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"761\" height=\"508\" src=\"https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2020\/11\/widgetsoption.png\" alt=\"Widgets Option\" class=\"wp-image-2398\" srcset=\"https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2020\/11\/widgetsoption.png 761w, https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2020\/11\/widgetsoption-300x200.png 300w\" sizes=\"(max-width: 761px) 100vw, 761px\" \/><\/figure><\/div>\n\n\n\n<p>You can use this setting to add the widgets to<strong> footer one, footer two, footer three, <\/strong>and <strong>footer four <\/strong>of your website. You can add archives, audio, calendar, categories, image, navigation menus, videos, and so on to the footer.&nbsp;<\/p>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"h-vii-additional-css-settings-to-add-extra-design\">vii) &#8216;Additional CSS&#8217; Settings to Add Extra Design<\/h4>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"770\" height=\"539\" src=\"https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2020\/11\/additionalcss.png\" alt=\"Additional CSS\" class=\"wp-image-2400\" srcset=\"https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2020\/11\/additionalcss.png 770w, https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2020\/11\/additionalcss-300x210.png 300w, https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2020\/11\/additionalcss-768x538.png 768w\" sizes=\"(max-width: 770px) 100vw, 770px\" \/><\/figure>\n\n\n\n<p>You can use this option to customize your website appearance and layout by adding your own CSS code. You can also see some of the instructions written there before adding the CSS code. This option can be used by those who have good coding knowledge and skills.&nbsp;<\/p>\n\n\n\n<p>After completing the customization you can click on publish and publish your website with the modification that you made. You can also check the view of your website on different screens i.e. desktop, tablet and mobile.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"409\" src=\"https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2020\/11\/publish.png\" alt=\"Publish Changes\" class=\"wp-image-2402\" srcset=\"https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2020\/11\/publish.png 768w, https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2020\/11\/publish-300x160.png 300w\" sizes=\"(max-width: 768px) 100vw, 768px\" \/><\/figure><\/div>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"h-viii-customizing-your-home-page-in-zakra-theme\">viii) Customizing Your &#8216;Home Page&#8217; in Zakra Theme<\/h4>\n\n\n\n<p>Home page is the main page that users can see when they enter your website&#8217;s domain URL. It&#8217;s the major landing page, hence the most important page on your entire website. <\/p>\n\n\n\n<p>Due to the same reason, it&#8217;s very important to create a beautiful home page for every professional website. Here, we&#8217;ll discuss how to customize the homepage using the Zakra theme. <\/p>\n\n\n\n<p>Now, in order to customize the Homepage of your website, you need to follow a different approach. Like we mentioned earlier, the customization of the Homepage can only be done by editing the \u2018home\u2019 page from the \u2018Pages\u2019 menu on the dashboard, using the page builder editor. So, you need to follow some steps to complete the customization.<\/p>\n\n\n\n<p>In your WordPress dashboard, find<strong> \u2018Pages\u2019<\/strong> at the left hand side of your screen. Hover your mouse cursor over it and click on <strong>\u2018All Pages\u2019<\/strong>.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"551\" height=\"309\" src=\"https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2020\/11\/allpages.png\" alt=\"Pages to All Pages\" class=\"wp-image-2404\" srcset=\"https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2020\/11\/allpages.png 551w, https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2020\/11\/allpages-300x168.png 300w\" sizes=\"(max-width: 551px) 100vw, 551px\" \/><\/figure><\/div>\n\n\n\n<p>Now, you\u2019ll be directed to a page where you can find different titles. Find <strong>\u2018Home\u2019<\/strong> there and hover your mouse cursor over it. After that, you\u2019ll see various options below it.&nbsp;<\/p>\n\n\n\n<p>Here, you\u2019ll get an \u2018Edit\u2019 option with one of the page builder plugins. If you imported a demo created with Elementor, then you\u2019ll see an option like this: <strong>\u2018Edit with Elementor\u2019<\/strong>. Click that to start editing your homepage.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"665\" height=\"342\" src=\"https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2020\/11\/home.png\" alt=\"Homepage\" class=\"wp-image-2406\" srcset=\"https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2020\/11\/home.png 665w, https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2020\/11\/home-300x154.png 300w\" sizes=\"(max-width: 665px) 100vw, 665px\" \/><\/figure><\/div>\n\n\n\n<p>Now, you can begin the customization of the Homepage of your website. You can find various drag and drop tool options to change the look of the Homepage of your site. You can add images, text, buttons to your Homepage and give it an unique style.&nbsp;<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"769\" height=\"545\" src=\"https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2020\/11\/draganddroptools.png\" alt=\"Drag and Drop Tools\" class=\"wp-image-2408\" srcset=\"https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2020\/11\/draganddroptools.png 769w, https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2020\/11\/draganddroptools-300x213.png 300w\" sizes=\"(max-width: 769px) 100vw, 769px\" \/><\/figure><\/div>\n\n\n\n<p>After making the changes to the Homepage, you can click on update.You can also preview the changes before updating it on your website. That\u2019s it. Now, you have fully customized your website.&nbsp;<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"398\" src=\"https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2020\/11\/homepagepreview.png\" alt=\"Homepage Preview\" class=\"wp-image-2410\" srcset=\"https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2020\/11\/homepagepreview.png 768w, https:\/\/zakratheme.com\/blog\/wp-content\/uploads\/2020\/11\/homepagepreview-300x155.png 300w\" sizes=\"(max-width: 768px) 100vw, 768px\" \/><\/figure><\/div>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-conclusion\"><span class=\"ez-toc-section\" id=\"conclusion\"><\/span>Conclusion<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>So, that\u2019s all. This is how you can create a WordPress site with <a href=\"https:\/\/zakratheme.com\/\">Zakra theme<\/a>.  We hope you learned how to install the Zakra theme (free and Pro) in WordPress and customize it to build a beautiful website of your choice.&nbsp;<\/p>\n\n\n\n<p>If you&#8217;re already a Zakra theme user, then please share your experience with us via the comment box below. If you&#8217;re still new to WordPress and not sure which theme to use, then we guarantee Zakra is a perfect theme for you. <\/p>\n\n\n\n<p>You can install the free version first and try out. Let us know for any confusion. Our <a href=\"https:\/\/zakratheme.com\/support\/\">support team<\/a> will be there to help you right away!<\/p>\n\n\n\n<p>If you found this article useful, then do share it with your friend on social media. You\u2019re always welcome to read our blog if you like to know about <a href=\"https:\/\/zakratheme.com\/blog\/how-to-install-a-wordpress-theme\/\">installing a WordPress theme<\/a> or <a href=\"https:\/\/zakratheme.com\/blog\/create-wordpress-website-with-elementor\/\">creating a WordPress website with Elementor and Zakra<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Wondering how to install and customize the Zakra theme to make a professional website?&nbsp;Wanna know how to create a WordPress site with the Zakra theme? Zakra theme is a fast, lightweight WordPress theme that comes with a beautiful design and awesome demo options. If you\u2019re planning to use Zakra and build a WordPress website, the[&hellip;]<\/p>\n","protected":false},"author":5,"featured_media":2292,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"zakra_general_container_width":0,"zakra_general_content_width":0,"zakra_general_sidebar_width":0,"zakra_sticky_header":"customizer","zakra_header_main_area":true,"zakra_site_logo_width":0,"zakra_header_top_enabled":"customizer","zakra_header_top_style":"customizer","zakra_primary_menu_item_style":"customizer","zakra_page_header_text_color":"","zakra_page_header_layout":"customizer","zakra_page_title_bg":"","zakra_footer_widgets_bg_image":0,"zakra_page_title_bg_repeat":"customizer","zakra_page_title_bg_position":"customizer","zakra_page_title_bg_size":"customizer","zakra_page_title_bg_attachment":"customizer","zakra_breadcrumbs_enabled":"customizer","zakra_breadcrumbs_text_color":"","zakra_breadcrumbs_separator_color":"","zakra_breadcrumbs_link_color":"","zakra_breadcrumbs_link_hover_color":"","zakra_page_title_bg_image":0,"zakra_footer_widgets_enabled":"customizer","zakra_footer_column_layout_1_style":"customizer","zakra_footer_widgets_bg":"","zakra_footer_widgets_bg_repeat":"customizer","zakra_footer_widgets_bg_position":"customizer","zakra_footer_widgets_bg_size":"customizer","zakra_footer_widgets_bg_attachment":"customizer","zakra_footer_bar_enabled":"customizer","zakra_footer_bar_style":"customizer","zakra_sidebar_layout":"customizer","zakra_remove_content_margin":false,"zakra_sidebar":"customizer","zakra_transparent_header":"customizer","zakra_logo":0,"zakra_main_header_style":"default","zakra_menu_item_color":null,"zakra_menu_item_hover_color":null,"zakra_menu_item_active_color":null,"zakra_menu_active_style":"","zakra_page_header":true,"_tgsc_single_post_sidebar":"sidebar-right","_tgsc_single_post_disable_author_box":false,"_tgsc_blog_last_modified_date":{"enable":true},"footnotes":""},"categories":[3],"tags":[],"class_list":["post-2286","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tutorial"],"_links":{"self":[{"href":"https:\/\/zakratheme.com\/blog\/wp-json\/wp\/v2\/posts\/2286","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/zakratheme.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/zakratheme.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/zakratheme.com\/blog\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/zakratheme.com\/blog\/wp-json\/wp\/v2\/comments?post=2286"}],"version-history":[{"count":1,"href":"https:\/\/zakratheme.com\/blog\/wp-json\/wp\/v2\/posts\/2286\/revisions"}],"predecessor-version":[{"id":18829,"href":"https:\/\/zakratheme.com\/blog\/wp-json\/wp\/v2\/posts\/2286\/revisions\/18829"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/zakratheme.com\/blog\/wp-json\/wp\/v2\/media\/2292"}],"wp:attachment":[{"href":"https:\/\/zakratheme.com\/blog\/wp-json\/wp\/v2\/media?parent=2286"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/zakratheme.com\/blog\/wp-json\/wp\/v2\/categories?post=2286"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/zakratheme.com\/blog\/wp-json\/wp\/v2\/tags?post=2286"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}