The Basics of Wordpress

8/8/2019 The Basics of Wordpress

1/135

HOW TO USE

WOR PRESS

©2015 [email protected] – How to use


2/135

What is WordPress?

©2015 [email protected] – How to use Wordpress


3/135

WordPress is a free, Web-ba

software program that anyo

can



4/135

use to build and maintain

website or a blog.



5/135

To access WordPress, open u

browser.



6/135

We will use Mozilla Firefox for

presentation.



7/135

Type in www.wordpress.com


http://www.wordpress.com/http://www.wordpress.com/


8/135

Press Enter Key



9/135

This page will be displayed



10/135

Click here to start creating

account.



11/135

Key in your desired site add

here.



12/135

Click here to continue.



13/135

Key in your email address he



14/135

Your Username here.



15/135

Your Password here.



16/135

Click ‘Next Step’.



17/135

Click here to avail of the fr

wordpress account only



18/135

In Step 4, we have to choos

theme.



19/135

Let’s say we choose Cols the

Click on it.



20/135

On the next step, let’s choose

free wordpress account



21/135

This page will come up.



22/135

Let’s customize our website.

here.



23/135

This window will appear.



24/135

The right hand part is an over



25/135

of how your website looks l



26/135

We may click on the option

the left panel



27/135

to customize our website



28/135

This button is used to change

current theme.



29/135

Do note that the theme of

website



30/135

can be changed anytime



31/135

Let’s click here to update th

tagline.



32/135

Type in the desired tagline h



33/135

Let’s click here to change

background color.



34/135

Click the desired color he



35/135

Click here to insert headimage.



36/135

Click here.



37/135

Click here.



38/135

Choose a photo that is

appropriate for your webs



39/135

Click Open.



40/135

Wait until the photo is upload



41/135

Click here.



42/135

Choose ‘Skip Cropping’



43/135

The photo will now be displa

here.



44/135

To randomize the header im

add more images.



45/135

Click here.



46/135

Then here.



47/135

Click here.



48/135

Choose photos from your files

key + Highlight photo)



49/135

Select ‘Open’ on the botto



50/135

Wait until the photos areuploaded.



51/135

Choose the photo that you

to add as header image



52/135

Click here.



53/135

Then here.



54/135

You will now see the new ph

here.



55/135

Click here again to add the o

images.



56/135

Choose the desired imag



57/135

Click here.



58/135

Then here.



59/135

It will now be added here



60/135

You can now click here trandomize uploaded head



61/135

Now let us click here to custo

widgets.



62/135

Widgets refer to this part of website.



63/135

Click here.



64/135

Key in here ‘Recent Posts



65/135

Change here the number of

to show to 10.



66/135

Let’s add a widget by clickhere.



67/135

Let’s choose this widget: Foblog.


i i i


68/135

This window will appear.



69/135

All fields are okay, no need

edit.



70/135

‘Follow Blog’ will be the fie

where our viewers



71/135

will be able to key in their em

address



72/135

to follow our blog /websit


Cli k ‘Cl ’


73/135

Click on ‘Close’.



74/135

It should look like this right n


L t’ t thi id t t


75/135

Let’s put this widget on topsearch.


Drag it on top of Search


76/135

Drag it on top of Search


N li k h t t i


77/135

Now, click here to customize page.



78/135

Choose “A static page” if y

prefer that one page



79/135

of your website will always be

first page



80/135

that your viewers can see. E

choose ‘Your Latest Posts



81/135

For this presentation, we w

choose “Your Latest Posts


Try also to click on each of th


82/135

Try also to click on each of thicons.



83/135

These icons will help you view

website in 3



84/135

ways : desktop (1st),tablet(mi

and mobile (last).


We may now try to click he


85/135

We may now try to click he


Once done click here


86/135

Once done, click here.



87/135

Before creating a post, verify

email address first.


Open up your mail and click


88/135

Open up your mail and clickWordpress email.


Click here to activate the


89/135

Click here to activate theaccount.


You will now see this scree


90/135

You will now see this scree


Click Edit


91/135

Click Edit.


Edit the title here.


92/135

Edit the title here.


Edit the content here.


93/135

Edit the content here.


Click ‘Update’ once done


94/135

Click Update once done


This will come up. Click her


95/135

This will come up. Click her


Choose from the options be


96/135

Choose from the options befor publishing the post.


For this presentation, we w


97/135

p ,choose ‘Publish immediate


Click here to view the pos


98/135

p


You will now see how your p


99/135

You will now see how your plooks like.


To add a post for your webs


100/135

p yclick here.


Then click here to go to yo


101/135

Then click here to go to yodashboard.


Click on ‘Posts’


102/135


Click on ‘Add New’


103/135


Key in the title here.


104/135


Key in the content here.


105/135


Click on ‘Publish’


106/135


This is how the new post looks


107/135

p


Now, scroll down on your site


108/135

, ywill see Uncategorized.


To add categories, click he


109/135

g


Then click ‘Posts’


110/135


Hover over the first post, then


111/135

Edit.


Scroll down to look for Categ


112/135

Scroll down to look for Categ


Type in here the category


113/135


Click here.


114/135


You will now see it here.


115/135


Let’s type in again a newcategory here


116/135

category here.


Then click here.


117/135


You will now see it here.


118/135


Now let’s click here.


119/135


Then here.


120/135


Click here to view the blog p


121/135

g


Click Edit.


122/135


Select the Category here


123/135


Click Update.


124/135


Now on your website,you will see the category he


125/135

y g y


To add a new navigation tapage click here


126/135

page , click here.


Then click WP Admin.


127/135


Click ‘Pages’.


128/135


Click ‘Add New’.


129/135


Key in the name of the pahere


130/135

here.


Key in the details here.


131/135


Click on ‘Publish’


132/135


Click here to view your new p


133/135


Here’s your new page now


134/135



135/135

Happy Blogging!

THE END


Documents

The Basics of Wordpress