38
Creating pages in Wordpress.com MAIN INTERFACE TOOLBAR DASHBOARD PAGES CREATING PAGES CHILD PAGES CREATING CHILD PAGES Course Portfolio Site Creating pages in Wordpress.com 1

Creating pages in Wordpress · Course Portfolio Site Creating pages in Wordpress.com 1 ... After you create your “About” page, create another page called “Graphic Design I.”

  • Upload
    others

  • View
    4

  • Download
    0

Embed Size (px)

Citation preview

Page 1: Creating pages in Wordpress · Course Portfolio Site Creating pages in Wordpress.com 1 ... After you create your “About” page, create another page called “Graphic Design I.”

Creating pages in Wordpress.com

MAIN INTERFACE TOOLBAR

DASHBOARD PAGES

CREATING PAGES CHILD PAGES

CREATING CHILD PAGES

Course Portfolio Site Creating pages in Wordpress.com 1 

Page 2: Creating pages in Wordpress · Course Portfolio Site Creating pages in Wordpress.com 1 ... After you create your “About” page, create another page called “Graphic Design I.”

WORDPRESS.COM SUPPORT http://en.support.wordpress.com/

You can find answers to all kinds of questions and learn a lot about how to make the most of Wordpress.com here.

Course Portfolio Site Adding images and text to pages in Wordpress.com 2

Page 3: Creating pages in Wordpress · Course Portfolio Site Creating pages in Wordpress.com 1 ... After you create your “About” page, create another page called “Graphic Design I.”

Creating pages in Wordpress.com

MAIN INTERFACE TOOLBAR

DASHBOARD PAGES

CREATING PAGES CHILD PAGES

CREATING CHILD PAGES

Course Portfolio Site Creating pages in Wordpress.com 3 

Page 4: Creating pages in Wordpress · Course Portfolio Site Creating pages in Wordpress.com 1 ... After you create your “About” page, create another page called “Graphic Design I.”

Wordpress.com main interface

Front end – what people see in a web browser Back end or “dashboard”– where you create pages & upload images and texts to your site

Course Portfolio Site Creating pages in Wordpress.com 4

Page 5: Creating pages in Wordpress · Course Portfolio Site Creating pages in Wordpress.com 1 ... After you create your “About” page, create another page called “Graphic Design I.”

Wordpress.com main interface

Front end – what people see in a web browser Back end or “dashboard”– where you create pages & upload images and texts to your site

Course Portfolio Site Creating pages in Wordpress.com 5

Page 6: Creating pages in Wordpress · Course Portfolio Site Creating pages in Wordpress.com 1 ... After you create your “About” page, create another page called “Graphic Design I.”

Creating pages in Wordpress.com

MAIN INTERFACE TOOLBAR

DASHBOARD PAGES

CREATING PAGES CHILD PAGES

CREATING CHILD PAGES

Course Portfolio Site Creating pages in Wordpress.com 6 

Page 7: Creating pages in Wordpress · Course Portfolio Site Creating pages in Wordpress.com 1 ... After you create your “About” page, create another page called “Graphic Design I.”

Wordpress.com toolbar

Gray toolbar at top of page in both dashboard and front end Dropdown menu on toolbar allows you to move back & forth between dashboard and front end

Course Portfolio Site Creating pages in Wordpress.com 7

Page 8: Creating pages in Wordpress · Course Portfolio Site Creating pages in Wordpress.com 1 ... After you create your “About” page, create another page called “Graphic Design I.”

Wordpress.com toolbar

Gray toolbar at top of page in both dashboard and front end Dropdown menu on toolbar allows you to move back & forth between dashboard and front end

Course Portfolio Site Creating pages in Wordpress.com 8

Page 9: Creating pages in Wordpress · Course Portfolio Site Creating pages in Wordpress.com 1 ... After you create your “About” page, create another page called “Graphic Design I.”

Creating pages in Wordpress.com

MAIN INTERFACE TOOLBAR

DASHBOARD PAGES

CREATING PAGES CHILD PAGES

CREATING CHILD PAGES

Course Portfolio Site Creating pages in Wordpress.com 9 

Page 10: Creating pages in Wordpress · Course Portfolio Site Creating pages in Wordpress.com 1 ... After you create your “About” page, create another page called “Graphic Design I.”

Wordpress.com dashboard

Dashboard has a wide range of options and functions. We will only use a few of these to create and develop your Course Portfolio Site throughout the semester. Most of our work will take place in the “pages” section of the dashboard.

Course Portfolio Site Creating pages in Wordpress.com 10

Page 11: Creating pages in Wordpress · Course Portfolio Site Creating pages in Wordpress.com 1 ... After you create your “About” page, create another page called “Graphic Design I.”

Wordpress.com dashboard

Dashboard has a wide range of options and functions. We will only use a few of these to create and develop your Course Portfolio Site throughout the semester. Most of our work will take place in the “pages” section of the dashboard.

Course Portfolio Site Creating pages in Wordpress.com 11

Page 12: Creating pages in Wordpress · Course Portfolio Site Creating pages in Wordpress.com 1 ... After you create your “About” page, create another page called “Graphic Design I.”

