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.com
MAIN INTERFACE TOOLBAR
DASHBOARD PAGES
CREATING PAGES CHILD PAGES
CREATING CHILD PAGES
Course Portfolio Site Creating pages in Wordpress.com 1
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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