Website Software Setup – Build a Custom Website – Lesson 2

hi and welcome back to the build your custom 
website course my name's Dan i'm a software   engineer and systems analyst with wp update and 
i'll be looking after you today in today's session   we're going to be doing a couple of things firstly 
we'll be preventing search engines from accessing   our beta site that's our pre-launch site we'll 
be configuring the url structure and settings   for wordpress and we'll be installing the base 
website artwork ready for session three today's   requirements are fairly straightforward you just 
need a little bit of time and a little bit of   patience so you may have noticed last session 
we installed wordpress and i wanted to quickly   address why we went with wordpress as opposed 
to one of the managed free online services so   let's do a quick comparison the free services are 
absolutely fantastic but there are a couple of   limitations with them the first of course is that 
you only have limited control over your artwork   whereas with the custom wordpress site you've 
got thousands of different themes and with a bit   of php knowledge you can completely customize 
them or you can hire someone to do it for you   there's only limited or restricted components 
within the free websites as well they give you   a set of tools that you can use and they are 
the only tools that you can use whereas with   wordpress it's almost infinitely extendable you 
can add plugins you can add functionality you   can add add-ons you can extend just about 
any component of wordpress to turn it into   more than it is when you started there can 
be locked or limited e-commerce options   with the free ones where they will give you a type 
of product or an item that you have to use as in   you know it needs to be a single product you can't 
do a variation say colors on t-shirts for example   whereas with custom wordpress there are dozens of 
free e-commerce plugins and and extensions that   allow you to do just about anything we're touching 
that in the master class a little bit later on with the free ones you really can customize 
or extend the functionality within   their their framework as opposed to 
wordpress you can hire a programmer to   customize just about any aspect of your website 
and extend it to do just about anything you like   with the free versions they're quite hard to 
migrate as well so if you're on a prominent   platform that gets advertised a lot on youtube and 
you decide that you no longer want to be with that   platform they have complete control over your site 
you cannot with any deal of ease move from one   host to another whereas wordpress is very very 
easy to migrate it's portable so if you decide   you don't like siteground anymore and move to 
hostgator or godaddy it's a fairly straightforward   process to do that you don't have to be 
locked into a single host if you're not happy   so what we're going to be looking at mainly is the 
permalink the permalink is the structure of your   url or the web address of the individual pages 
on your website they have a surprising impact   on search engine optimization and a really big 
impact on clickability so let's just quickly look   at an example here so a default out of the box 
wordpress page will have a url of question mark   page underscore id and then a number with 
the permalink structure correctly set up   we can change that to forward slash blog forward 
slash top 10 pizzas in italy for example and you   can already see straight away that that's a little 
bit more clickable it's a little bit more friendly   but let's take a look at what it will look like in 
say a google search result so if we have a look at   the first one top 10 pizzas in italy uh from the 
example travel blog here you can see there the   little green text allows you to see what the url 
is and it's not terribly pretty you can tell it's   not been set up well whereas if we tweak that that 
suddenly becomes a lot nicer and google in fact   recognizes the hierarchical structure 
of the url there and then puts little um   little markers in there i suppose you'd 
call them as opposed to just the dashes   which makes it a little bit more professional and 
a lot more clickable one other thing to consider   there as well is the second url you'll notice 
has some really really nice keywords in there   as well so that will cover you for a top 
10 list and that will cover you for pizzas   and italian pizzas as opposed to just a simple 
one two six five so again super simple to set up   but a massive impact on the way your site appears 
and potentially can rank on google so let's get   set up if you get to your website and you see 
this type of error that means that there is a bit   of a problem with the domain registration what 
you'll need to do is contact sitegroundsupport   there is a link in the description 
below on how to do that and what to say if you see this page when you try to visit 
your website or a similar page if you're   using chrome or internet explorer or safari 
it means the security certificate hasn't been   installed correctly it's a fairly easy fix all 
you'll need to do is contact siteground support   and there is a link in the description 
below on how to get there and what to say   all right but in the meantime if 
you do see this error that's okay   just make sure that you are 100 sure that is 
your website address that we registered last time   click on advanced and then click accept the risk 
and continue okay so let's bring up a browser and we're going to navigate to our website so if 
you recall from last time the url you entered or   sorry the domain you registered and what we 
want to do is type in https and that part is   very important colon double slash and then 
your domain so in our case it was error 418 dots coffee put the dot in there and you should see something like this okay so 
let's assume that everything's gone correctly   and you can see the website you will see the 
my wordpress just another wordpress site and   the very very base thing so what we're going to 
do now is go right up to the top to the url bar   and we're going to type in forward 
slash wp hyphen login l-o-g-i-n dot   p-h-p so that's wp hyphen login dot p-h-p move 
that out of the way and then we're going to hit   enter and that will take you to the wordpress 
login page so if you recall from last time we   had a login sent to us from siteground 
so just put in your email address there and then enter the password you would have 
entered when you set up the account and   don't forget down here there's a lost 
your password if you get stuck as well and there we go there's our wordpress starter 
so we're just going to exit the wizard we're   not going to worry about that at the 
moment just click the exit button down   the bottom and now we are in our wordpress 
control panel or the wordpress dashboard   let me go full screen and i'm just going to zoom 
in so you can see things a little bit easier all right so for today's exercise as i mentioned 
before we're looking at setting up permalinks   blocking search engines from seeing 
our beta site or our pre-launch site   and going through the general 
settings for wordpress   so what we're going to start with over here 
is going to settings and then going to general we want to add your site title in here so this 
is the name of your business or the name of your   site and it will appear in search engines 
so in our case we're going to be error 418   and the tag line is a secondary 
catchphrase that you can use for your site   on and that appears in search engine results on 
pages that aren't necessarily super optimized   for search engine optimization 
so for us it's going to be resources the next thing we're going to 
do is go down to the wordpress   address url and we're going to take the 
http there and then stick a little s in   there so you should end up with https colon 
slash and then the domain you registered   and what that's going to do is that's going to 
force new visitors into the site onto the secure   version there's two advantages to that firstly 
it's encrypted end to end so that means that   it protects people who are visiting your site 
from a thing called a man in the middle attack   and also very very handy for google they really 
like a uh a good security certificate set up   rather than insecure standard http websites 
so we'll do that for the wordpress address url   and the site address the next thing is your 
email we just want to make sure that that is okay   and that can stay as your personal 
email for the moment but before we   launch we'll set that up to be the email 
address we registered in the last video now we don't need to worry about 
membership or user roles right now we   just keep short make sure that is unchecked 
the subscriber role doesn't matter at all   set the site language to whatever you prefer 
so we're going to be operating largely in the   uk so we'll go with english uk but you can 
see there there are several other languages   available and you can set it up to whatever you 
prefer or whatever your target market will need don't worry too much about 
the date and time format   and for us the week will start on monday so once 
you're happy with your settings there and again   feel free to pause the video and just have a 
bit of a think if you'd like to put a bit more   time into that but once you're happy scroll 
down to the bottom and hit save changes now because we changed to https we got booted 
back out of the site so we'll need to log in again and once we're in those settings will 
be saved okay so we'll skip the writing   part we'll deal with that a little bit 
later and then go straight to reading now this is for the blog management part of 
the site we won't need to worry about most   of this for the this course what we do want to 
do though is set the search engine visibility   so we want to just check that make sure it's 
set to discourage search engines from indexing   this site and what that does is that asks google 
bing yahoo yandex and and dozens of other sites   not to index this which helps us which well 
gives us time to build the site out without   having to worry about people seeing it a little 
bit early so once that's been checked hit save   okay the next thing we're going to 
do is head over to the discussion tab now this looks after how people interact 
with blog posts and with pages on your site   so we're going to under default posts settings 
here we're just going to uncheck those first three   and what that does is that 
prevents people spamming us   with comments and pingbacks for other sites so 
scroll all the way down and then save changes   all right change is saved the next thing we're 
going to head to is the permalinks setting okay so if you recall back at the start of the 
lesson we were looking at different permalinks and   different structures for urls so i've found the 
most effective one to be the custom structure   what we're going to do is just click on custom 
structure there delete the contents of that   and then add a category and then a 
post name and that gives that canonical   or hierarchical uh url structure and allows us 
to put some really nice keywords in the urls   which google and bing likes a lot we're 
going to scroll down to the save changes and there we go that's the permalink structures 
updated and privacy we're going to worry about   just a little bit later on in the course what 
we're going to do next is from the permalink   settings we're going to mouse over appearance 
and then go to themes you'll see we already   have some pre-installed ones there but i'm 
not a big fan of them they tend to be very   standard and lots and lots of people 
use them so what we're going to do   is install a new theme from the wordpress 
theme library so top left click add new you can see we get a whole heap of themes 
available to us and there are literally tens of   thousands of themes we're going 
to use a very very popular theme   with a very very popular customizable web builder 
to make this site as easy as possible to manage   so in the search themes up the top right 
there i would like you to type zeta z-i-t-a and we will look for the first result there 
which is zeta itself it's uh presently got the   the blue with the fella that looks like 
marshall from how i met your mother   and then click on install that will 
just take a few moments to install and then once that's done 
we're going to click activate all right so that is now our base theme 
installed and because we don't want   any of this stuff here i'd 
like to clean up afterwards so   we click on theme details as we mouse over say 
2019 and then on the right hand side delete   and then okay all right and they will do that for 
all of the themes that we're not using so 2017   delete okay and then again for the 2020 delete 
and okay and if you have anyone in any other   themes in there do the same thing until you get 
presented with just this big fat zeta theme block   all right cool so we'll close that off okay so 
what i really like about zeta is that it has   a whole heap of pre pre-built imports that we can 
use to customize our site straight out of the box   so to install one of those what we want 
to do is go over to the left again to zeta   options which is just under background there and then we've got the import starter site   on the left-hand side and that asks you to install 
the importer plug-in so we'll click on that one   and that will just take a few moments to 
go through all right so once that's done   you'll see the seed library button and the 
the same spot as before click on that one and again if i'm going a bit quick feel free to 
pause go back more than happy to wait for you all right so because we're on a budget   and we want to use a decent theme builder which 
allows us to drag and drop components on around   the website what we're going to do is start 
by filtering the builders down to elementor once that's finished loading we then want to go 
to the free ones you can spend some extra money in   gopro if you like in my opinion for most people 
it's not worth the effort or worse the funds so we can see here we have about 10 or 12 
different options that we can go with for   your site and you can pick absolutely any one of 
these you like and it will work with the rest of   the course it will work with your site and the 
great thing about this kind of stuff is that   if you don't like it later it's 
fairly straightforward to change so have a good look through 
what i'd encourage you to do   is mouse over something you like the 
look of and click the preview button and that will show you what 
it looks like as a site so if you like the theme that's great just 
hit install and install if you're not a fan   close that out and then go and have a look at 
another one and keep going through the themes and   really really take some time with this because it 
is quite important but make sure you're happy with   the components you see on screen with the layout   with the backgrounds because even 
though they're customizable the less   we can play with it the easier it's going to 
be for us and the quicker we'll get this out so i spotted a really nice luscious dark 
looking one down the bottom called the   wine there we go johnny winery now because 
i'm going for rich colors and i'm going for   dark and luxurious feel for the site i'm going to 
use this one because yeah coffee so click on that   i'm very very happy with the layout for this 
one and what it does i think it's it's just   nice i like the transitions i like the the 
backgrounds as well but we will change those   a little bit later too all right so once you 
are happy with the theme you've chosen click   the install plugins button on the top left or the 
one down here doesn't matter does the same thing   all right you can see there it's starting to 
light up the different contact servers or sorry   the different plugins that we need to extend 
wordpress to make it compatible with this theme   so that's elementor was done 
it's now installing woocommerce we won't worry about woocommerce too much at 
this point we do cover it quite extensively   in the master class but right now it's just the 
thing that we need to install okay so once that's   completed you'll know the notice the button change 
to import this site so click on that one next   make sure you have a quick read of 
that and you're happy and then hit ok you'll see there it's starting to import the 
site and import pages and any media it needs   it's worth noting as well this media is not 
licensed so you will need to replace it with   your own photos or with photos that we source 
from a royalty free or stock photo service   which we'll go through in another class so 
that's now just importing the last of it   and that is done so now we 
can click done view site now because we're only using the main 
page at the moment and we don't have   products and we don't necessarily have a map 
organized what we're going to do is quickly   customize this to delete those components   so we'll close that go back to the main service 
there and then go to pages on the left hand side you can see it's installed some pages of 
its own but the main one we're looking at   is wine shop home so you'll see a marker that's 
marked front page and it will also have elementor   it might be marked as home page it might be 
marked as as home or welcome but something   front page-ish and then elemental so once you've 
found that one click the edit with elementor   like uh link i suppose you call it if you get a prompt like this that's okay just hit 
got it we don't need to worry about that right now   and now we're presented with a zoned 
blocked version of the web page that   we were looking at before now each one of 
these little zones each one of these blue   squares that pop up when you mouse over is 
an editable region of the site so what we're   going to do to start with if you have this 
on the front page and you don't necessarily   have to have it but it might be there is find 
the shop block now as mentioned before we don't   have woocommerce at the moment we're not worrying 
about the ecommerce side of things in this course   although we do cover it in the master class so 
what we're going to do is just mouse over and then   on the blue tab top right delete 
section and that's deleted that block   scroll down again and for the map we're going 
to not worry about that for the moment again   so we will just mouse over and 
then delete that section as well okay so that's those two sections deleted   back over to the elementor control 
panel here and then hit update okay so that is done using the little 
hamburger menu on the left hand side click   and then we can view the page and we can see there the shop has been removed 
and the map has been removed   so we don't need to worry about those anymore right now once you're here you can either 
go back and edit the page a bit more by   using the edit with elementor or you can head 
back into the dashboard by mousing over the   name of your site there 
and then clicking dashboard okay big day and that is it for this lesson 
so to summarize today's session we have   looked at any potential problems with your domain 
and ssl certificate and again a quick reminder   that there is information in the description 
below on where to find help to get that resolved   we've set up a permalink structure to give us the 
best possible chance of having a nice clickable   link when we get searched on google and on bing 
and we've also asked google and bing to hold off   indexing our site so that no one can find it while 
it's in beta we've added a base theme to the site   and then cleaned up any unnecessary themes 
to make sure that we don't have unnecessary   clutter and files on the site imported 
a starter theme and did our very first   bit of customization so nice work that's 
pretty cool not bad for a short session   and that's it for this session so thank you very 
much for sticking it out all the way to the end in   the next session we'll be further customizing the 
home page we'll be adding a logo adding some stock   images and telling you how to source stock images 
if you don't have your own as well as tweaking the   text and making the home page a bit more your 
homepage and a bit less templating before you   start the next session please grab a pen and 
paper and jot down your top five things or top   five products that you offer for your your clients 
and we'll use that as the basis to build out some   of the content in the next session thank you very 
much for watching we'll see you in the next lesson

As found on YouTube

To download your WP AMCOM PRO (May 2017)


Discover more from Marketing Revolution

Subscribe to get the latest posts sent to your email.

Leave a Reply