Installing and Configure the New Theme in Visual Composer

22 minutes
Share the link to this page
Copied
  Completed
You need to have access to the item to view this lesson.
One-time Fee
$49.99
List Price:  $69.99
You save:  $20
€46.64
List Price:  €65.30
You save:  €18.66
£39.89
List Price:  £55.85
You save:  £15.96
CA$68.25
List Price:  CA$95.55
You save:  CA$27.30
A$76.15
List Price:  A$106.62
You save:  A$30.46
S$67.98
List Price:  S$95.18
You save:  S$27.19
HK$391.26
List Price:  HK$547.80
You save:  HK$156.53
CHF 45.56
List Price:  CHF 63.79
You save:  CHF 18.23
NOK kr549.77
List Price:  NOK kr769.72
You save:  NOK kr219.95
DKK kr347.88
List Price:  DKK kr487.07
You save:  DKK kr139.18
NZ$83.68
List Price:  NZ$117.16
You save:  NZ$33.47
د.إ183.60
List Price:  د.إ257.06
You save:  د.إ73.45
৳5,493.12
List Price:  ৳7,690.80
You save:  ৳2,197.68
₹4,172.34
List Price:  ₹5,841.61
You save:  ₹1,669.27
RM238.42
List Price:  RM333.81
You save:  RM95.39
₦66,243.24
List Price:  ₦92,745.84
You save:  ₦26,502.60
₨13,934.07
List Price:  ₨19,508.81
You save:  ₨5,574.74
฿1,850.39
List Price:  ฿2,590.69
You save:  ฿740.30
₺1,617.84
List Price:  ₺2,265.11
You save:  ₺647.26
B$255.79
List Price:  B$358.13
You save:  B$102.34
R936.97
List Price:  R1,311.83
You save:  R374.86
Лв91.24
List Price:  Лв127.74
You save:  Лв36.50
₩68,826.74
List Price:  ₩96,362.95
You save:  ₩27,536.20
₪188.13
List Price:  ₪263.40
You save:  ₪75.26
₱2,884.49
List Price:  ₱4,038.52
You save:  ₱1,154.02
¥7,792.89
List Price:  ¥10,910.67
You save:  ¥3,117.78
MX$856.20
List Price:  MX$1,198.75
You save:  MX$342.54
QR182.49
List Price:  QR255.51
You save:  QR73.01
P688.94
List Price:  P964.58
You save:  P275.63
KSh6,748.65
List Price:  KSh9,448.65
You save:  KSh2,700
E£2,392.02
List Price:  E£3,349.02
You save:  E£957
ብር2,872.52
List Price:  ብር4,021.76
You save:  ብር1,149.23
Kz41,694.65
List Price:  Kz58,375.85
You save:  Kz16,681.20
CLP$47,530.99
List Price:  CLP$66,547.19
You save:  CLP$19,016.20
CN¥362.03
List Price:  CN¥506.87
You save:  CN¥144.84
RD$2,934.22
List Price:  RD$4,108.14
You save:  RD$1,173.92
DA6,720.10
List Price:  DA9,408.68
You save:  DA2,688.58
FJ$112.74
List Price:  FJ$157.85
You save:  FJ$45.10
Q389.28
List Price:  Q545.03
You save:  Q155.74
GY$10,471.17
List Price:  GY$14,660.48
You save:  GY$4,189.30
ISK kr7,010.59
List Price:  ISK kr9,815.39
You save:  ISK kr2,804.80
DH505.57
List Price:  DH707.84
You save:  DH202.26
L884.78
List Price:  L1,238.76
You save:  L353.98
ден2,871.74
List Price:  ден4,020.67
You save:  ден1,148.92
MOP$403.59
List Price:  MOP$565.05
You save:  MOP$161.46
N$944.34
List Price:  N$1,322.15
You save:  N$377.81
C$1,841.99
List Price:  C$2,578.94
You save:  C$736.94
रु6,672.93
List Price:  रु9,342.64
You save:  रु2,669.70
S/188.02
List Price:  S/263.24
You save:  S/75.22
K193.20
List Price:  K270.50
You save:  K77.29
SAR187.49
List Price:  SAR262.50
You save:  SAR75.01
ZK1,326.34
List Price:  ZK1,856.98
You save:  ZK530.64
L232.07
List Price:  L324.92
You save:  L92.85
Kč1,174
List Price:  Kč1,643.69
You save:  Kč469.69
Ft18,283.73
List Price:  Ft25,598.69
You save:  Ft7,314.95
SEK kr545.79
List Price:  SEK kr764.15
You save:  SEK kr218.36
ARS$43,729
List Price:  ARS$61,224.11
You save:  ARS$17,495.10
Bs347.11
List Price:  Bs485.98
You save:  Bs138.87
COP$197,925.35
List Price:  COP$277,111.33
You save:  COP$79,185.97
₡25,432.40
List Price:  ₡35,607.40
You save:  ₡10,174.99
L1,235.97
List Price:  L1,730.46
You save:  L494.48
₲372,674.68
List Price:  ₲521,774.38
You save:  ₲149,099.69
$U1,931.55
List Price:  $U2,704.33
You save:  $U772.77
zł201.70
List Price:  zł282.40
You save:  zł80.69
Already have an account? Log In

