WordPress Website, How to Make a New One

Creating a brand new website

WordPress website

In a nutshell, this post will tell you how to make a brand new WordPress website. In this example it will have:

* A home page
* A contact us page with a Google Map
* Local optimization to put you on Google’s page 1
* Two business email addresses that link to your regular address.  E.g., Sales@myamazingwebsite.com & Info@myamazingwebsite.com
* An About Us page.

What if you start reading this over and you don’t want to do it yourself? Well, go to Kelowna Virtual Assistant and find out how we can do it for you.

How to set up the entire WordPress website in 11 steps

1. Web host

Since I started creating websites in 1996, I’ve used many different web hosts. My very favourite one has been LiquidNet Ltd Hosting. They have amazing tech support and have been able to help me with practically any problem I’ve had. Besides that, they make it easy to set up a WordPress website.

You probably need no more than the starter package. It is only $35 (USD) per year.

2. Domain name

Choose domain name that helps brand your business. For instance, IBM has ibm.com, Kelowna Virtual Assistant has kelownavirtualassistant.com and CNN has cnn.com.

This post will help you decide upon the ideal domain name for your business.

3. Buy & register your domain

My very favourite place for buying & registering domain names is WhoIs.com. Go there as soon as you have decided upon your domain name. Click on Login to create an account.

You will have to change the DNS settings to supremedns1 & supermedns2. Go here now to find out how to do that.

4. Set up WordPress

Before setting up WordPress, go to My Domains > Hosted Domains. Click the white on black Host Domain button. Add your new domain name to the Domain box. Click Add a Host.

Go to this blog post to see how to add WordPress to a LiquidNet Ltd Hosting website.

5. Home Page

WordPress websiteIf you followed the instructions in the previous paragraph, you should have a home page. To edit it, click on edit from ANY page in your new website. On the left-hand side, you will see a black column called the Dashboard. Click on Pages > All Pages.

WordPress websiteIf you scan through the pages, you will see one called Home. Click the Edit link to make changes.

It is important that the Home page be attractive and informative. That is often where visitors go to find more information about your business.

6. WordPress plugins

WordPress plugins are bits of software that can be uploaded to make WordPress more powerful. After you have finished your initial WordPress website, you really should click on that link and then learn about the most important plugins. Make sure you have them.

7. Contact Us form

WordPress websiteOf all the WordPress Contact Us forms I’ve ever used, Caldera Forms is my favourite plugin. Using the instructions from the above paragraph, go to the Plugins link in your dashboard and install & activate Caldera Forms.

Then go to Pages > Add New and add a new page called Contact Us. Using these instructions, add a Contact Us form to that new page.

8. Google Map

WordPress websiteGo to this Google Maps page and add a Google map to your Contact Us page. Make sure there is a pin at the address of your business.

 

9. Google p.1 with Local Listing

Local Listing means that you can often get on Google p.1 if you have a Google Map and set up Google My Business properly. Learn more on the Google My Business blog post.

10. Specialized email addresses

You may want to have specialized email address similar to info@myamazingbusiness.com. Say you want to have it forward to your personal email address. Your business card can have info@myamazingbusiness.com. You do not have to have your personal email address on your business card. This is how to do it:WordPress website

  1. Log into your LiquidNet Ltd Hosting account
  2. Click on Email tab > Mailboxes
  3. Over to the right click on Create a New Email Account
  4. Use the dropdown box to scroll down to your domain nameWordPress website
  5. Add info, sales, your name or anything you want
  6. Fill in the forwarding information. Add your personal email address or whatever address you want the email forwarded to.

11. About Us page

To add your About Us page, click on New just to the left of View Page. For New you have 5 choices. Select Page.

The rest should be intuitive. Make sure you give a little bit about your history and what you might do to give a benefit to the visitor. Include pictures that promote your business.

Too time consuming?

After going through this blog post, you may decided that you are not prepared to spend the time learning all of this. That’s reasonable. Simply go to Kelowna Virtual Assistant and find out how we can create your WordPress website for you.

 

Website Setup Starting from the Beginning

Getting started with WordPress

So you want to have a website with a WordPress blog. This post explains your website setup from the very beginning to a working (very simple) website. Other posts in this blog will explain setting up

  • Your home page
  • Horizontal menus
  • WordPressBlog
  • Etc.

Website setup in 3 steps

Note that you have to set up everything in the exact order you see here.

1. Get a domain name

You want to start by registering a domain name that matches your business name. The domain registration blog post explains how to do that.

Part of the process of registering you domain name is linking it to your web host. This is called changing the DNS (domain name servers) information. The DNS blog post will show you how to do that.

