Embedding Premium Theme

16 minutes
Share the link to this page
Copied
  Completed

Transcript

Hello again, I am Shahzad Ahmed and welcome to lecture number second today's we are going to embed or we are going to set up our new WordPress so you can easily understand what's going on while we are embedding the premium theme. So first of all, as you know we have created the WooCommerce store First of all, now go to your see I have installed my Sam inside my C drive. That's why I asked you dogs and I have what pass Okay, so I'm saying that extract here we are extracting the WordPress here and we are going to create our new database. So open PHP myadmin create your database, I'm saying visual composer. The database name is visual composer. So create your database so this is a visual composer.

Okay. So It's extracting with a few second so we can work on it. Okay we have just extracted the WordPress delete this WordPress and rename your WordPress holder I'm saying composer make sure I'm saying composer whenever I say composer in this series that means I am talking about visual composer because composer is another thing on composer if you are not familiar with composer composer is a dependency manager in PHP okay but we are working on visual composer that's why so this is the composer so what you just need to call the composer localhost and composer we are is installing the WordPress you fetch setup English. Let's go. So as you know visual composer is a database name we are. We are now we have now connected with local so that's why root password is empty.

You can also set your prefixes it's totally dependent upon you hit the submit button run in install visual composer. First of all, user name is composer. Halford is also composer 123 dollar sign, so composer composer. Okay, so confirm this is the week okay, I'm assigning the email install ah okay, we have just installed the fresh WordPress setup. So username is composer Halford is also composer 123 dollar login with your WordPress Okay, make sure have purchased a premium WordPress theme from the theme fire so as you can see we have a WordPress theme name photo. Okay, so type auto WordPress theme Okay, so go to the photo again see so as you can see this is a premium $59 I have purchased in $59 This is a premium WordPress theme so Live Preview and they have some layouts, some built in layouts as you can see the main feature shop demos.

So they have a lot of them are these demos are available. We are going to use Don't worry we are going to use from this one I think from this one. We are going to use this demo this demo okay. So just I'm telling you that we are going to use support Okay, so this is a team. setup, this is the documentation. And this is the license and this is the theme.

So copy this team, go to your XAMPP as she docs, I'm using the XAMPP. So that's why I'm going I'm going to use that I should have if you are working on The Vamps, you have your own folder which is Wham and www directory. So I'm so this is the cupholder and WP content. WP content and theme section. I'm pasting this theme here. Now, I'm extracting my theme here.

So this is a 40. Okay, so what you need just need to go to your infection. Save Your team update. Check your updates, I think okay, this is a plugin updates update your plugin. I have just updated my login. Okay, so what you need go to your appearance themes.

Now activate this team activate. Okay. This is the portal. Welcome to the setup wizard. So every theme has its own wizard, first of all, because I already told you that every theme has its own plugins. Every theme has its own widget area and every theme has On setup wizard, so this is the setup wizard for the portal WordPress team.

So what do you need? You just need to let's go click on this purchase code I of course I have purchased. So this is the purchase code. Okay, and now next step. So as you can see it saying PHP max maximum input was required 1000 by default, we have the 1000. So, how can you increase the maximum input wars So, go to your exam I have installed my XAMPP inside my C drive them as you make sure go them and find i dot i and i file.

This is the dot i and i file. This is the dot i and i file. So, open this INF file okay go to Apache Thought IRA. So this is your IRA fi. No identify must be in tsp dot r dot IRA. Okay, the INF file is available in the PHP folder.

So open this INF file and now find what you need just need to find the maximum input wires. So here you can see the maximum input wires. So remove this semicolon and now set to 2000 save this file go to XAMPP restart your Sam now starting with XAMPP and now refresh the page. Now it's saying 2000 okay you have successfully selected system required For this portal thing, PHP memory limit is 256 PHP execution limit time 900 and maximum input was 2000. If you are not familiar with them just go to the XAMPP and PHP folder and find the dot INF file and find these wires and employees related with this Okay, continue. So this is if you want to create a child theme, so created if you are not familiar with child theme, so don't worry about it is keep this so they are saying these plugins are required.

