How to Create Your Own Amazing Website Using Wordpress

221
How to Create Your Own Amazing Website Using Wordpress www.miermatalinesva.wordpress.com

Transcript of How to Create Your Own Amazing Website Using Wordpress

Page 1: How to Create Your Own Amazing Website Using Wordpress

How to Create Your Own Amazing Website Using

Wordpress

www.miermatalinesva.wordpress.com

Page 2: How to Create Your Own Amazing Website Using Wordpress

Some assumptions basic to internet…

Page 3: How to Create Your Own Amazing Website Using Wordpress

… you should know…

Page 4: How to Create Your Own Amazing Website Using Wordpress

What a browser is

Page 5: How to Create Your Own Amazing Website Using Wordpress

You know how to switch tabs in the browser

Page 6: How to Create Your Own Amazing Website Using Wordpress

You already have an active email account

Page 7: How to Create Your Own Amazing Website Using Wordpress

You know how to log-in to your email account

Page 8: How to Create Your Own Amazing Website Using Wordpress

How to check your inbox for new emails

Page 9: How to Create Your Own Amazing Website Using Wordpress

Let us begin…

Page 10: How to Create Your Own Amazing Website Using Wordpress

Open your web browser and this may appear

Page 11: How to Create Your Own Amazing Website Using Wordpress

From the address area, type in Wordpress.com

Page 12: How to Create Your Own Amazing Website Using Wordpress

You will be directed to Wordpress website

Page 13: How to Create Your Own Amazing Website Using Wordpress

Click on Create Website

Page 14: How to Create Your Own Amazing Website Using Wordpress

You will be directed here

Page 15: How to Create Your Own Amazing Website Using Wordpress

These are categories

of your website to

choose from

Page 16: How to Create Your Own Amazing Website Using Wordpress

For the sake of this tutorial we will choose Business & Services

Page 17: How to Create Your Own Amazing Website Using Wordpress

You will have to choose sub-categories

Page 18: How to Create Your Own Amazing Website Using Wordpress

And more sub-categories!

Page 19: How to Create Your Own Amazing Website Using Wordpress

For the sake of this tutorial

Page 20: How to Create Your Own Amazing Website Using Wordpress

We will choose General Business & Services

Page 21: How to Create Your Own Amazing Website Using Wordpress

Click here

Page 22: How to Create Your Own Amazing Website Using Wordpress

Choose the theme of our website

Page 23: How to Create Your Own Amazing Website Using Wordpress

Click on the side bar to view more

Page 24: How to Create Your Own Amazing Website Using Wordpress

View more themes to choose from

Page 25: How to Create Your Own Amazing Website Using Wordpress

But wait… what is a theme?

Page 26: How to Create Your Own Amazing Website Using Wordpress

A theme is simply …

Page 27: How to Create Your Own Amazing Website Using Wordpress

… the over all look and feel of your website!

Page 28: How to Create Your Own Amazing Website Using Wordpress

For this tutorial, we will select Intergalactic

Page 29: How to Create Your Own Amazing Website Using Wordpress

Click on Pick

Page 30: How to Create Your Own Amazing Website Using Wordpress

You can choose another theme later

Page 31: How to Create Your Own Amazing Website Using Wordpress

If you want to change it

Page 32: How to Create Your Own Amazing Website Using Wordpress

Next, we need to choose a Domain

Page 33: How to Create Your Own Amazing Website Using Wordpress

But first… what is a domain?

Page 34: How to Create Your Own Amazing Website Using Wordpress

It is used to identify your page

Page 35: How to Create Your Own Amazing Website Using Wordpress

in the internet world

Page 36: How to Create Your Own Amazing Website Using Wordpress

Isn’t that amazing?! You have your own address…

Page 37: How to Create Your Own Amazing Website Using Wordpress

Now going back to this tutorial…

Page 38: How to Create Your Own Amazing Website Using Wordpress

Type in your preferred domain here…

Page 39: How to Create Your Own Amazing Website Using Wordpress

For this tutorial, I will type…

Page 40: How to Create Your Own Amazing Website Using Wordpress

Wordpress will check if the domain is still available…

Page 41: How to Create Your Own Amazing Website Using Wordpress

It is available!

Page 42: How to Create Your Own Amazing Website Using Wordpress

And it is for free!!

