Emily Ingram

Tag Archives: How to build a portfolio Web site

Week 5: Add portfolio materials and install plugins

This post is the fifth in a weekly series that will take journalists through how to set up a professional-looking portfolio Web site. Find out more about the series and read the first, second, third and fourth posts if you missed them. Check back next week for more.

It’s Week 5 of the blog series, and now that you’ve done some groundwork, it’s time to put up your clips. Luckily for you, the entire Wordpress community is going to be there to help you: They won’t write your articles or take your photos, but they will provide you with lots of plugins to make things easier.

So, gather up those articles, photos, audio slideshows, headlines, page designs, videos, podcasts and interactive graphics, and let’s get rolling.

How to upload your clips

You can do this one of two ways: Individually uploading them using the Upload/Insert tool on your WP Admin or by dragging and dropping them onto your server using your FTP program. (That’s the same one you used to install your theme.)

If you use the latter, just make sure you aren’t uploading files into your theme’s folder. That should be reserved for items that actually make up your site’s design.

For videos, I recommend Vimeo for hosting. There are some limits on how much you can upload per week for free accounts (paid “Plus” accounts with much higher limits are $60/year), but the quality is better than YouTube by leaps and bounds, as evidenced by this screen grab. (Watch the amazing video it’s from while you’re at it.)

50p1q

For text stories, link to the online version on a news outlet’s site or post the text on your own site and provide a link to the original. What I’m trying to say: Don’t post loads and loads of PDFs of print stories if you can help it. They’re just not as reader-friendly online as they could be.

Granted for copy editing clips, there’s not really a way around the PDF issue when posting print clips, at least that I’ve found. Sorry.

For photographs and page designs, my guess is you’ll want to post a handful of your best photos and make them into a gallery of some sort. I’ll get back to how to do that in a second when we cover plugins.

(A general warning: Don’t rely on your former employer’s site to be the only source for your clips – especially if it’s a college outlet. If you’re simple going to link on a story on the DailyGazette.com’s Web site, I’d save a copy of the story on your server, too. When content management systems are updated, these can be lost or unpublished. I speak from first-hand experience.)


Read more

Week 4: Put up your resume in HTML and PDF formats

Apologies for the delay, folks, but after a bit of a holiday break, I’m back. This post is the fourth in a weekly series that will take journalists through how to set up a professional-looking portfolio Web site. Find out more about the series and read the first, second and third posts if you missed them. Check back next week for more.

For this week’s task, we’re going for focus on resumes – both in HTML and PDF forms.

We’re doing this for a couple reasons. We want to make it easy for a recruiter to do two things:

  • Scan your resume on your actual site
  • Download a copy of it and print it out

And since we’re going to take the time to do this, it’s a good idea to give that resume a bit of a facelift if it needs one. (I’ve found it’s convenient to do this now, rather than in the fall when you’re under a deadline crunch for internship applications.)

Part 1: Give your resume a facelift

So, here are some tips via Twitter.

1. Ditch the Word template, go into InDesign

Lauren Rabaino (@laurenrabaino) said:

Don’t use a word template. Show you know a liitle Photoshop/indesign … http://is.gd/18A5w

Andrew Spittle (@andrewspittle) had a similar message:

Do: create something personal, something yours. Dont: just use an out of the box look that hundreds of others are using.

I totally agree. If you have access to InDesign, it can really add a visual punch to the design of your resume. (If you’re stuck with Word, at least do some minor tweaks.)

It can also help you fit more information on without making your resume look cluttered.

Lauren’s blog post has some great examples of resumes with a bit of flair, but not so much that it gets out of hand.

This blog post also has examples of some tastefully designed resumes. (Straying too far into Crazytown can land your … um, “artistic”? … resume in a recruiter’s trash can, so don’t get too wild.)


Read more

Week 3: Write first blog post and About page

This post is the third in a weekly series that will take journalists through how to set up a professional-looking portfolio Web site. Find out more about the series and read the first and second posts if you missed them. Check back next week for more.

This week you’re going to get comfortable with the basics of creating content on your blog.

You can create two basic types of entries on Wordpress: blog posts and pages.

Blog posts are just what they sound like. You’re reading one right now.

Pages are used for things like your resume, portfolio or blogroll. The tabs across the top of my Web site all link to individual pages.

So, now that we know what each is meant for, let’s create some content.

Write your first blog post

You might want to use your fist blog post to introduce yourself, give readers a little insight into why you are making your site and foreshadow what you plan to blog about.

Go to www.YourDomain.com/wp-admin and log in.

On the upper left hand side, you’ll see a button that says “Add new” underneath the “Posts” tab. Click it.

Now you’ll want to give your blog entry a title.

In the body field, you’ll obviously put the body of your post.

Some basic buttons you'll want to use

Some basic buttons you'll use

To style your text, pay attention to the blog and italics buttons, as well as the drop-down menu that says “Paragraph.” “Heading 3″ tends to be the one you’ll want to use for subheads.

You also may want to use the bulleted list and numbered list buttons, plus the quoted material button and indent buttons.

Speaking of all this stuff, allow me to go on a very important tangent for a moment.

Writing for the Web: Just the basics

Some things to keep in mind about writing for the Web:

1. Link. Link. Link.

  • If you refer to an article online, link to it.
  • If you mention someone who has a personal Web site, link to it.
  • If you mention your favorite movie, link to its IMDB page.

linkbuttonI cannot underscore the importance of links. They help your Google search rankings, and more importantly, they make you look like you actually understand the Web. Get friendly with this button.


Read more

Week 2: Find a theme, install it and customize it

This post is the second in a weekly series that will take journalists through how to set up a professional-looking portfolio Web site. Find out more about the series and read the kickoff post if you missed it. Check back next week for more.

So, now that you’ve done everything that’s covered in Week 1, you should be ready for your next step: find a design for your site and install it.

Now I know what you might be thinking: “Wait, find a site design? You mean you didn’t make yours from scratch?”

Well, no. I’m not that talented.

Wordpress has a fabulous community of designers who pride themselves in creating designs that you can download (often for free) and use on your own site.

In Wordpress terminology these ready-made designs are called themes.

So, this week we are going to learn how to find free, professional themes and install them.

What do you need out of your theme?

Before you go pick a theme, consider what you will be using your site for.

  • Is it going to house your photography portfolio?
  • How about video packages?
  • Maybe text stories with some multimedia?
  • A mix of all of the above?
  • Will you blog frequently?
  • Do you want a classic color scheme or a bright one?

Some themes work better for certain tasks than others. Keep that in mind when you’re looking. (For instance, if you’re a visual journalist, do you want to have a big header image in your theme so you can play your photos big?)

Check out some themes

The best way I know to find a good theme is to look at oodles and oodles of them, download quite a few and try them out.

themeexample

(Sidenote: Many many many Wordpress themes are free. Some cost a bit – usually starting at around $20 and up. I’ve paid for a theme before, but the one I use now was free. Lesson learned: You very likely can find a free theme that you’ll love. If you want to pay up, you can, but you certainly don’t have to.)

Most themes will have a “live demo” or “preview” link somewhere. Meta-Morphosis here on the right is a good example of what you’ll often find.

If you like it, click the “Download” link that is most likely very near the “live demo” link. That will get you the zipped file for the theme.

So, where do you start looking? Here are some places to check out.

For everyone: 100 Amazing Free Wordpress Themes for 2009

100themes

For photogs and designers, specifically: 21 Premium-like Free Photoblog Themes for Wordpress

photoblog

For everyone: Google search

googlesearch


Read more