Creating pages in Wordpress.com

MAIN INTERFACE TOOLBAR

DASHBOARD PAGES

CREATING PAGES CHILD PAGES

CREATING CHILD PAGES

Course Portfolio Site Creating pages in Wordpress.com 12 

Page 13: Creating pages in Wordpress · Course Portfolio Site Creating pages in Wordpress.com 1 ... After you create your “About” page, create another page called “Graphic Design I.”

Wordpress.com pages

Any page you create in the dashboard will automatically appear on the main menu of the site’s front end.

Course Portfolio Site Creating pages in Wordpress.com 13

Page 14: Creating pages in Wordpress · Course Portfolio Site Creating pages in Wordpress.com 1 ... After you create your “About” page, create another page called “Graphic Design I.”

Creating pages in Wordpress.com

MAIN INTERFACE TOOLBAR

DASHBOARD PAGES

CREATING PAGES CHILD PAGES

CREATING CHILD PAGES

Course Portfolio Site Creating pages in Wordpress.com 14 

Page 15: Creating pages in Wordpress · Course Portfolio Site Creating pages in Wordpress.com 1 ... After you create your “About” page, create another page called “Graphic Design I.”

Wordpress.com page creation

1. Click on the “Pages” link in the left menu of the dashboard. This will open up the “Pages” screen.

Course Portfolio Site Creating pages in Wordpress.com 15

Page 16: Creating pages in Wordpress · Course Portfolio Site Creating pages in Wordpress.com 1 ... After you create your “About” page, create another page called “Graphic Design I.”

Wordpress.com page creation

2. Under “Pages” in the left menu, click on “Add New.” This will open up the “Add New Pages” screen.

Course Portfolio Site Creating pages in Wordpress.com 16

Page 17: Creating pages in Wordpress · Course Portfolio Site Creating pages in Wordpress.com 1 ... After you create your “About” page, create another page called “Graphic Design I.”

Wordpress.com page creation

3. In the “Add New Page” screen, type the word “About” in the title bar box towards the top of the screen.

Course Portfolio Site Creating pages in Wordpress.com 17

Page 18: Creating pages in Wordpress · Course Portfolio Site Creating pages in Wordpress.com 1 ... After you create your “About” page, create another page called “Graphic Design I.”

Wordpress.com page creation

3. In the “Add New Page” screen, type the word “About” in the title bar box towards the top of the screen.

Course Portfolio Site Creating pages in Wordpress.com 18

Page 19: Creating pages in Wordpress · Course Portfolio Site Creating pages in Wordpress.com 1 ... After you create your “About” page, create another page called “Graphic Design I.”

Wordpress.com page creation

5. Click the blue “Publish” button on the right side of the screen.

Course Portfolio Site Creating pages in Wordpress.com 19

Page 20: Creating pages in Wordpress · Course Portfolio Site Creating pages in Wordpress.com 1 ... After you create your “About” page, create another page called “Graphic Design I.”

Wordpress.com page creation

6. Check your work on your site’s front end. You should see the word “about” in your front end main menu.

Course Portfolio Site Creating pages in Wordpress.com 20

Page 21: Creating pages in Wordpress · Course Portfolio Site Creating pages in Wordpress.com 1 ... After you create your “About” page, create another page called “Graphic Design I.”

Wordpress.com page creation

6. Check your work on your site’s front end. You should see the word “about” in your front end main menu.

Course Portfolio Site Creating pages in Wordpress.com 21

Page 22: Creating pages in Wordpress · Course Portfolio Site Creating pages in Wordpress.com 1 ... After you create your “About” page, create another page called “Graphic Design I.”

Wordpress.com page creation

7. After you create your “About” page, create another page called “Graphic Design I.” When you’ve done this, you should see both “About” and “Graphic Design I” in your front end main menu.

Course Portfolio Site Creating pages in Wordpress.com 22

Page 23: Creating pages in Wordpress · Course Portfolio Site Creating pages in Wordpress.com 1 ... After you create your “About” page, create another page called “Graphic Design I.”

Wordpress.com page creation

7. After you create your “About” page, create another page called “Graphic Design I.” When you’ve done this, you should see both “About” and “Graphic Design I” in your front end main menu.

Course Portfolio Site Creating pages in Wordpress.com 23

Page 24: Creating pages in Wordpress · Course Portfolio Site Creating pages in Wordpress.com 1 ... After you create your “About” page, create another page called “Graphic Design I.”

Creating pages in Wordpress.com

MAIN INTERFACE TOOLBAR

DASHBOARD PAGES

CREATING PAGES CHILD PAGES

CREATING CHILD PAGES

Course Portfolio Site Creating pages in Wordpress.com 24 

Page 25: Creating pages in Wordpress · Course Portfolio Site Creating pages in Wordpress.com 1 ... After you create your “About” page, create another page called “Graphic Design I.”

Wordpress.com child pages

A “child” page is a sub-page. Child pages will appear in a drop down menu under a main page in the front end main menu.

Course Portfolio Site Creating pages in Wordpress.com 25