2. Host your domain name

Since I started creating websites in 1996, I’ve used many different web hosts. In terms of price, tech support and other features LiquidNet Ltd Hosting is by far my favourite host.

The instructions in this post assume you are using LiquidNet. If you are using a different host, you will have to adjust these instructions accordingly.

Log into your LiquidNet Hosting Control Panel. Go to My Domains > Hosted Domains. If you cannot figure out how to add your new domain, open up a new ticket with tech support and ask them.

Click here to learn more.

3. Add WordPress to your website

website setup

If you are using LiquidNet, go to Installer > Applications Installer and click on the Install icon in the WordPress line.

You will see a new panel called Install Application. Make sure every line is filled in properly:

  • For the In Directory line, leave only the slash.
  • Select and delete the word “wordpress”.
  • website setupSelect “weblog title” and change it to a name that describes your business.
  • Keep the radio button on Automatic Database Creation
  • You will see a number of templates. Use the forward and back arrows to help you choose one you like. (I Installed the Twenty Sixteen WordPress Theme.)
  • Click the Install WordPress button.
  • Click the Visit Admin Area button
  • You can start creating your posts & pages
  • You will get an email giving your login URL, username & password. Record them in a safe place — cryptically if possible. (The default username is Admin. Do NOT use that. You want to make it difficult for hackers!)

Notes on Posts & Pages

When you click New in the top of a WordPress Post or Page, you will get a choice of Post or Page. A Post will be part of your blog. When you scroll down to the bottom of a Post on the Internet, you will see a Previous and a (usually) Next button. They will link to the corresponding blog posts.

Any other page you create will be a WordPress Page. E.g., Home, About Us and menus for the various blog categories will all be Pages.

Website setup finished

As long as you performed all of the above steps in the exact order, your website setup should be finished. You should be all set to start creating WordPress pages & blog posts.

If you still have problems, use the search box or else the Blog menu to find the answers.

 

Adobe Stock Images Review

Introducing Adobe Stock images

Adobe StockI have been using Adobe Stock images for several years. I highly recommend them IF you can reasonably use 10 images per month.

They have tens of millions of images from which to choose. All you have to do is type in the correct keywords and you will find an image you like.

Caveat before you sign up

I found that I was not using enough images. So, I started the process of cancelling my subscription. I got the above cancellation fee message.

They gave me to take the next 60 days at no charge if I would not cancel. So, that’s the option I took.

Why use Adobe Stock images?

Adobe Stock

There are several reasons why you might want to use Adobe Stock images:

  • When visitors find your page, you must grab their attention within seconds. Otherwise they may go to another page and never go to your website again.
  • People are more likely to start reading short lines. If your amazing image covers half of your first paragraph, visitors will read your short lines. Now thatAdobe Stock you have their attention, they are more likely to read the rest of the article.
  • People usually do not read a web page; they will skim it. When you have attractive, pertinent images, it is easier to grasp the concepts while skimming.
  • Video marketing is becoming more popular and more important with every passing month. Having attractive,Adobe Stock pertinent images in your videos & animated GIFs makes people more likely to pay attention to them.
  • They are only $3 (USD) each. You pay $30/month for 10 photos. What you do not use will be accumulated into the next month.

 

How to find an image

Adobe StockLet’s say you are writing an article about a sales funnel. You want to grab the visitors’ attention from the very beginning. You also want the first lines to be short so that people would read them. Then you would draw them in so that they would read the rest of the article.

You remember seeing a picture like the one to the left. So, you would log into Adobe Stock and search for “sales funnel people”.

You would end up with over a hundred pictures from which to choose. You begin the process of Adobe Stockcollecting around 10 or 20 possible pictures you might use.

So, you hover over the bottom of each picture that is a candidate. Click on the Save Preview to Computer icon. All of these watermarked images will be saved in your Downloads folder.

After you have sufficient watermarked sales funnels, you go into your Downloads folder and choose the best image. You write down its unique number. Then enter it into the Adobe Stock search engine.

Your favourite image will show up. You hover over the bottom and select the License & Save to Computer image. You go back into your Downloads folder. Give your new image without the watermark a descriptive name.

Thus Adobe Stock has helped you make a more attractive blog post.

Adobe Stock is not for everyone

Adobe StockFor people who use significantly fewer than 10 images a month, there are better alternatives such as Dreamstime. Instead of paying for 10 images up front, you buy points. Each image costs so many points. Left-over points can be used to pay for part of another image.

Dreamstime also has a number of free images. (They have over 58 million images altogether.) The free ones are often lower quality. However, I have used them in attractive animated GIFs more than once. To access their website, go to bit.ly/nocostimages.