Transcript

Hello I am Shahzad and welcome to lesson number 22nd. Today's we are going to discuss about the theme How can you install a new theme we we have discussed about the theme in our previous lecture. But we never create team from scratch. We always buy a particular theme from the theme forest and some other sources. And we just embed or add the demo. So now I have the element account.

It's similar to the theme forest and saying I need start up team. So wait a second. It's a WordPress they have. Click on this one, and live preview to preview this theme. Now as you can see, this startup theme provides some demos available here. So, if you are working on the if you are sailing some headphones then definitely you have to choose this one if you if you are working on a particular software, so, you have to select this one and if if you are if you are starting a new startup you have to select this one and if you have an office so that means you have to choose this corporate teams and if you are giving some consultancy or services you have to choose this one and a lot of options available now is depends on your need which team you have to select.

Now I'm currently going to select this one. So in this team as you can see, you have this layout you have slider, okay, you have the information at the top of the header. You have some Business technologies, you have your videos and also some content, you have your portfolio and also you are providing some services and definitely core sections, FAQ testimonials. So a lot of things are covered we are going to choose this one. I have downloaded this team here I have already downloaded this team, this team and now I'm going to start from scratch like I'm going to install the WordPress or set up the workplace I have already installed the WordPress now I have the XAMPP installed in my C drive. So definitely then if you are working on them you have to keep all the files all the WordPress files in your www directory but using them we have actually have now I'm creating a new controller.

So this is the folder. extract your folder of the WordPress or click on this one, click on this one select all files and drag and drop. In this way you can extract it solely depend upon how you are extracting. Now delete this one, definitely you need a database, then just click on the local PHP myadmin if you are working on the PHP myadmin You can also create your databases by using some other tools like data grid, advanced tool and some of the tools click on the database create your new database I'm saying new composer. Now I have created the database. Now it's time to access your new project which is a new composer.

We have just created this project here in the exam as you can see now definitely give you some settings. So this is the basic settings of the WordPress click on this one. Okay fine, you have to provide the database name username and password of the database and the host and also the table prefix. I'm using the database name which is the new component we have created this database name since we have connected with the localhost environment so that's why by default username is the root and password is nothing if you are working on the server environment like if you have the shared hosting, then definitely you have to create the username and also the password. You can also use a prefix you can also use x y Zed and something here since there's a local also I'm using the local Okay, click on this one. Fine now I'm saying new composer.

I'm using the same username and also the same password. I'm seeing okay confirm it's weak password. You have to give you a email address, email also check and uncheck search engine ability and so on now, it takes few seconds to install the WordPress setup. Now I'm logged in as admin. Login now provide your username and password which we have just created now and opinions in the appearance and theme section, you have two options. Either you have to click on this button and upload the theme or go to the WP content and also the theme and here keep the themes folder like I have a theme folder here new, the mean so this is the theme Okay, now just make this team here to hear and extract this one.

