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

How to Create Your Own Amazing Website Using Wordpress

Embed Size (px)

Citation preview

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.