If you go there now, you will see a Free Images tab at the top. Click on it and then enter keywords into the search box. Your free images will show up first. The higher quality images will show up next. You have to pay for images from that group.

Adobe StockI’d like to point out the Stock Footage tab. That’s where you can get super high quality video clips to use as introductions to your YouTube videos. The animated GIF you see here represents how I introduce most videos on my Web Design YouTube channel.

 

 


video marketingPeter Enns has been developing websites since 1996. As a VA (virtual assistant), he specializes in new website development, researching and writing blog posts and creating videos for YouTube and as animated GIFs. He is a social media blogger and author of a free YouTube tutorial. It’s called 7 Day YouTube and will teach you how to make entertaining videos & animated GIFs.

video marketing tweets

Twenty Seventeen WordPress Theme Review

Upgrading a current website to Twenty Seventeen

You may feel like you want to keep your website current with the latest styles. This post discusses upgrading your website from an older WordPress theme to Twenty Seventeen.

Twenty Seventeen is a highly specialized theme meant to have full-width beautiful pictures on EVERY page. It would be ideal for something like a restaurant in this example. However, websites for which a blog plays a major role probably should not use it.

What is the Twenty Seventeen theme?

WordPress themes in general provide all of the front end styling of a WordPress site. Below is some of the front end styling that comes with the Twenty Seventeen theme. A discussion of most of the front end styling can be found here.

  • The main column width is up to 525px wide with the two column layout, or up to 740px wide with the one column layout.
  • Using some CSS code, you can change the width of the main and sidebar columns. The maximum width of a sidebar is to 326px.
  • Each page & post should have a large Featured Image. The recommended Featured Image size is 2000px wide by 1200px high.
  • Video marketing is becoming more important as each month goes by. You can have a video playing in your header. The recommended Header Video and Header Image sizes are 2000px wide by 1200px high.
  • Twenty Seventeen supports both a Header Image and a Header Video.
    • Header video can be MP4 (not recommended as it takes up too much space) or YouTube URLClick to hide the header image, enter the Youtube URL of the video and press enter. The video will automatically play silently in the header area. There will be a Play/Pause toggle button in the upper right-hand corner.
  • Widgets: Twenty Seventeen includes a footer widget area, where you can add widgets below the site’s content.The blog index, archive, search, and single blog posts also include a sidebar widget area. For each, the content will display in one centred column until the sidebar widget is added. With the sidebar widget, the content will appear in one column, and the widgets in the other.
  • Twenty Seventeen includes a Social Icons Menu, where you can add links to your social media profiles that will be displayed as logos in the footer.

Click here to learn more.

Customize link

Like the Twenty Sixteen theme, this one also has a customize link above the header image. It’s really useful for making quick changes.

You can even add CSS code without knowing anything about coding.

First step

Twenty Seventeen is meant to be used with WordPress 4.7 or better. Before you even think about downloading Twenty Seventeen, upgrade your WordPress version to 4.7.

Header height

You may want to reduce the height of the header.

The instructions did not work for me. Because this may have been because of a bug in the software, I am including the instructions in this post. By the time you read this, the bug may have been fixed.

1. Remove old header

Twenty Seventeen To reduce the header height, you must first remove the old header. On a page that has the Twenty Seventeen theme, go to the top and click Customize.

Then click on header media. Click on Hide Image.

2. Add new header

Twenty SeventeenThis is the narrow header I decided to insert.

I like to have the header image inserted as a URL. So, I inserted this image in Twenty Seventeenan unimportant place. In this case it was the bottom of the index file, right under “Zooming and Panning”. I edited the Index page, went into text view and searched for “zooming and panning”.

Below that, between the quotation marks after “href” is the head URL. Use Cmd C to copy it into your clipboard.

Twenty SeventeenClick on the Customize link again. Click on Additional CSS. Scroll to the bottom of it and add this CSS code:

#masthead { background-image: url(“<insert url of your image>”); background-size: 100%; }

Conclusion

In conclusion, I would like to say that Twenty Seventeen definitely is not for everyone. That includes people with a significant blog.

However, perhaps you have a website in which you’d like to have a full-width photo on every page. The Twenty Seventeen is most likely the best way to go. You will be enhancing the user experience.

Related pages

How to Customize this Free WordPress Theme

WordPress Custom Header Image banners

 

 


VAPeter Enns has been developing websites since 1996. As a VA (virtual assistant), he specializes in new website development, researching and writing blog posts and creating videos for YouTube and as animated GIFs. He is a social media blogger and author of the free YouTube video-creation tutorial called 7 Day YouTube.