Fine, go to the page, teams section, refresh the way now as you can see you have the sort of theme. So this is the one where some very basic and the eating the theme Now, the second way is upload your theme at upload. Now, here I'm saying the me, this is the theme okay? I'm just struggling here. Now this is the thing. Okay, click on this one install.

It takes few seconds to install your theme. Now you have three options, life premium, activate and activating Looking now, as you can see here saying the theme recommends the following plugins you have to install the recommended plugins. So they are saying you have 12345 more than six, five or six plugins but sometimes required more than 15 plugins or 15 plugins depends on the theme click on this one select all install You can also install by separately but I'm going to install them all apply it takes few seconds or it takes few minutes to download and install and activate your required plugin depend on your requirement. Let's suppose it's a plugin downloading the system is downloading it plugin. Let's suppose if you have a plugin then definitely it takes time to download the plugin and also the installing and then activating the plugins in it. also depends on your internet speed.

So now as you can see, we have successfully downloaded and installed and activated the theme. You have two choices come to the dashboard. Yes, I'm saying turn to the dashboard. Okay, I'm fine. Now you have to install the demo. So depend on the theme.

You have different kind of options, find the demo in the tool, not here, a PDM. So as you can see, this is the import demo section. And now click on this one to import your demo. Some teams provide you the solutions, one single clicks solution. So as you can see, it's so you can see it's giving you the But then you have to click on this button to install the demo. Some teams give you the functionality to install the demo manually.

And also you have to take some steps to install the demo. Like this is a team startup team. Now if, if you're talking about some other teams, I have other teams also. Okay, I have some other teams. Also, this is the team. They also have the visual composer.

Now as you can see, you have an opinion sections you have import demo content, click on this one, they import the demo content. So now as you can see, they are they have some different options. You have to click select the demo, you have to select the import pi and then imposer them. So this is the one kind of team. Now you have another team, it's alive websites, or now in the opinion section so as you can see, they are saying import demo Data Click on this one. So now they have the same, okay, because I'm using the same thing here.

Now, it depends on the theme, the which functionality they are giving to download or install the demo. Now what you need just need to click on the burden and wait for the few seconds or minutes depends on the team, because you are downloading the post pages categories and also the images, custom post type and a lot of things you are downloading so that means it takes time to download your demo, maybe takes one minute maybe takes five minutes maybe takes 15 minutes depends on the speed. Also the server response of the particular team. So now as you can see, you're saying after you import this demo and you have successfully installed your demo, now click on the website because you have successfully installed the dam. Now as you can see, it should look like this. Your team is look like this now, currently, it's showing you the blockage, the post all the posts available in your theme.

It's showing that theme when you access that rule of your project. Now, if you open the theme, I have the meeting if you open this demo, and solly if you open this document is in sections index dot php. So they are seeing here step by step for your demo. How can you add your theme and also they are saying happening hold also the slider so we'll discuss about the slider and we are going to Install the sliders also. And once again they are saying that you have these kind of settings available. And also you have to select the home page.

So where you can select the home page. Now as you can see, they are saying from Admin Panel, go to the settings, settings and also the reading. Now, here go to the admin panel. Now go to the PDM settings and here reading. So definitely you have the homepage and it's empty. So that's why it's showing you the blog post.

Okay, now click on this one and select your home pages. I'm saying this the home corporate, just hit the Save button. And now go to the page. Refresh the page. Now we're gonna see you, showing you the content of the homepage. pain point, but what about the slider.

So you can see this is a slider and they are using the revolution slider. So you have to import also the sliders, you have two choices either you have to follow the documentation. The documentation comes with your package which you purchasing Laravel you have purchased XYZ team. So definitely they provide you the documentation so you can easily configure and set your team. Now. I already will above you therefore I'm going to the revolution slider.