Page 26: Creating pages in Wordpress · Course Portfolio Site Creating pages in Wordpress.com 1 ... After you create your “About” page, create another page called “Graphic Design I.”

Wordpress.com child pages

A “child” page is a sub-page. Child pages will appear in a drop down menu under a main page in the front end main menu.

Course Portfolio Site Creating pages in Wordpress.com 26

Page 27: Creating pages in Wordpress · Course Portfolio Site Creating pages in Wordpress.com 1 ... After you create your “About” page, create another page called “Graphic Design I.”

Creating pages in Wordpress.com

MAIN INTERFACE TOOLBAR

DASHBOARD PAGES

CREATING PAGES CHILD PAGES

CREATING CHILD PAGES

Course Portfolio Site Creating pages in Wordpress.com 27 

Page 28: Creating pages in Wordpress · Course Portfolio Site Creating pages in Wordpress.com 1 ... After you create your “About” page, create another page called “Graphic Design I.”

Wordpress.com child page creation

1. Click on the “Pages” link in the left menu of the dashboard. This will open up the “Pages” screen.

Course Portfolio Site Creating pages in Wordpress.com 28

Page 29: Creating pages in Wordpress · Course Portfolio Site Creating pages in Wordpress.com 1 ... After you create your “About” page, create another page called “Graphic Design I.”

Wordpress.com child page creation

2. Under “Pages” in the left menu, click on “Add New.” This will open up the “Add New Pages” screen.

Course Portfolio Site Creating pages in Wordpress.com 29

Page 30: Creating pages in Wordpress · Course Portfolio Site Creating pages in Wordpress.com 1 ... After you create your “About” page, create another page called “Graphic Design I.”

Wordpress.com child page creation

3. Click the “Parent” drop down menu on the right side of the screen. Select “Graphic Design I” from the menu.

Course Portfolio Site Creating pages in Wordpress.com 30

Page 31: Creating pages in Wordpress · Course Portfolio Site Creating pages in Wordpress.com 1 ... After you create your “About” page, create another page called “Graphic Design I.”

Wordpress.com child page creation

3. Click the “Parent” drop down menu on the right side of the screen. Select “Graphic Design I” from the menu.

Course Portfolio Site Creating pages in Wordpress.com 31

Page 32: Creating pages in Wordpress · Course Portfolio Site Creating pages in Wordpress.com 1 ... After you create your “About” page, create another page called “Graphic Design I.”

Wordpress.com child page creation

4. Type “Project 1” in the title bar box towards the top of the screen.

Course Portfolio Site Creating pages in Wordpress.com 32

Page 33: Creating pages in Wordpress · Course Portfolio Site Creating pages in Wordpress.com 1 ... After you create your “About” page, create another page called “Graphic Design I.”

Wordpress.com child page creation

5. Click the blue “Publish” button on the right side of the screen.

Course Portfolio Site Creating pages in Wordpress.com 33

Page 34: Creating pages in Wordpress · Course Portfolio Site Creating pages in Wordpress.com 1 ... After you create your “About” page, create another page called “Graphic Design I.”

Wordpress.com child pages

6. Check your work on your site’s front end. You should see “Project 1” in a drop-down menu under “Graphic Design I” in the main menu.

Course Portfolio Site Creating pages in Wordpress.com 34

Page 35: Creating pages in Wordpress · Course Portfolio Site Creating pages in Wordpress.com 1 ... After you create your “About” page, create another page called “Graphic Design I.”

Wordpress.com child pages

6. Check your work on your site’s front end. You should see “Project 1” in a drop-down menu under “Graphic Design I” in the main menu.

Course Portfolio Site Creating pages in Wordpress.com 35

Page 36: Creating pages in Wordpress · Course Portfolio Site Creating pages in Wordpress.com 1 ... After you create your “About” page, create another page called “Graphic Design I.”

Wordpress.com child pages

7. Repeat this process to create child pages with titles project 2, project 3, project 4, project 5, project 6, and adobe illustrator tutorials. Note the short horizontal line to the left of the “project” pages – this indicates that they are children of the “graphic design I” page.

Course Portfolio Site Creating pages in Wordpress.com 36

Page 37: Creating pages in Wordpress · Course Portfolio Site Creating pages in Wordpress.com 1 ... After you create your “About” page, create another page called “Graphic Design I.”

Wordpress.com child pages

7. Repeat this process to create child pages with titles project 2, project 3, project 4, project 5, project 6, and adobe illustrator tutorials. Note the short horizontal line to the left of the “project” pages – this indicates that they are children of the “graphic design I” page.

Course Portfolio Site Creating pages in Wordpress.com 37

Page 38: Creating pages in Wordpress · Course Portfolio Site Creating pages in Wordpress.com 1 ... After you create your “About” page, create another page called “Graphic Design I.”

Wordpress.com child pages

When you’ve created all the child pages under “Graphic Design I” page, your child pages should appear in a dropdown menu when you hover the mouse over “Graphic Design I” in the main menu.

Course Portfolio Site Creating pages in Wordpress.com 38