Task 6: Design a web portfolio

Creating your own portfolio

Because web design skills are in demand, and specifically WordPress skills, New Media faculty sometimes use WordPress as a teaching tool.  We will show you how and why to use the class WordPress.com website and later to create your own free WordPress.org portfolio, which you can use until you graduate and to apply for a job. These steps are summarized in the menu at bottom.

Submitting your Task

When you’ve finished fleshing out your portfolio with your own real content,  follow these steps:
  1. Add a new post in the class dashboard (not your portfolio dashboard) with a title like “Task 6: Mary Gonzalez Portfolio.”
  2. Add the URL to your portfolio in this post (use the link button to make it active).
  3. Add a screenshot.
  4. Make sure to add the “Task 6” category to help your TA find the post. ⚠️ Be sure to click Publish when you’re done.
  5. Complete the Task 6 reflection survey form to get full participation credit for this task.

FAQ

What’s the grading rubric?
In this site, you:
Included link to a working portfolio 0–5
Included a screenshot of your home page 0–5
In your own portfolio, you:
Created Home, About Me, and Posts pages 0–15
Added at least three initial posts 0–5
Created a menu for and made categories for NMD courses 0–5
Added your categories to your menu navigation 0–5
You were especially creative or attentive to the design 0–10+
Your grade is the total of all points times 2, for a possible maximum of 100%. Each week that this task is late subtracts 10 points from this total grade.
I’m confused. Which posts do I make here versus at WordPress.com?Start by using the dashboard at WordPress.com to follow the instructions below. You’ll create an account and a number of posts. Then finish back in this dashboard, adding a single post for your Task 6 submission. In your Task 6 post, include a link to the new portfolio you made on WordPress.com.
How much money will this cost me?None. You can pay for a custom domain name like https://MaryGonzalez.com if you like, but you don’t need to; you can just use the default URL you get from WordPress.com, eg https://mary-gonzalez-cool-portfolio.wordpress.com.
How do I take a screenshot?To take a screenshot, click Shift-Command-4 on Mac or Shift-Windows-S on PC.
Can I see a model answer?As one example for reference, here’s a sample A assignment. Your submission may look quite different and still get a good grade if you follow the rubric. As more advanced models, here are four WordPress sites made by past New Media majors for an outside client (you do not need to make your portfolio as elaborate as these):

Steps to complete your portfolio

Go to WordPress.com and get a FREE account. DO NOT pay for any options, including a domain name–you don’t need one yet. Use your @maine.edu email account–this will allow you to access ALL NMD class WordPress sites eventually, as well as your portfolio. Choose a username that your classmates & prof will recognize. You can use the SAME password for all WordPress sites and/or update them all to match–makes logging in much easier.

Once you create a WordPress site, you should be able to login at WordPress.com using your email address. You can also get a direct login URL via email. (you just need to give it your @maine.edu email, then in the email sent to you, insert your wordpress password).

You can get started with the free Twenty Twenty-Four theme, as recommended by Joline. You must use this theme for Task 6, but you can explore other themes in the future.

To activate the theme:

  1. Go to your WordPress.com Dashboard.

  2. Navigate to Appearance → Themes.

  3. Search for Twenty Twenty-Four.

  4. Select the theme and click Activate.

Create three pages (which you will customize later) with these three titles:

  1. Home
  2. Posts
  3. About Me 

Do this via Dashboard–>Pages–>Add New.

Choose Blank Page then use Home for Add Title  then Publish via upper right blue button (click this twice if needed). Do the same for Posts and About Me

Next, go to Dashboard:  Settings–>Reading and  under “Your homepage displays” select Home. and “Default posts page” select Posts 

SAVE SETTINGS

Export the posts you created for NMD 100 so you can import them into your personal WordPress.com portfolio.

  1. Log in to the NMD 100 class WordPress site.

  2. Go to Tools → Export, if available.

  3. Select Posts and filter for your own posts, if the option is available.

  4. Download the export file (.xml).

Import the posts you exported from the NMD 100 class website into your personal WordPress.com portfolio.

  1. Log in to your personal WordPress.com site.

  2. Go to Dashboard → Tools → Import.

  3. Select WordPress as the import source.

  4. Upload the .xml file you downloaded from the class website.

  5. Follow the instructions to complete the import.

  6. Go to Posts → All Posts and check that your posts were imported successfully.