Click on this one revolution slider. So now as you can see, this is the revolution slider version 6.1 point three. So this is the current version, and it's the latest version. Why I'm recording this lecture you may have some older version and if you have the older version, you may have some different kind of interface but elegancy is saying manual import but the procedure is there The older version. The older version has some other interfaces, but they have the same functionality like this, click on the manual, click. So now I'm saying I have the demo.

So these are the 10 sliders we are going to install. So click on the first one again, click on the second and once again click on the third bad boy. Bad Boy and click on the four bad boy or Okay, now it's a sixth. Okay, you have to install also the fifth. Now, you have the you have to install all the demo of the slider Make sure if you know about the slider which slider they are using this click on this one. So you can easily understand which slider they are using.

We are installing all the demos of the sliders. So here you have as you can see, it's saying revolution slider slider to so what you just need to install the slider to if you are just using this demo. It depends on the requirement. But I'm installing all the demo. Now we have installed all the demos now as you can see, it's now currently showing you the revolution slider so here as you can see, this is the revolution slider. And now you can also change the sliders because you have imported 10 sliders for this demo.

Now, as you can see, this is the entire website and what you need, it's ready to use now what you just need to update your content and also the images and your pages of course and menus and header footer. So now click on this one there's a revolution slider, they will give you the slider because we have imported 10 slider. That's why it's showing us the 10 slider if you import that to slider. So definitely, you have two options available here. So this is the one with some, some older website use the shortcode. So in this theme, you have a revolution slider, drop down.

So let's suppose I'm going to change this one from two to three. So now you have changed your slider update. Okay now what happens if you want to change the header and also the footer we have discussed about these things footer always available here a PDF opinions and also they have 1234123455 footers. So as you can see, it's using five footers if you click on the Customize section find the teams often. So here is they are not giving you the theme options. That's what you have to configure all the things from the customization section.

So it depends on the theme either it's providing you the theme options on the dashboard side or you can also added the theme here. So now as you can see, it's the footer and they are saying suggested You are using the five. So here as you can see, they are using the 12345 columns. If you are saying that you just need to four column just click on this one and publish. So now definitely you have four columns where you can update these columns definitely 12345 all you're not using this fifth one, according to the setting. Okay, now you have different kinds of settings available here, journal type of Rafi headers featured main content layout and a lot of things.

Okay, now, in this way you can download the new theme, you can configure a new theme. So you can see this is added with Visual Composer they are also using the visual composer as a page builder. You may have some other page builder liking composer like some others. We have already discussed about them let suppose you have pages about us services and contact. So these are the pages okay now how can you edit these pages just click on this one this one and also this one definitely you know we will have our the basics have any customized and how will you change the elements How can you update the elements or when you use the padding more than using a label. So you can see it says spacing, so they are giving the spacing for the next stop for the mobile or the smartphone.

Okay, if you open this website in desktop definitely they have 45 pixel displays from top to bottom. And if you open this the same page on mobile definitely you're using 30 if you open this one using if you remove this one so you can see you have some space here. Remove this As you can see, you are not using the space now. Okay now if you click on this one so as you can see you have a different kind of available functionality. So you have WordPress widget, you have structure. Here you can add the sidebar raw HTML analogies, you have social economic and social like so you can create the content like this row and also attach a single image tips.

And now here as you can see, VC add ons. So this team has these kind of add ons. You can also use these kind of add ons You can also check one by one according to the theme that which functionality you need. So they are providing these option or functionality if you are using exquisite theme, whatever theme you're using. So maybe they have 20 components Here are the options or the functionality maybe they had they provide you with more than 50 or something like that. So this is the overview that how can you install the team?

How can you configure your team. Professionally, we never create the team from this crash. But maybe sometimes clients say that you have to create this team from scratch. So you will also design or create a team from scratch. But it's depend on your requirement. So I hope you are enjoying the series if you think we are doing good, feel free to share our courses and also the videos if you have any question or confusion, just send us an email and also the message.

So we will discuss about if you're if you think we have missed something or we are missing something, so please let me know so I can create the tutorials for that functionality or that part. 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.