And I want to install these plugins also because these are the recommended plugins. Okay, so hit the next button and wait a few minutes. Okay, so now as you can see we have just downloaded all the plugins so now what you need yes need to select your shop, which shop which demo you want to install. So they have a lot of demos. So as you can see, this is a demo one. This is the demo one.

And this is a demo to the demo three. And the demo for these are the categories shop classic business on one page and all so as you can see shop so now I'm going to download this. Okay, so what you need just need to import. Okay, wait for a few minutes so it can import all the pages all the post all the products related with this theme. You can also view this theme from the demo site, go to the portal. portal, what was teams We are installing this demo.

So this is the demo Live Preview. And this is the demo which we are going to install. So this is a demo. And this is the demo. So demo headless version. So as you can see, this is the demo which we are going to install or we are installing.

So demo. So you have this panel. So don't worry about it. We are going to explain each and everything why we are choosing the premium theme because you must familiar how to add the premium theme how to work on the premium theme. Okay, so now we have successfully imported all the content related with this demo. So visit your site.

So as you can see without doing nothing, we have some successfully embedded all this premium themes for what you need just need to change these categories which is coming from the setup. So go to your menu component, sorry, overdose and component and go to your dashboard. So as you can see you have your product WooCommerce and these are your categories. So these are the categories you can create your own categories here, or you can just update these categories here. So it's totally depend upon you. So we have successfully embedded the premium theme, first of all, okay, so this is the WP bakery page builder.

So this is the homepage and if you go to your team settings, reading so they can see you have Have your home page and see the blog page. So go to your pages all pages. So we have imported all the pages from the photo demo. Okay, so this is the home front page. So you can edit with this quick added or added with WP bakery that means visual composer, so hit this button. So the visual composer is loading Just a second.

So this is your visual composer front end layout. So this is the front end. Why because as you can see, this is a row and this is a column okay? And this is the Porto interactive banners click on this so you can see you have your content shop now and this is your banner. Okay, we will discuss each and everything Don't worry about it. And as you can see, this is the portal future product hoto is a WordPress team.

First of all, that's why the portal, if you want to add another element, what you just need to add, click on this plus sign so as you can see, it's saying add element. So add element a lot of elements available here to add Okay, so this is that all elements you can This is the content elements row blocks splatter and photo. This is the themes elements. So make sure each team has its own element. So this is a photo theme. And these are the elements related with this theme.

If you have x y Zed theme, so they have x y Zed elements. So this is the WooCommerce elements and this is the WooCommerce over here and these are the workout WordPress widgets. So it's totally depend upon you which element you want to select. First of all, if you want to add a row here, so just click on the row. You have Adding a row. And if you want to add element for suppose a single image, just click on the image and just choose your image from your media library.

So first of all I want to add this image, select your image. So you have some extra options, Media Library, external source totally depend upon you. So these are the thumbnails, okay? If you so don't worry about it, we will discuss each and everything in our later lectures for now. Okay, so here is your image, how you can delete this content by clicking this. So you have you can also delete your row here.

So in this way, you can use your visual composer so I'm giving you just just introduction. So you can easily understand in in our later lectures we will discuss visual component from scratch and you have your front end layout If you want to open this layout from the backend section, just click on the back end editor, just click on the back end editor. Okay, so you have your back end editor here. So as you can see, you have your editor. A lot of content available here. So these are the elements, elements if you want to add elements, click on this Add Row.

So you have added and row, which layout you want to choose this is that single column, this is the two column. This is a two by one column. So don't worry about it we will discuss further in later lectures. But now, this is the back end layout of visual composer and if you want to open this from the front end, so click on this. So this is the front end layout of the visual composer. So we have embedded our premium theme we have imported all the data related with that theme from the theme settings and we have embedded the auto theme.

Okay. In the next lecture we are going to discuss from the scratch the visual component. So, thank you for watching

Sign Up

Share

Share with friends, get 20% off
Invite your friends to LearnDesk learning marketplace. For each purchase they make, you get 20% off (upto $10) on your next purchase.