A question that's becoming increasingly more common of people looking for a
website today is "What should I use to build my website?" Just a few years ago,
the answer without hesitation for many people would have been WordPress. But
today there's so many players in the game that purpose should be a strong
consideration. Do you need something fast? Do you need to support an online shop? Do
you need tech support in general or do you need complete control? Depending on
your answer, your platform will vary. One of the younger, purpose-driven
players that gets more and more popular is Wix. In this video, we'll look at which
is a better platform for your purpose Wix or WordPress. We'll judge our
platforms on a few criteria and go over a few concepts like: How are the two
different? What are the benefits of each? How easy is the setup process? How
flexible is each platform? And, a cost analysis. Note that we are comparing Wix
to the self-hosted version of WordPress. This is the one that you download and
install yourself from the WordPress.org repository. By far, the biggest difference
between Wix and WordPress is that WordPress is standalone software that
you need to install. Only then do you get to use it as the software running your
site. Wix, on the other hand, is a tool or service that you sign up for. Once you
sign up, Wix allows you to build, then manage your website, all within Wix.com.
It takes care of the hosting and it does all of the technical heavy lifting. Think
of it this way. Wix vs. WordPress is much like Google Docs versus Microsoft Word.
So, first, we'll talk about setting up a site on Wix. A few of the things you
should know about Wix is that it's an all-in-one platform; there's no need to
buy a domain or set up hosting. There are no coding skills required. The price can
range from completely free to $18/month or more. Over 70 million people are
using Wix and Wix has 24/7 support. When you log in for the first time, Wix will
ask you what kind of website you want to create. You can choose from different
types of categories and these categories will show you different templates and
different apps that you can install that will be helpful for you. We're going to
choose business and then Wix is going to ask us how we want to create our website.
We can do it one of two ways. We can let the Wix ADI create a website for us. The
Wix ADI is an automation process that will ask us a few questions and then put
our content together. We can also do it ourselves using the Wix Editor. We'll
start with the template and easily drag and drop anything on the pages in the
exact way that we want it to. If you want to get up and running quickly you should
check out the Wix ADI, but in this video we're going to use the Wix Editor. So
let's choose a template. We're provided templates based on
different categories that Wix has organized based on what we've selected.
We're going to go with a consulting website. So we'll choose the template The
Consultant. Once we select to edit our template, Wix
will put together a starting site for us. You can see that it has a lot of great
content already created for us that we just need to customize and so we're
going to put together three pages: the home page, an about page, and a contact
page. So let's first start by looking at how to change the background color. You
can see that there are a few capsules over here on the left and that the first
one is "Background". When we click on it we have the ability to change the
background to color, image, or video, but keep in mind that this is the background
for the entire page. So when we choose a color, it's going to change the
background of the site where we don't have a background already specified. You
can see for this template that each row has its own designated color. So how do
we change that? Luckily, Wix makes it very easy to do
that. We can select the row that we want to change here and then we can click on
"change strip background". So to change the background for this strip, we click on
"change strip background" and we're presented with a very similar interface
to what we saw for the page background. We can also upload our own images, choose
from images on our social media accounts, or buy professional stock imagery from a
stock image website. To upload an image, go to "My Images" and
click "upload images". You'll then be presented with a dialog box where you
can choose the images from your computer.
Once the image uploads, you can select it and click "change background". If you need
to change the positioning of the background, you can do that by clicking
"Settings" and here you're presented with some stylistic options for image opacity,
color behind the image, different scrolling effects, and even position of
the image. It's important here that you choose an
appropriately-sized image for the section that you want to use the image
for. Having it centered perfectly works very well for this image.
We've also selected the "parallax" scroll effect. So now we can go back and X
this out and we can change the rest of the content on the page. First up, we
should change the title of the site; we're going to want to change this to
our name and to change text you simply double click on it. The text is then
highlighted which indicates to you that you can change it.
Notice that the styling for the text is removed when we change the text
completely, but we also have a "Text Settings" dialog box so we can choose
from some pre-selected styles. We can choose our own font -- and these fonts are
generated from Google Fonts and we can also change the font size.
Make sure to have the text selected as you're changing these things, though.
Otherwise, your changes will not take.
Once our title is set, we can click the X and our changes are made.
The same thing goes for any other text anywhere else on the page. Having a clear
call-to-action is also very important for your website. Especially if it's a
business website. Luckily, Wix allows us to easily add and
create buttons and other elements. By clicking the "Add" capsule, you're
presented with a new menu that shows you a bunch of different types of content
that you can drag on to your page including a button. And these buttons are
organized by theme (which means that these buttons were created specifically
for your theme) as well as different types of style of buttons.
If we don't like the button that's accompanied with our theme, we can click
on it and press the Delete key to remove it. We can then go back to our "Add" capsule
to the button section and add one that we like better.
We can add a button by dragging it onto the page and placing it exactly where we
want it. You'll notice that Wix gives you some
cues to know if your information is aligned, but it doesn't strictly limit
you to specific sections of the page. If we want our button to be up in the top
left content area, then we can do that. If we drag it out of a content area, you'll
see the section become grey with red lines and, when we drag it there, Wix will
let us know that our content is outside the area where our content shows on
smaller screens. so we'll drag this back to where we
originally had it, lining up the rest of the content. If we want to make it bigger,
we can do that by hovering over the element and dragging it.
You can change the text of the button by clicking "Change Text" and you can also
change the link. Clicking on "Add A Link" will allow you to specify the page you
want your button to go to. You can also choose a specific anchor on
the current page you're on (that is a section of the page you're on)
or a manual web address. We are going to have this button linked
to the Content section.
Finally, we want our button text to be a little bit bigger. So we can change the
design of our button by clicking on the "Design" button and then clicking
"Customize Design". Here we're given an area similar to what we saw above where
we can choose the font that we want as well as the font size. Notice here we
don't need to have the specific text selected in order for our changes to
take place.
So now we're going to learn how to modify an interior page. You can do that
by clicking on the horizontal menu and then clicking "Navigate".
Once you do that, a "Pages" area will pop up. You'll notice that it's the same menu
that exists in the top left. Clicking any page from this area will
automatically change the page where you can make the modifications that you want.
On the About page we have our team. If you want to make significant changes to
the About page, you can do so by highlighting a large amount of the text
and any text that you select will be highlighted in a blue border box.
And then you can make changes to all of it at the same time including deleting
it. Selecting large amounts of text at the
same time can be tricky so this might take a few tries.
You can then add the types of content you want to your about page using the
"Add" capsule. So if you have a specific video you want to play or social media
buttons or a slideshow, you can easily do that here.
We're going to modify the text as well as the alignment
and then we're going to add an image.
Once the image is added, we can drag it into place, resize it, and more.
If we have text that we want to copy the style for, we can easily do that by
right-clicking on it and clicking "Duplicate". So there's a simple About page
for us. The last page that we're going to create is our Contact Form. So there's
two things that we're going to do here. We're going to manage our page menu by
deleting the content pages that we don't need. You can do that by clicking on one
of the pages and then clicking the "Delete" button. You can see that our
Contact page is actually an anchor on the home page so we're also going to
create a brand new page. We'll delete that anchor and then click
"Add Page", we'll name it contact, and then click "Done". You can see that we're given
a simple, default section based on our previous settings
so the first thing we're going to do is change the background of our page. We
don't want it to be this snowboarder; we want it to be a completely white page.
Now we're going to use the "Add" capsule to add multiple pieces of contact
information. You can see that Contact has its own entry under "Add" and here we can
add different types of forms as well as Google Maps. So the first thing we're
going to do is add a Google map by dragging it onto the page.
You can change the address by clicking on "Change Address" and putting in your
office address and then you can change the description, too.
We'll add some simple paragraph text to also note the contact information here.
Finally, we'll add a contact form by clicking "Add", going down to Contact,
and dragging a form onto the page. The main thing we'll need to do for this
form is set our email address so that we know where the form will go to when
somebody fills it out. We can also change the fields that are
required. Now it's time to save our work. To do
that, we'll click "Save" and, if we haven't previously saved the site, Wix will
present us with a free Wix domain. You can also add a custom domain which Wix
will walk you through the process of setting up. But for here, we'll use a free
Wix domain. Once our site is saved, we can choose to do two things:
publish it or click "Done" to continue editing.
We'll want to make sure that our sites working completely as expected so we're
going to want to make sure that our menu is working
and by reordering the navigation in the order that we want it to.
Once the site's published, you can click
"View Site". One note is if you're using a free Wix site, there will be
advertisements for Wix on the top right and across the bottom. You can get a
premium account to remove those. With our Wix site created, now let's take a look
at creating a similar site with WordPress. A few notes about setting up a
WordPress site. You're going to need to buy hosting and a domain to install
WordPress which means that you need to be at least somewhat technical or you
need to hire somebody to do that for you. WordPress's power is in its flexibility.
There are thousands of designs or themes to choose from and even more plugins to
extend the functionality of your website. WordPress is free to download, but you'll
need to pay for hosting and a domain separately which will cost at minimum
around $15/year. There's also no support per se for WordPress. You
can't get professional support through WordPress.org, but you can hire an
outside company to support WordPress for you. One note on choosing hosting, WinningWP
has a few videos and articles on that which you can find in the description
below, but there are a few notes about hosting. Many hosts offer one-click or
easy install for WordPress. However, if your host does not offer one-click
install for WordPress, you're going to have to create a database on your server,
you're going to have to modify the wp-config file with your database
credentials, and then you're going to have to FTP the WordPress files up to
your server. We're going to start right after the installation process, but note
that doing this the manual way requires at least some technical knowledge. Once
WordPress is installed, you're presented with the WordPress dashboard. The first
thing we're going to do is choose a theme and we can do that by going to
Appearance → Themes. Depending on your host, WordPress will
come pre-installed with a few themes including the current year's theme.
You can choose a new theme by clicking "Add New Theme". You'll then be presented
with a set of free themes to choose from. They are organized a few ways including
Featured, Popular, and Latest. If you have a corresponding WordPress.com account,
you can also load in your favorite WordPress themes. Finally, you can filter
themes by feature so you can choose things like one column, if you want to
customize the headers, as well as different subjects. Once we see something
we like, we can go ahead and select that, preview it, and install it. Once the theme
is installed, we can activate it and then we'll see a few notifications on the
WordPress dashboard which we can dismiss. The next thing we're going to do is
install a couple of important plugins that we'll need to finish our website.
We can do that by going to Plugins -> Add New. We'll then see some of the most
popular WordPress plugins here. The main thing that we'll need is a
contact form builder. Unlike Wix, WordPress does not come with
this functionality out of the box. We're going to choose a popular, free plugin
called Ninja Forms and we're going to install that plugin and activate it.
With our theme selected and our plugins installed, it's time to start creating
our content. Once again there's no drag-and-drop interface. So we'll create
the page Home and then we'll add some text to it. We can format the text in a
similar way that you would see in Microsoft Word with this icons bar,
we can add different styles to our text, and we can upload images by clicking on
"Add Media".
Depending on the theme you're using, there may also be support for templates
and featured images.
So now that we have our Home page we'll
create an About page.
The interface for each of these pages is going to be very similar because they
all use the same WordPress editor. The last thing we'll do is create a Contact
page. The first thing we need to do before
creating the page is create a contact form which we can do with Ninja Forms. So
we'll hover over Ninja Forms and go to "add new" and the beautiful thing about
Ninja Forms is that it gives us a few form templates to choose from.
It also creates a contact form when we install it which is what we're going to
use. You can see that the Ninja Forms editor looks very different from the
WordPress editor, but it's a bit more intuitive for new users. With our Ninja
Form created, we'll now create the Contact page. We can add our form by clicking the
"Add Form" button and then choosing the form that we want from the drop down
list. You'll notice that we don't actually see the form, but we see what's
known as a shortcode. WordPress knows to convert this to a contact form once we
publish the page. So when we view the page we'll see a
fully functioning form. The last thing we need to do is turn our WordPress site
into something that's not inherently blog first. With Wix, Wix isn't exactly a
blogging platform. It's focused on websites for small businesses. That's the
opposite with WordPress. WordPress started off as a blogging platform and
so we need to convert it to a business page. We can do that by clicking on
"Customize". You'll notice that we see an interface
similar to Wix's drag-and-drop interface now, but we don't have as much freedom.
The thing that we can do is go to "Static Front Page" and tell WordPress that we
want our homepage to be the first one to show up.
Next, we'll want to modify our navigation.
We can do that by going to "Menus" and then clicking "Add a Menu". We'll call this
menu "Main Navigation". We'll click "Create Menu" and then we'll
choose the display location. Certain themes come with multiple display
locations for menus so you can have one in the header, in the footer, or in a
specific area for a page template. This one only has one and it's the Header
Menu. You can see when we select that that our menu disappears. That's because
we need to add items to it. So we'll add our Home page, our About page, and our
Contact page. Once we do that, our navigation changes.
We'll also want to change the tagline from the default WordPress one. For this
demo, we'll delete the tagline. You might have also noticed that there
is a section on each page that says "Assign A Widget". This is a widget area. We
can change the content of these areas by clicking on widgets and then choosing
the different widget areas. You can see that there are three "Assign A Widget"
sections and three widget areas. Widgets allow us to add dynamic content to each
page of our website. So if we want to do things like add a new piece of
navigation, add a search bar, or more, we can do that using the widget areas.
Once we have the changes we want, we can
click "Save and Publish". This will publish out any changes we've made. One more note
about the customizer. Each theme is going to have different options for the
customizer so as you evaluate your theme make sure to use one that gives you the
flexibility that you want. This was just a quick overview of both Wix and
WordPress. We barely scratched the surface on the feature set of each and
we just set up a simple three page website. With Wix you can add a lot more
functionality by adding apps or modules including one for blogging and
eCommerce. With WordPress, while we installed one plugin, there are
a lot more we can install to give us the functionality that we need for our
website. WordPress is also working on its own drag-and-drop interface called
Gutenberg, but it's not quite ready for production yet. So now that we've used
both platforms, let's look at the pros and cons of each. With Wix, everything
happens within Wix.com. You don't need to worry about installing it or go
anywhere else to set it up. You also don't need to worry about the technical
stuff. It's got drag-and-drop site building functionality which makes it a
lot easier to get the exact layouts for every page that you want. It's also a lot
quicker to use than WordPress and there's also support. Some of the
WordPress pros is that it's free and open-source software which means that if
you need to add functionality you can hire somebody to write the code for you
or you can code it yourself. There are also thousands of themes and plugins to
choose from -- many more than Wix -- which means that it's a lot more expandable so
you can cover a lot more different types of sites on WordPress.
There's a lot more design options and it's also the most popular CMS on the
web, powering over 28% of the web. It gets frequent updates and has a lively
community. It's got great blogging and content management capabilities. A lot
better than Wix which uses basic text boxes as opposed to more indexable types
of content that you see in WordPress. If we take a look at the cons, Wix can take
your site down at any point; you're never in full control of it. Not all of the
designs available on Wix look good so you might have to test a bunch. You can't
change your site design later. You're stuck with whatever you choose when you
initially configure your site and not all designs are SEO friendly.
Customization is limited as far as functionality goes and everything needs
to be pre-approved by Wix if you want to add it as a module. Some of the WordPress
cons is that launching a web site is not as easy. It requires additional cost and
technical knowledge. If your hosting company isn't very cooperative, you have
to do all the heavy lifting yourself. Themes, as you've seen, can also work very
differently from one another. Mastering one does not mean you've
mastered all of them and the same goes for plugins. The Admin Dashboard isn't
very intuitive and there's not necessarily support. So, who's the winner?
Well, it all depends on what you need. If you need a website up and running
incredibly quickly for relatively low cost, Wix is the way to go. But if you
need something where you need complete control over the functionality that you
add or even need custom functionality, WordPress is definitely the way to go.
That's it for this video. If you have any questions, feel free to leave them in the
comments and check out more of what WinningWP has to offer.
Không có nhận xét nào:
Đăng nhận xét