Creating pages in Wordpress · Course Portfolio Site Creating pages in Wordpress.com 1 ... After...
Transcript of Creating pages in Wordpress · Course Portfolio Site Creating pages in Wordpress.com 1 ... After...
![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.”](https://reader033.fdocuments.net/reader033/viewer/2022051810/601a35f8bdeab473d27ea233/html5/thumbnails/1.jpg)
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.”](https://reader033.fdocuments.net/reader033/viewer/2022051810/601a35f8bdeab473d27ea233/html5/thumbnails/2.jpg)
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.”](https://reader033.fdocuments.net/reader033/viewer/2022051810/601a35f8bdeab473d27ea233/html5/thumbnails/3.jpg)
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.”](https://reader033.fdocuments.net/reader033/viewer/2022051810/601a35f8bdeab473d27ea233/html5/thumbnails/4.jpg)
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.”](https://reader033.fdocuments.net/reader033/viewer/2022051810/601a35f8bdeab473d27ea233/html5/thumbnails/5.jpg)
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.”](https://reader033.fdocuments.net/reader033/viewer/2022051810/601a35f8bdeab473d27ea233/html5/thumbnails/6.jpg)
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.”](https://reader033.fdocuments.net/reader033/viewer/2022051810/601a35f8bdeab473d27ea233/html5/thumbnails/7.jpg)
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.”](https://reader033.fdocuments.net/reader033/viewer/2022051810/601a35f8bdeab473d27ea233/html5/thumbnails/8.jpg)
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.”](https://reader033.fdocuments.net/reader033/viewer/2022051810/601a35f8bdeab473d27ea233/html5/thumbnails/9.jpg)
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.”](https://reader033.fdocuments.net/reader033/viewer/2022051810/601a35f8bdeab473d27ea233/html5/thumbnails/10.jpg)
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.”](https://reader033.fdocuments.net/reader033/viewer/2022051810/601a35f8bdeab473d27ea233/html5/thumbnails/11.jpg)
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.”](https://reader033.fdocuments.net/reader033/viewer/2022051810/601a35f8bdeab473d27ea233/html5/thumbnails/12.jpg)
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.”](https://reader033.fdocuments.net/reader033/viewer/2022051810/601a35f8bdeab473d27ea233/html5/thumbnails/13.jpg)
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.”](https://reader033.fdocuments.net/reader033/viewer/2022051810/601a35f8bdeab473d27ea233/html5/thumbnails/14.jpg)
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.”](https://reader033.fdocuments.net/reader033/viewer/2022051810/601a35f8bdeab473d27ea233/html5/thumbnails/15.jpg)
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.”](https://reader033.fdocuments.net/reader033/viewer/2022051810/601a35f8bdeab473d27ea233/html5/thumbnails/16.jpg)
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.”](https://reader033.fdocuments.net/reader033/viewer/2022051810/601a35f8bdeab473d27ea233/html5/thumbnails/17.jpg)
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.”](https://reader033.fdocuments.net/reader033/viewer/2022051810/601a35f8bdeab473d27ea233/html5/thumbnails/18.jpg)
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.”](https://reader033.fdocuments.net/reader033/viewer/2022051810/601a35f8bdeab473d27ea233/html5/thumbnails/19.jpg)
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.”](https://reader033.fdocuments.net/reader033/viewer/2022051810/601a35f8bdeab473d27ea233/html5/thumbnails/20.jpg)
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.”](https://reader033.fdocuments.net/reader033/viewer/2022051810/601a35f8bdeab473d27ea233/html5/thumbnails/21.jpg)
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.”](https://reader033.fdocuments.net/reader033/viewer/2022051810/601a35f8bdeab473d27ea233/html5/thumbnails/22.jpg)
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.”](https://reader033.fdocuments.net/reader033/viewer/2022051810/601a35f8bdeab473d27ea233/html5/thumbnails/23.jpg)
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.”](https://reader033.fdocuments.net/reader033/viewer/2022051810/601a35f8bdeab473d27ea233/html5/thumbnails/24.jpg)
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.”](https://reader033.fdocuments.net/reader033/viewer/2022051810/601a35f8bdeab473d27ea233/html5/thumbnails/25.jpg)
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.”](https://reader033.fdocuments.net/reader033/viewer/2022051810/601a35f8bdeab473d27ea233/html5/thumbnails/26.jpg)
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.”](https://reader033.fdocuments.net/reader033/viewer/2022051810/601a35f8bdeab473d27ea233/html5/thumbnails/27.jpg)
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.”](https://reader033.fdocuments.net/reader033/viewer/2022051810/601a35f8bdeab473d27ea233/html5/thumbnails/28.jpg)
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.”](https://reader033.fdocuments.net/reader033/viewer/2022051810/601a35f8bdeab473d27ea233/html5/thumbnails/29.jpg)
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.”](https://reader033.fdocuments.net/reader033/viewer/2022051810/601a35f8bdeab473d27ea233/html5/thumbnails/30.jpg)
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.”](https://reader033.fdocuments.net/reader033/viewer/2022051810/601a35f8bdeab473d27ea233/html5/thumbnails/31.jpg)
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.”](https://reader033.fdocuments.net/reader033/viewer/2022051810/601a35f8bdeab473d27ea233/html5/thumbnails/32.jpg)
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.”](https://reader033.fdocuments.net/reader033/viewer/2022051810/601a35f8bdeab473d27ea233/html5/thumbnails/33.jpg)
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.”](https://reader033.fdocuments.net/reader033/viewer/2022051810/601a35f8bdeab473d27ea233/html5/thumbnails/34.jpg)
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.”](https://reader033.fdocuments.net/reader033/viewer/2022051810/601a35f8bdeab473d27ea233/html5/thumbnails/35.jpg)
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.”](https://reader033.fdocuments.net/reader033/viewer/2022051810/601a35f8bdeab473d27ea233/html5/thumbnails/36.jpg)
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.”](https://reader033.fdocuments.net/reader033/viewer/2022051810/601a35f8bdeab473d27ea233/html5/thumbnails/37.jpg)
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.”](https://reader033.fdocuments.net/reader033/viewer/2022051810/601a35f8bdeab473d27ea233/html5/thumbnails/38.jpg)
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