ePortfolio Instructions

Creating an ePortfolio

All examples in this document can be seen at http://jameshdalton.wordpress.com.  This site is not a full ePortfolio, but just utilized to make examples of the instructions found herein.  You can see a full ePortfolio by going to the example ePortfolios page.

Directions to create an ePortfolio with WordPress.com

Beginning steps

Go to wordpress.com and click “Sign Up Now.”

In “blog address” select the web address for your site (ie. jameshdalton.com – you can use your name, or something else, but this cannot be changed later).

Beside this you can select whether you want your site to be free, and look like this “jameshdalton.wordpress.com” or pay $17 per year to have your own domain so it looks like this “jameshdalton.com”.

Fill in the rest of the fields and sign up.  You will then be instructed to check your e-mail for a confirmation to setup your account (there are additional steps if you are purchasing a domain as well).

Login at wordpress.com to begin editing your ePortfolio.

To setup how your WordPress will appear:

  1. Click appearance at the left.  In the themes, you can select a theme you like, then click “activate it” underneath.  My ePortfolio and the example here utilize the “twenty ten” theme.
  2. Click “settings.”

In General – Change the site title to what you want, such as your name.  Also set the Tagline.  Click Save Changes.

In Discussion – Under “Default article settings” unselect “Allow people to post comments on new articles.” This will make your site appear more like a website instead of like a blog where people comment on every page and post. Click Save Changes.  If you want the comments section at the bottom of every page, you can leave this checked and it will be there.  Later if you decide to remove comments you can go to Plugins, select Add New, search for “No comments on page” and click Install Now on the first plugin (by Jaka Jancar).

To edit your pages, click pages at the left.

When you hover over a page title, you can select edit below that.  You can then put in all the pages you want.   When you are done editing each page, click Publish at the right to save your page to the site.

If you want to get rid of the “meta data” at the right of the page, when editing your page select the appropriate template under “Page Attributes” at the right.  For example, with the “twenty ten” theme, you can select “One column, no sidebar” which gets rid of the info at the right.  This is not available on all themes.

After creating the page you want to be your home page, go back to settings to make it the main page.  In Reading – Under “Front page displays” select “A static page” and select “About” (You can change this later – this will be what people see first).  Click Save Changes.

To add links to files on your pages (example on papers page)

When editing the file place the cursor where you want to insert the link.  Then, click the sunburst beside “Upload/Insert” above the textbox (when you hover over the sunburst it will say “Add Media”).

Select the file from your computer to upload.  I suggest making your documents PDFs from within Word and PowerPoint.  This makes them easily viewed, but harder for someone to edit.  You can do this from within Word by clicking File or the Word Button at top left > Save As > “PDF or XPS”.

Change the title to what text you want the document to be called on the webpage.

Click Insert into post to put it into the webpage you are currently editing.  You can then format the text of this link.  Click on the picture of all the color squares if you don’t see a way to change font styles.

To add external links to your site

From within the page editor type the text you want to become the link, such as “American Counseling Association.”

Highlight the text, and then click the icon above the text editor that looks like chain links.

In the URL box paste in the URL of the website.

Check “Open link in a new window/tab” if you want your site to remain opened as well.  Otherwise people will have to hit back to get back to your site.  Click “Add Link.”

To add video to your site

First, upload your videos to vimeo.comYouTube, or Google Videos.

Browse to the video and copy the website address from the video (in the address bar when you are seeing your video).

Go back to editing your wordpress page, and click the video icon beside “Upload/Insert.”

Click the tab that says “From URL” then paste your video’s address into the URL box.

Click “Insert into Post” and you will have your video pasted in wherever your cursor was!

To add pictures to your site

From the page you are editing, click the picture icon beside “Upload/Insert.”

Click “Select Files” and select the photo you want to add.

You can change the Title, Alternate text, Caption, and description if you wish.

Under alignment, if you select none the text will go under the picture.  Left, Center, and Right will put the picture at those locations with the text around it.

Under size, you will have different options depending upon the resolution of your photo.  If Large is available, you will want to select Large or Medium.  Otherwise you will probably want to select Full Size.

Click “Insert into Post” and the picture will be inserted into your page where your cursor was!

To customize your Menu

Within the wordpress dashboard (where you are editing things) click Appearance at the left.

Click menus.

Type a name in for your menu and click “Create Menu.”

At the left you will need to select the menu you have created under “Primary Navigation” for it to be displayed instead of the standard menu that just lists all pages, and then hit save.

To add pages, you can find them under “Pages” at the left, check the box beside them, and click “Add to Menu.”

Over at the right you can reorganize the order by clicking menu items and dragging them.  You can also “nest” them to make different levels by moving them to the right to place them “under” a certain heading.  You can see the example of nested menus if you hover on Links on my example site.  To “nest” the menus, go back to where you create the menu (From “Dashboard” > Appearance > Menu).  Then on the right side where you see the name of the pages included in the menu, click the name of the page you want to “nest” and drag it to the right until you see a dashed line as if it is ‘tabbed in.’  This will nest the page under the other heading as a ‘sub-menu item.’

To put in links to other sites such as your video pages, ACA, or Regent University, put the web address in the URL box under “Custom Links,” put what you want the menu item to say in “Label” and click “Add to Menu.”  This is how ACA appears on my example blog.

To add a PDF to the dropdown menu, you first need the URL of the PDF.  From the dashboard go to Media.  From there you can click Add New if you have not uploaded the PDF yet, or click on the name of the PDF file that you want on the menu.  From there you should see a box labeled File URL – copy all of the text in that box.  Then go back to the menu page (Dashboard > Appearance > Menu).  From here, on the left one option is “Custom Links.”  Paste the entire URL into the URL box (make sure that “http://” is NOT listed twice), then in the Label put in what you would like the file to be called in the menu.  Click “Add to Menu” and then on the right side you can move it to where you want it to appear, nest it, etc.

To make your site password protected

Under Settings, select “Privacy”

You can then put individuals’ WordPress.com username in the username box and click “Add User.”  This limits you to 35 viewers, and they must have a wordpress.com account before you can add them to your site.

Alternatively, individual pages can be made password protected.  You can do this by editing the page and selecting “Password Protected” under visibility at the right.  Type in the password you want and hit OK.  You could then share the password for the pages that needed password protection with people you wanted to be able to view them – but there can only be one password.  The password for my example “Private Page” for example is 1234.


Basic Weebly Instructions – Another Option for Easy Portfolio Design

Weebly is very drag and drop oriented – very simple to do.  However, uploading videos will cost you.  It is a pro feature, and you have to pay $48 per year to have this feature available, or to password protect pages.

Go to http://weebly.com and signup for an account from the home page.

Enter a title for your site, and select a category (Such as “Portfolio”).  Your name and credentials would probably be best here.

Select the domain option you want – you can use a free site (jameshdalton.weebly.com) or pay for a domain (jameshdalton.com) but it will be $35 for a year if you have weebly host your site.  That’s not too bad a price.

Password protection is also a pro feature with Weebly, and again will cost you.