Page 43: How to Create Your Own Amazing Website Using Wordpress

Click on Select

Page 44: How to Create Your Own Amazing Website Using Wordpress

So my domain is miermatalinesva

Page 45: How to Create Your Own Amazing Website Using Wordpress

But my complete domain is www.miermatalinesva.word

press.com

Page 46: How to Create Your Own Amazing Website Using Wordpress

Wordpress also recommends domain name

Page 47: How to Create Your Own Amazing Website Using Wordpress

For a fee

Page 48: How to Create Your Own Amazing Website Using Wordpress

Wordpress will ask you to select your subscription plan

Page 49: How to Create Your Own Amazing Website Using Wordpress

Listed are the features of each plan type

Page 50: How to Create Your Own Amazing Website Using Wordpress

Click on Compare Plans to see more

Page 51: How to Create Your Own Amazing Website Using Wordpress

To see more specific comparison of each plan

Page 52: How to Create Your Own Amazing Website Using Wordpress

Click on Back Button to return to the previous page

Page 53: How to Create Your Own Amazing Website Using Wordpress

Until you arrive in this page

Page 54: How to Create Your Own Amazing Website Using Wordpress

For this tutorial, we will select Free

Page 55: How to Create Your Own Amazing Website Using Wordpress

You will be asked for your account details

Page 56: How to Create Your Own Amazing Website Using Wordpress

Fill-in your active email address

Page 57: How to Create Your Own Amazing Website Using Wordpress

This will be used by Wordpress to verify your account

Page 58: How to Create Your Own Amazing Website Using Wordpress

Fill in your username

Page 59: How to Create Your Own Amazing Website Using Wordpress

This will be used upon log-in

Page 60: How to Create Your Own Amazing Website Using Wordpress

Fill-in your password

Page 61: How to Create Your Own Amazing Website Using Wordpress

Click on Create My Account

Page 62: How to Create Your Own Amazing Website Using Wordpress

You will see that Wordpress is preparing your account

Page 63: How to Create Your Own Amazing Website Using Wordpress

Upon completion, a welcome message appears

Page 64: How to Create Your Own Amazing Website Using Wordpress

This is what the look of the theme you selected

Page 65: How to Create Your Own Amazing Website Using Wordpress

This is the Intergalactic Theme

Page 66: How to Create Your Own Amazing Website Using Wordpress

Now we start designing our website

Page 67: How to Create Your Own Amazing Website Using Wordpress

Click on My Site

Page 68: How to Create Your Own Amazing Website Using Wordpress

You will different menus for customization

Page 69: How to Create Your Own Amazing Website Using Wordpress

Click on Blog Post

Page 70: How to Create Your Own Amazing Website Using Wordpress

You will see this screen

Page 71: How to Create Your Own Amazing Website Using Wordpress

Click on Title

Page 72: How to Create Your Own Amazing Website Using Wordpress

Type About Me

Page 73: How to Create Your Own Amazing Website Using Wordpress

Type some description about you here

Page 74: How to Create Your Own Amazing Website Using Wordpress

Click on Publish to Save

Page 75: How to Create Your Own Amazing Website Using Wordpress

You will see it saving…

Page 76: How to Create Your Own Amazing Website Using Wordpress

A message appears after every successful publish…

Page 77: How to Create Your Own Amazing Website Using Wordpress

Now lets check the effect of our blog post

Page 78: How to Create Your Own Amazing Website Using Wordpress

On another tab, type your complete domain

Page 79: How to Create Your Own Amazing Website Using Wordpress

In my case, it is…

www.miermatalinesva.wordpress.com

Page 80: How to Create Your Own Amazing Website Using Wordpress

This is what your website looks

Page 81: How to Create Your Own Amazing Website Using Wordpress

Now, let us customize further our website

Page 82: How to Create Your Own Amazing Website Using Wordpress

Let us go back to our customization page

Page 83: How to Create Your Own Amazing Website Using Wordpress

Click on customize in themes

Page 84: How to Create Your Own Amazing Website Using Wordpress

This will appear

Page 85: How to Create Your Own Amazing Website Using Wordpress

You are customizing your site

Page 86: How to Create Your Own Amazing Website Using Wordpress

Click on Custom Design

Page 87: How to Create Your Own Amazing Website Using Wordpress

Type in Your Site Title

Page 88: How to Create Your Own Amazing Website Using Wordpress

If you have a tagline, you can put it here…

Page 89: How to Create Your Own Amazing Website Using Wordpress

You have the option to display your header or not…

Page 90: How to Create Your Own Amazing Website Using Wordpress

By checking or unchecking this box…

Page 91: How to Create Your Own Amazing Website Using Wordpress

Return to main menu by clicking here

Page 92: How to Create Your Own Amazing Website Using Wordpress

Now click on Header Image

Page 93: How to Create Your Own Amazing Website Using Wordpress

You can put an image for your website here…

Page 94: How to Create Your Own Amazing Website Using Wordpress

Click on Add new image

Page 95: How to Create Your Own Amazing Website Using Wordpress

You will be directed here…

Page 96: How to Create Your Own Amazing Website Using Wordpress

Click here to upload you own pictures

Page 97: How to Create Your Own Amazing Website Using Wordpress

The open dialog box appears

Page 98: How to Create Your Own Amazing Website Using Wordpress

You can directly type the location of your file here

Page 99: How to Create Your Own Amazing Website Using Wordpress

Or you can browse by folder

Page 100: How to Create Your Own Amazing Website Using Wordpress

Click on your selected image

Page 101: How to Create Your Own Amazing Website Using Wordpress

Click Open to select file

Page 102: How to Create Your Own Amazing Website Using Wordpress

Your file will be uploaded

Page 103: How to Create Your Own Amazing Website Using Wordpress

Upon finish uploading, a check mark appears

Page 104: How to Create Your Own Amazing Website Using Wordpress

A preview of your image is shown here

Page 105: How to Create Your Own Amazing Website Using Wordpress

Click on this button to select and crop the image

Page 106: How to Create Your Own Amazing Website Using Wordpress

Now it’s time to crop your image

Page 107: How to Create Your Own Amazing Website Using Wordpress

A special blinking box designates the specific area to be cropped

Page 108: How to Create Your Own Amazing Website Using Wordpress

You can click anywhere inside this box to change area for cropping

Page 109: How to Create Your Own Amazing Website Using Wordpress

You can also click on the small square at the edges…

Page 110: How to Create Your Own Amazing Website Using Wordpress

…to change its size

Page 111: How to Create Your Own Amazing Website Using Wordpress

This is now the final crop area

Page 112: How to Create Your Own Amazing Website Using Wordpress

Click here to complete the crop

Page 113: How to Create Your Own Amazing Website Using Wordpress

Your cropped file will appear here

Page 114: How to Create Your Own Amazing Website Using Wordpress

And sample view of your website

Page 115: How to Create Your Own Amazing Website Using Wordpress

Click on back to return to other customization options

Page 116: How to Create Your Own Amazing Website Using Wordpress

Now click on Colors and Background

Page 117: How to Create Your Own Amazing Website Using Wordpress

You can choose your preferred color palette here

Page 118: How to Create Your Own Amazing Website Using Wordpress

This is what your site will be like if you choose this

Page 119: How to Create Your Own Amazing Website Using Wordpress

Or if you choose this

Page 120: How to Create Your Own Amazing Website Using Wordpress

Or this

Page 121: How to Create Your Own Amazing Website Using Wordpress

But I like the original, so I will

Page 122: How to Create Your Own Amazing Website Using Wordpress

Click on Default

Page 123: How to Create Your Own Amazing Website Using Wordpress

Click here to return to previous menu

Page 124: How to Create Your Own Amazing Website Using Wordpress

Now click here for more customizations

Page 125: How to Create Your Own Amazing Website Using Wordpress

This is the Static Font Page Customization Sub-Menu

Page 126: How to Create Your Own Amazing Website Using Wordpress

Select A Static page to be your main web page

Page 127: How to Create Your Own Amazing Website Using Wordpress

Select here the Page you want to be your Static page

Page 128: How to Create Your Own Amazing Website Using Wordpress

Click Save & Publish to effect your customizations

Page 129: How to Create Your Own Amazing Website Using Wordpress

Now its time to create the sub-pages of your site

Page 130: How to Create Your Own Amazing Website Using Wordpress

From your main site

Page 131: How to Create Your Own Amazing Website Using Wordpress

Click on Add in Pages

Page 132: How to Create Your Own Amazing Website Using Wordpress

Click on Title

Page 133: How to Create Your Own Amazing Website Using Wordpress

Change to Tutorials

Page 134: How to Create Your Own Amazing Website Using Wordpress

Click on Update to Save

Page 135: How to Create Your Own Amazing Website Using Wordpress

Your page is successfully Published

Page 136: How to Create Your Own Amazing Website Using Wordpress

Click here to return to previous menu

Page 137: How to Create Your Own Amazing Website Using Wordpress

Click on Add in Pages

Page 138: How to Create Your Own Amazing Website Using Wordpress

Click on Title

Page 139: How to Create Your Own Amazing Website Using Wordpress

Change to Contact Me

Page 140: How to Create Your Own Amazing Website Using Wordpress

Click on Update to Save

Page 141: How to Create Your Own Amazing Website Using Wordpress

Your page is successfully Published

Page 142: How to Create Your Own Amazing Website Using Wordpress

Click here to return to previous menu

Page 143: How to Create Your Own Amazing Website Using Wordpress

These are the pages you have made so far

Page 144: How to Create Your Own Amazing Website Using Wordpress

Now its time to create our Tutorials…

Page 145: How to Create Your Own Amazing Website Using Wordpress

By creating our Blog Post

Page 146: How to Create Your Own Amazing Website Using Wordpress

Click here to add Blog Post

Page 147: How to Create Your Own Amazing Website Using Wordpress

Click on Title

Page 148: How to Create Your Own Amazing Website Using Wordpress

Type Our 1st Blog Post Topic

Page 149: How to Create Your Own Amazing Website Using Wordpress

Change to How to Create Your Own Website Using Wordpress

Page 150: How to Create Your Own Amazing Website Using Wordpress

Then press Publish to save

Page 151: How to Create Your Own Amazing Website Using Wordpress

Successful Publish of your 1st Blog Post

Page 152: How to Create Your Own Amazing Website Using Wordpress

Click on back to add more blog post

Page 153: How to Create Your Own Amazing Website Using Wordpress

Click on again Add in Blog post

Page 154: How to Create Your Own Amazing Website Using Wordpress

Click on Title

Page 155: How to Create Your Own Amazing Website Using Wordpress

Type our 2nd blog post topic

Page 156: How to Create Your Own Amazing Website Using Wordpress

Change to How to Create Amazing Art Using Canva

Page 157: How to Create Your Own Amazing Website Using Wordpress

Click on Publish to save

Page 158: How to Create Your Own Amazing Website Using Wordpress

Successful Publish of your 2nd Blog Post

Page 159: How to Create Your Own Amazing Website Using Wordpress

Click on back to add more blog post

Page 160: How to Create Your Own Amazing Website Using Wordpress

Click again Add in Blog post

Page 161: How to Create Your Own Amazing Website Using Wordpress

Click on Title

Page 162: How to Create Your Own Amazing Website Using Wordpress

Type our 3rd blog post topic

Page 163: How to Create Your Own Amazing Website Using Wordpress

Change to Create Level-Up Presentation using Prezi

Page 164: How to Create Your Own Amazing Website Using Wordpress

Click on Publish to save

Page 165: How to Create Your Own Amazing Website Using Wordpress

Successful Publish of your 3rd Blog Post

Page 166: How to Create Your Own Amazing Website Using Wordpress

Click on Back to view your blog post

Page 167: How to Create Your Own Amazing Website Using Wordpress

You can view the blog post you made

Page 168: How to Create Your Own Amazing Website Using Wordpress

Next, we set the page

Page 169: How to Create Your Own Amazing Website Using Wordpress

That we wish our blog post to be seen

Page 170: How to Create Your Own Amazing Website Using Wordpress

Let us go back to our customization page

Page 171: How to Create Your Own Amazing Website Using Wordpress

Now click here for customizations

Page 172: How to Create Your Own Amazing Website Using Wordpress

This will appear

Page 173: How to Create Your Own Amazing Website Using Wordpress

Click on Static Font Page

Page 174: How to Create Your Own Amazing Website Using Wordpress

This is the Static Font Page Customization Sub-Menu

Page 175: How to Create Your Own Amazing Website Using Wordpress

The Posts page determines what page

Page 176: How to Create Your Own Amazing Website Using Wordpress

All your Blog Post will be shown

Page 177: How to Create Your Own Amazing Website Using Wordpress

Click here to view the pages

Page 178: How to Create Your Own Amazing Website Using Wordpress

Click on Tutorials to Select it

Page 179: How to Create Your Own Amazing Website Using Wordpress

Click on Save and Publish to Save

Page 180: How to Create Your Own Amazing Website Using Wordpress

Now we will create a way for our website visitors

Page 181: How to Create Your Own Amazing Website Using Wordpress

To contact us thru the Contact Me page

Page 182: How to Create Your Own Amazing Website Using Wordpress

Click on back to return to previous menu

Page 183: How to Create Your Own Amazing Website Using Wordpress

Click on Pages Post

Page 184: How to Create Your Own Amazing Website Using Wordpress

Click on Contact Me

Page 185: How to Create Your Own Amazing Website Using Wordpress

Click on editor area

Page 186: How to Create Your Own Amazing Website Using Wordpress

Type the following codes

Page 187: How to Create Your Own Amazing Website Using Wordpress

Click on Update to save changes

Page 188: How to Create Your Own Amazing Website Using Wordpress

A message appears when update is completed

Page 189: How to Create Your Own Amazing Website Using Wordpress

Your website is complete!

Page 190: How to Create Your Own Amazing Website Using Wordpress

Now let us view you website

Page 191: How to Create Your Own Amazing Website Using Wordpress

In your browser, open a new tab

Page 192: How to Create Your Own Amazing Website Using Wordpress

Type your full domain name here

Page 193: How to Create Your Own Amazing Website Using Wordpress

In this tutorial, domain name is www.miermatalinesva.wordpress

.com

Page 194: How to Create Your Own Amazing Website Using Wordpress

Press Enter key to reload page

Page 195: How to Create Your Own Amazing Website Using Wordpress

This is your website

Page 196: How to Create Your Own Amazing Website Using Wordpress

This page is the static page we customized earlier

Page 197: How to Create Your Own Amazing Website Using Wordpress

Click here to view the pages we created

Page 198: How to Create Your Own Amazing Website Using Wordpress

These are the pages we created

Page 199: How to Create Your Own Amazing Website Using Wordpress

Home is a default page containing your About Me

Page 200: How to Create Your Own Amazing Website Using Wordpress

Click on Home

Page 201: How to Create Your Own Amazing Website Using Wordpress

You will go back to your Static Page

Page 202: How to Create Your Own Amazing Website Using Wordpress

Click here to go to other pages

Page 203: How to Create Your Own Amazing Website Using Wordpress

Click on Tutorials

Page 204: How to Create Your Own Amazing Website Using Wordpress

You will see your various blog posts

Page 205: How to Create Your Own Amazing Website Using Wordpress

Click on the side bar to see more

Page 206: How to Create Your Own Amazing Website Using Wordpress

Here is your another blog post

Page 207: How to Create Your Own Amazing Website Using Wordpress

And more!

Page 208: How to Create Your Own Amazing Website Using Wordpress

Click here to scroll up

Page 209: How to Create Your Own Amazing Website Using Wordpress

Until you get to the top of the screen

Page 210: How to Create Your Own Amazing Website Using Wordpress

Click here to view the Contact Me page

Page 211: How to Create Your Own Amazing Website Using Wordpress

Click on Contact Me

Page 212: How to Create Your Own Amazing Website Using Wordpress

Here is your Contact Me page

Page 213: How to Create Your Own Amazing Website Using Wordpress

Your visitor can fill in their details

Page 214: How to Create Your Own Amazing Website Using Wordpress

So that you can contact them back

Page 215: How to Create Your Own Amazing Website Using Wordpress

Clicking on the Submit button

Page 216: How to Create Your Own Amazing Website Using Wordpress

Will send these information to your email address

Page 217: How to Create Your Own Amazing Website Using Wordpress
Page 218: How to Create Your Own Amazing Website Using Wordpress

You now have your own website to upload your works.

Page 219: How to Create Your Own Amazing Website Using Wordpress

No programming, just click and click!

Page 220: How to Create Your Own Amazing Website Using Wordpress

Congratulations!

Page 221: How to Create Your Own Amazing Website Using Wordpress

Now go and make your own.