<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Emily Ingram &#187; wordpress</title>
	<atom:link href="http://emilyingram.com/tag/wordpress/feed/" rel="self" type="application/rss+xml" />
	<link>http://emilyingram.com</link>
	<description>Web producer &#124; multimedia journalist &#124; copy editor</description>
	<lastBuildDate>Wed, 24 Mar 2010 14:53:25 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
		<item>
		<title>Week 5: Add portfolio materials and install plugins</title>
		<link>http://emilyingram.com/2009/07/week-5-add-portfolio-materials-and-install-plugins/</link>
		<comments>http://emilyingram.com/2009/07/week-5-add-portfolio-materials-and-install-plugins/#comments</comments>
		<pubDate>Sun, 19 Jul 2009 16:45:47 +0000</pubDate>
		<dc:creator>Emily</dc:creator>
				<category><![CDATA[Uncategorized]]></category>
		<category><![CDATA[How to build a portfolio Web site]]></category>
		<category><![CDATA[journalism]]></category>
		<category><![CDATA[marketing]]></category>
		<category><![CDATA[plugins]]></category>
		<category><![CDATA[portfolio]]></category>
		<category><![CDATA[Vimeo]]></category>
		<category><![CDATA[wordpress]]></category>

		<guid isPermaLink="false">http://www.emilyingram.com/?p=481</guid>
		<description><![CDATA[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&#8217;s Week 5 of the blog series, [...]


No related posts.

Related posts brought to you by <a href='http://mitcho.com/code/yarpp/'>Yet Another Related Posts Plugin</a>.]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Femilyingram.com%2F2009%2F07%2Fweek-5-add-portfolio-materials-and-install-plugins%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Femilyingram.com%2F2009%2F07%2Fweek-5-add-portfolio-materials-and-install-plugins%2F&amp;style=normal" height="61" width="50" /><br />
			</a>
		</div>
<p style="text-align: left;"><em>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 <a href="../2009/05/how-to-build-a-portfolio-web-site-a-new-blog-series/">more about the series</a> and read the <a href="../2009/05/week-1-buy-a-domain-and-install-wordpress/">first</a>, <a href="../2009/06/week-2-find-a-theme-install-it-and-customize-it/">second</a>, <a href="../2009/06/week-3-write-first-blog-post-and-about-page/">third</a> and <a href="http://www.emilyingram.com/2009/07/week-4-put-up-your-resume-in-html-and-pdf-formats/">fourth</a> posts if you missed them. Check back next week for more.</em></p>
<p style="text-align: left;">It&#8217;s Week 5 of the blog series, and now that you&#8217;ve done some groundwork, it&#8217;s time to put up your clips. Luckily for you, the entire WordPress community is going to be there to help you: They won&#8217;t write your articles or take your photos, but they will provide you with lots of plugins to make things easier.</p>
<p style="text-align: left;">So, gather up those articles, photos, audio slideshows, headlines, page designs, videos, podcasts and interactive graphics, and let&#8217;s get rolling.</p>
<h3 style="text-align: left;">How to upload your clips</h3>
<p style="text-align: left;">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&#8217;s the same one you used to <a href="../2009/06/week-2-find-a-theme-install-it-and-customize-it/">install your theme</a>.)</p>
<p style="text-align: left;">If you use the latter, just make sure you aren&#8217;t uploading files into your theme&#8217;s folder. That should be reserved for items that actually make up your site&#8217;s design.</p>
<p style="text-align: left;"><strong>For videos</strong>, I recommend <a href="http://www.youtube.com">Vimeo</a> for hosting. There are some limits on how much you can upload per week for free accounts (paid <a href="http://www.vimeo.com/plus">&#8220;Plus&#8221; accounts</a> 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 <a href="http://www.vimeo.com/1737450">amazing video</a> it&#8217;s from while you&#8217;re at it.)</p>
<p style="text-align: center;"><a href="http://www.vimeo.com/1737450"><img class="aligncenter size-full wp-image-503" title="50p1q" src="http://emilyingram.com/wp-content/uploads/2009/07/picture-6.png" alt="50p1q" width="383" height="217" /></a></p>
<p style="text-align: left;"><strong>For text stories</strong>, link to the online version on a news outlet&#8217;s site or post the text on your own site and provide a link to the original. What I&#8217;m trying to say: Don&#8217;t post loads and loads of PDFs of print stories if you can help it. They&#8217;re just not as reader-friendly online as they could be.</p>
<p style="text-align: left;">Granted<strong> for copy editing clips</strong>, there&#8217;s not really a way around the PDF issue when posting print clips, at least that I&#8217;ve found. Sorry.</p>
<p style="text-align: left;"><strong>For photographs and page designs</strong>, my guess is you&#8217;ll want to post a handful of your best photos and make them into a gallery of some sort. I&#8217;ll get back to how to do that in a second when we cover plugins.</p>
<p style="text-align: left;"><em>(<strong>A general warning: </strong>Don&#8217;t rely on your former employer&#8217;s site to be the only source for your clips &#8211; especially if it&#8217;s a college outlet. If you&#8217;re simple going to link on a story on the DailyGazette.com&#8217;s Web site, I&#8217;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.)</em></p>
<p style="text-align: left;">
<p style="text-align: left;"><em><span id="more-481"></span></em></p>
<h3 style="text-align: left;">Give us a reason to click on &#8216;em</h3>
<p style="text-align: left;">I also think it matters how you present those clips, and <a href="http://lavrusik.com/portfolio/">Vadim Lavrusik</a> does a fabulous job of telling users why each of his clips are special. Here&#8217;s what he does:<a href="http://lavrusik.com/portfolio/"><br />
</a></p>
<p style="text-align: left;">After each clip&#8217;s link, he includes tidbits that highlight why it stands out, such as &#8220;in-depth and computer assisted reporting&#8221; or &#8220;includes self-produced slideshow.&#8221;</p>
<p style="text-align: center;"><a href="http://emilyingram.com/wp-content/uploads/2009/07/picture-21.png"><img class="size-full wp-image-496 aligncenter" title="vadim" src="http://emilyingram.com/wp-content/uploads/2009/07/picture-21.png" alt="vadim" width="410" height="302" /></a></p>
<p style="text-align: left;">Not a bad idea, and one worth considering as you are designing your portfolio section.</p>
<h3 style="text-align: left;">So, what goes where, then?</h3>
<p style="text-align: left;">Everyone&#8217;s portfolio page (or, likely, <em>pages</em>) will be a bit different. I think a good rule of thumb is to keep things simple and try to eliminate any extra clicks for users. In other words: If you can put a good amount of your clips all on one page and still make it look simple, do it.</p>
<p style="text-align: left;">Know how annoying it is to go to a newspaper&#8217;s Web site and have to load an entirely new page for each photo in a 50-photo slideshow? It&#8217;s the same concept.</p>
<p style="text-align: left;">For me, I have a main portfolio page and a few sub-pages within it. Those sub-pages don&#8217;t show up in my navigation bar, though because I want to keep that simple, too. I&#8217;ll show you how to do that in a moment.</p>
<p style="text-align: left;">(Your page structure controls things like drop-down menus, so if your theme has those kinds of menus, this is important. When you&#8217;re editing a page, look over to the right under the &#8220;Attributes&#8221; heading. You&#8217;ll see a pull-down menu where you can set the page&#8217;s Parent, or the existing page that you want your new one to fall under. It will default to having that parent be your site as a whole, so for most pages, you won&#8217;t need to change it.)</p>
<h3 style="text-align: left;">The basics about WordPress plugins</h3>
<p style="text-align: left;">To really customize your site, you&#8217;re going to want to use plugins, which are add-ons, written in code, that expand what WordPress can do.</p>
<p style="text-align: left;">I realize that&#8217;s an incredibly vague description, but it&#8217;s tough to put all plugins under one umbrella. Some <a href="http://wordpress.org/extend/plugins/twitter-for-wordpress/">post your latest Tweets</a> in your sidebar, others <a href="http://wordpress.org/extend/plugins/contact-form-7/">create a simple contact form</a> so users can get in touch with you, and still others <a href="http://wordpress.org/extend/plugins/akismet/">block spammers</a>. That&#8217;s what three do. There are 5,000+ more.</p>
<p style="text-align: left;">In short, plugins make it easy for you to do more on your site and do it more easily.</p>
<h3 style="text-align: left;">Ways to find good plugins</h3>
<ul style="text-align: left;">
<li>Browse through the <a href="http://wordpress.org/extend/plugins/">WordPress plugin directory.</a></li>
<li>Click on &#8220;Add New&#8221; under Plugins in your left sidebar of your WP Admin. There you&#8217;ll see a tagcloud that&#8217;ll guide you to relevant plugins, plus options at the top to see featured or most popular plugins.</li>
<li>When in doubt, Google &#8220;WordPress plugin [insert whatever you want here].&#8221;</li>
</ul>
<h3 style="text-align: left;">How to install them</h3>
<p style="text-align: left;"><a href="http://emilyingram.com/wp-content/uploads/2009/07/picture-4.png"><img class="alignright size-medium wp-image-497" title="wpplugin" src="http://www.emilyingram.com/wp-content/uploads/2009/07/picture-4-300x192.png" alt="wpplugin" width="210" height="134" /></a>On the left sidebar of your WP Admin, there&#8217;s a section for Plugins. Click &#8220;Add New.&#8221; From there you can do one of two things:</p>
<ul>
<li>Search for a term, such as Flickr or Twitter, to find relevant plugins. Click &#8220;Install&#8221; over to the right of whichever one looks like the best bet.</li>
<li>Or upload a .zip file from your desktop. You&#8217;ll download those zipped files from a listing in the WordPress Plugin Directory, such as <a href="http://wordpress.org/extend/plugins/contact-form-7/">this one</a>.</li>
</ul>
<p style="text-align: left;">Once it&#8217;s installed, you&#8217;ll have to activate it. (Plugins can be saved on your server without actually being in use.) For some plugins, you&#8217;ll also have to tweak some settings. Settings for plugins are listed under the &#8220;Settings&#8221; section on your WP Admin&#8217;s left sidebar.</p>
<h3 style="text-align: left;">Plugins that might help you out</h3>
<p style="text-align: left;">Some of these have obvious applications to your actual portfolio materials, others are handy to have for your site in general.</p>
<p style="text-align: left;"><em>(<strong>Ed&#8217;s note:</strong> This is in no way a complete list of plugins you&#8217;ll want or need. Some of these may not be applicable to your site, others will. But I can guarantee you there are probably at least a handful not on this list that you&#8217;d love. Also, I&#8217;ve starred ones I use, in case you&#8217;ve ever wondered how I got such-and-such to show up on my site.)</em></p>
<p style="text-align: left;"><a href="http://wordpress.org/extend/plugins/all-in-one-seo-pack/">*All in One SEO Pack</a> &#8211; Does all sorts of things to make your site more SEO-friendly</p>
<p style="text-align: left;"><a href="http://wordpress.org/extend/plugins/akismet/">*Akismet</a> &#8211; Blocks spammy spammers who like to hit your site with their spamification</p>
<p style="text-align: left; padding-left: 30px;">This is a must-have. Check the settings on your Discussion page and make sure you&#8217;re allowing comments. Despite the bad rep comments get on many sites, I&#8217;ve found that&#8217;s not the case on my site. My guess is it&#8217;d be similar on yours. Of course, by being open to comments, you&#8217;re at risk for spam. Akismet is across-the-board the standard for spam blockers on WordPress.</p>
<p><a href="http://wordpress.org/extend/plugins/contact-form-7/"></a><a href="http://emilyingram.com/wp-content/uploads/2009/07/picture-1.png"><img class="alignright size-medium wp-image-495" title="contactform" src="http://www.emilyingram.com/wp-content/uploads/2009/07/picture-1-300x260.png" alt="contactform" width="240" height="208" /></a>Contact Form 7 or <a href="http://chip.cuccio.us/projects/contact-form-ii/">*Contact Form ][</a> - Adds a form to your site to make it easy for users to send you a question and have it delivered to you via e-mail</p>
<p style="padding-left: 30px;">I think every portfolio site should make it stupidly simple to contact its author. This does that. I've used these forms on other bloggers' sites, and I've gotten e-mails from readers via mine.</p>
<p><a href="http://wordpress.org/extend/plugins/my-page-order/">*My Page Order</a> - Easily reorder pages by dragging and dropping them in a list</p>
<p style="padding-left: 30px;">If you want your resume page to be the third link in your nav bar rather than the second, or something like that, this is a great pick.</p>
<p style="text-align: left;"><a href="http://wordpress.org/extend/plugins/yet-another-related-posts-plugin/">*Yet Another Related Posts Plugin</a> - Adds auto-generated list of related posts you have at bottom of your blog entry</p>
<p style="text-align: left; padding-left: 30px;">If you're even a decent amount of blogging, I'd highly recommend this. You want to make it easy for a user to find content that they're interested in. If they read a whole post, bets are that they might read another on the same topic.</p>
<p style="text-align: left;"><a href="http://blog.moskis.net/downloads/plugins/fancybox-for-wordpress/">*Fancy Box</a> - Add the ability to click on image and get larger version to pop up within the same window</p>
<p style="padding-left: 30px;">Tons of plugins for popup image galleries are discussed in <a href="http://designm.ag/design/plugins-for-portfolio-sites/">Plugins for Portfolio Sites</a> and <a href="http://www.smashingmagazine.com/2009/04/29/ultimate-guide-to-using-wordpress-for-a-portfolio/">Ultimate Guide to Using WordPress for a Portfolio</a>. (Scroll post the theme suggestions to get to the plugin section.)</p>
<p style="text-align: left;"><a href="http://wordpress.org/extend/plugins/exclude-pages/">Exclude Pages</a> - If you want to keep your top navigation bar uncluttered, this is for you. It allows you to leave certain pages off your nav bar.</p>
<p style="text-align: left; padding-left: 30px;">My theme works best with just a few tabs up top, but I have a handful more pages. This helps me keep by navigation bar simple, but allows me the freedom to create pages galore.</p>
<p style="text-align: left;"><a href="http://www.bravenewcode.com/wptouch/">*WPtouch</a> - Detects when someone is viewing your site on an iPhone or iPod Touch and displays a mobile-friendly version of your site, which it also generates.</p>
<p><a href="http://wordpress.org/extend/plugins/video-widget/">*Video Widget</a> - Adds ability to easily embed videos to your sidebar.</p>
<p style="text-align: left; padding-left: 30px;">You could easily use this as a way to get more clicks on your videography clips.</p>
<p style="text-align: left;"><a href="http://wpaudioplayer.com/">Audio Player</a> - Allows you to embed an audio player.</p>
<p style="text-align: left; padding-left: 30px;">If you've got clips of radio newscasts or online audio stories, this may be a good fit.</p>
<p><a href="http://emilyingram.com/wp-content/uploads/2009/07/picture-5.png"><img class="alignright size-medium wp-image-498" title="authorexposed" src="http://www.emilyingram.com/wp-content/uploads/2009/07/picture-5-300x153.png" alt="authorexposed" width="210" height="107" /></a><a href="http://colorlightstudio.com/2008/03/14/wordpress-plugin-author-exposed/">Author Exposed</a> - When you click on an author's name, this makes a little popup that displays bio info and an avatar. (This is a great pick for multi-author blogs, but it certainly could be used for single-author ones, too.)</p>
<p style="text-align: left;"><a href="http://wordpress.org/extend/plugins/easy-twitter-links/">*Easy Twitter Links</a> - Automatically creates links to person's Twitter profile if you put in @<a href="http://twitter.com/username" rel="nofollow" target="_blank" title="View username's Twitter Profile">username</a> on your site. (This won't show up on your back-end editor, but it will on your actual site once you publish a post.)</p>
<p style="text-align: left; padding-left: 30px;">If you reference lots of people on Twitter, this is a <strong>huge</strong> time-saver.</p>
<p style="text-align: left;"><a href="http://yoast.com/wordpress/sociable/">*Sociable</a> - Adds links to bottom of your posts so users can easily share or bookmark them</p>
<p style="text-align: left;"><a href="http://wordpress.org/extend/plugins/wp-greet-box/">*WP Greet Box</a> - Adds box at top of posts that you can customize depending on if someone finds your site through Google Reader, Twitter, Delicious, etc. The boxes look something like this:</p>
<p style="text-align: left;"><a href="http://emilyingram.com/wp-content/uploads/2009/07/screenshot-4.png"><img class="aligncenter size-medium wp-image-501" title="wpgreetbox" src="http://www.emilyingram.com/wp-content/uploads/2009/07/screenshot-4-300x42.png" alt="wpgreetbox" width="300" height="42" /></a></p>
<p style="text-align: left;"><a href="http://wordpress.org/extend/plugins/sideposts/">Sideposts Widget</a> - Shows excerpts from a certain category of posts in your sidebar<a href="http://blog.moskis.net/downloads/plugins/fancybox-for-wordpress/"></a></p>
<p style="text-align: left;"><a href="http://www.featuredcontentgallery.com/">Featured Content Gallery</a> - Makes rotating image gallery that you can use to select and promote certain pages or posts</p>
<h3 style="text-align: left;">A few last thoughts</h3>
<p style="text-align: left;">The process of trying out new plugins is never-ending. I'm still fiddling with things, and because of the huge volume of plugins out there, it may take you months to stumble upon some gems that you never even knew you needed.</p>
<h3 style="text-align: left;"><strong>Two final questions<br />
</strong></h3>
<p>If you already have a site, <strong>what plugins do you swear by?</strong></p>
<p>For everyone, <strong>what topics should I cover in the next couple weeks?</strong> (CSS tweaks were mentioned a while back, and they're one of the only things still left on my to-do list. If you want something else, let me know.)</p>
<div class="zemanta-pixie" style="margin-top: 10px; height: 15px;"><a class="zemanta-pixie-a" title="Reblog this post [with Zemanta]&#8221; href=&#8221;http://reblog.zemanta.com/zemified/5d6fa08a-eaf0-4ff0-902f-049c8267f341/&#8221;><img class="zemanta-pixie-img" style="border: medium none; float: right;" src="http://img.zemanta.com/reblog_e.png?x-id=5d6fa08a-eaf0-4ff0-902f-049c8267f341" alt="Reblog this post [with Zemanta]" /></a><span class="zem-script more-related pretty-attribution"><script src="http://static.zemanta.com/readside/loader.js" type="text/javascript"></script></span></div>


<p>No related posts.</p>
<p>Related posts brought to you by <a href='http://mitcho.com/code/yarpp/'>Yet Another Related Posts Plugin</a>.</p>]]></content:encoded>
			<wfw:commentRss>http://emilyingram.com/2009/07/week-5-add-portfolio-materials-and-install-plugins/feed/</wfw:commentRss>
		<slash:comments>12</slash:comments>
		</item>
		<item>
		<title>Week 3: Write first blog post and About page</title>
		<link>http://emilyingram.com/2009/06/week-3-write-first-blog-post-and-about-page/</link>
		<comments>http://emilyingram.com/2009/06/week-3-write-first-blog-post-and-about-page/#comments</comments>
		<pubDate>Wed, 17 Jun 2009 02:31:31 +0000</pubDate>
		<dc:creator>Emily</dc:creator>
				<category><![CDATA[Training resources]]></category>
		<category><![CDATA[online journalism]]></category>
		<category><![CDATA[blogs]]></category>
		<category><![CDATA[How to build a portfolio Web site]]></category>
		<category><![CDATA[marketing]]></category>
		<category><![CDATA[wordpress]]></category>

		<guid isPermaLink="false">http://www.emilyingram.com/?p=452</guid>
		<description><![CDATA[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&#8217;re going to get comfortable with the [...]


No related posts.

Related posts brought to you by <a href='http://mitcho.com/code/yarpp/'>Yet Another Related Posts Plugin</a>.]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Femilyingram.com%2F2009%2F06%2Fweek-3-write-first-blog-post-and-about-page%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Femilyingram.com%2F2009%2F06%2Fweek-3-write-first-blog-post-and-about-page%2F&amp;style=normal" height="61" width="50" /><br />
			</a>
		</div>
<p><em>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 <a href="../2009/05/how-to-build-a-portfolio-web-site-a-new-blog-series/">more about the series</a> and read the <a href="../2009/05/week-1-buy-a-domain-and-install-wordpress/">first</a> and <a href="http://www.emilyingram.com/2009/06/week-2-find-a-theme-install-it-and-customize-it/">second</a> posts if you missed them. Check back next week for more.</em></p>
<p>This week you&#8217;re going to get comfortable with the basics of creating content on your blog.</p>
<p>You can create two basic types of entries on WordPress: blog posts and pages.</p>
<p>Blog posts are just what they sound like. You&#8217;re reading one right now.</p>
<p>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.</p>
<p>So, now that we know what each is meant for, let&#8217;s create some content.</p>
<h3>Write your first blog post</h3>
<p>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.</p>
<p>Go to www.YourDomain.com/wp-admin and log in.</p>
<p>On the upper left hand side, you&#8217;ll see a button that says &#8220;Add new&#8221; underneath the &#8220;Posts&#8221; tab. Click it.</p>
<p>Now you&#8217;ll want to give your blog entry a title.</p>
<p>In the body field, you&#8217;ll obviously put the body of your post.</p>
<div id="attachment_453" class="wp-caption alignright" style="width: 185px"><a href="http://emilyingram.com/wp-content/uploads/2009/06/picture-31.png"><img class="size-full wp-image-453" title="buttons" src="http://emilyingram.com/wp-content/uploads/2009/06/picture-31.png" alt="Some basic buttons you'll want to use" width="175" height="60" /></a><p class="wp-caption-text">Some basic buttons you&#39;ll use</p></div>
<p>To style your text, pay attention to the blog and italics buttons, as well as the drop-down menu that says &#8220;Paragraph.&#8221; &#8220;Heading 3&#8243; tends to be the one you&#8217;ll want to use for subheads.</p>
<p>You also may want to use the bulleted list and numbered list buttons, plus the quoted material button and indent buttons.</p>
<p>Speaking of all this stuff, allow me to go on a very important tangent for a moment.</p>
<h3>Writing for the Web: Just the basics</h3>
<p>Some things to keep in mind about writing for the Web:</p>
<p><strong>1. Link. Link. Link.</strong></p>
<ul>
<li> If you refer to an <a href="http://roomfordebate.blogs.nytimes.com/2009/06/15/student-debt-fools-gold/">article</a> online, link to it.</li>
<li> If you mention someone who has a <a href="http://www.EmilyIngram.com">personal Web site</a>, link to it.</li>
<li> If you mention your favorite movie, link to its <a href="http://www.imdb.com/title/tt0091042/ ">IMDB page</a>.</li>
</ul>
<p style="padding-left: 30px;"><em><a href="http://emilyingram.com/wp-content/uploads/2009/06/picture-41.png"><img class="alignright size-full wp-image-454" title="linkbutton" src="http://emilyingram.com/wp-content/uploads/2009/06/picture-41.png" alt="linkbutton" width="32" height="32" /></a>I 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.</em></p>
<p style="padding-left: 30px;">
<p style="padding-left: 30px;"><em><span id="more-452"></span><br />
</em></p>
<p><strong>2. Make your posts easy to scan.</strong></p>
<ul>
<li> Keep your paragraphs short, much like you do in news articles.</li>
<li> Use bulleted lists when applicable.</li>
<li> Use subheads to break up large chunks of text and make your organization stand out.</li>
</ul>
<p><strong>3. Use visuals when you can. </strong><a href="http://www.flickr.com">Flickr</a> often has good <a href="http://www.flickr.com/creativecommons/">Creative Commons-licensed photos</a> that you can use if you don&#8217;t have your own photos. Just make sure to credit them appropriately.</p>
<p><strong>4. Especially when writing headlines, think about SEO, or search engine optimization. </strong></p>
<p style="padding-left: 30px;"><em>This means that you should write your blog titles with Google search in mind. A months-old entry of mine titled &#8220;Getting Google to recognize my blog&#8221; still gets a decent amount of hits thanks to people searching that phrase in Google.</em></p>
<ul>
<li> Kill the cute stuff. Keep titles literal. Plays on words or puns don&#8217;t tend to work well.</li>
<li>Be specific and use keywords. Nouns are especially important in Web headlines, while verbs tend to get more of an emphasis in print headlines.</li>
<li>Be clear and concise.</li>
</ul>
<p>OK, done with that tangent. Back to writing your first blog post.</p>
<p><a href="http://emilyingram.com/wp-content/uploads/2009/06/picture-21.png"><img class="alignright size-full wp-image-455" title="photo" src="http://emilyingram.com/wp-content/uploads/2009/06/picture-21.png" alt="photo" width="27" height="24" /></a>You&#8217;ll want to type in whatever and hopefully add a photo, which you can do by clicking the icon that has a square on it. (It&#8217;s at the top of the bar with all those buttons.) There, you can upload a photo from your desktop or place one that&#8217;s already online.</p>
<p>You can also scale the photo down in side and add a caption to it if you want. Remember to credit photos appropriately if you&#8217;re not using your own. Once you have all that done, just click &#8220;insert into post&#8221; and it should appear.</p>
<p><a href="http://emilyingram.com/wp-content/uploads/2009/06/picture-51.png"><img class="alignright size-full wp-image-456" style="margin-left: 5px; margin-right: 5px;" title="publish" src="http://emilyingram.com/wp-content/uploads/2009/06/picture-51.png" alt="publish" width="289" height="202" /></a>When you&#8217;re done with your post, you can click the &#8220;Save draft&#8221; button on the upper right hand side to save it so you can come back to it later. You can also click &#8220;Preview&#8221; to double check that everything looks OK without actually making the post go live.</p>
<p>And once you&#8217;re ready, you want to click &#8220;Publish.&#8221;</p>
<p>Once you do that, you should see your first post when you go to www.YourDomain.com.</p>
<p>So, now that you have that wrapped up. It&#8217;s time to add another page to your site. For our purpose this week, we&#8217;ll start simple.</p>
<h3>Create your about page</h3>
<p>Most every blog should have an about page. It&#8217;s an easy way for someone who stumbles onto your site to find out who you are and what your schtick is.</p>
<p>So, to create a new page, go to your left hand sidebar in your Admin and click &#8220;Add new&#8221; under &#8220;Pages.&#8221;</p>
<p>You&#8217;ll notice that the controls for creating a page look very similar to those used to create a blog post. I&#8217;d recommend fiddling around a bit just to get comfortable with them. Remember, you can always click &#8220;Preview&#8221; to see what it looks like without saving it and making it go live.</p>
<p>So, what should you include in your About page?</p>
<p>Here are my suggestions. Take &#8216;em or leave &#8216;em.</p>
<ul>
<li>Where do you go to school, and what is your year and major?</li>
<li>Where have you worked or interned? (Remember to link to the Web sites of those news organizations, too.)</li>
<li>What jobs titles have you had in journalism? (I might want to know if you&#8217;ve been a photographer at XYZ newspaper or a features columnists or editor-in-chief.)</li>
<li>Are you active on social media? If so, link to your page on Twitter, Facebook, Delicious, Wired Journalists, Publish2, etc.</li>
<li>What do you look like? (I think including a photo makes it a bit more personal. You are now a face rather than just a name.)</li>
<li>Is there something that makes you memorable? Including a fact that sticks out in people&#8217;s minds is never a bad idea.</li>
<li>Are you looking for internships or freelance opportunities? It probably wouldn&#8217;t hurt to mention that, just in case.</li>
</ul>
<p>Here are some examples of about pages by other student journalists or recent graduates:</p>
<ul>
<li><a href="http://www.joshhalliday.com/2009/01/about-me.html">Josh Halliday</a>, student at University of Sunderland in the U.K.</li>
<li><a href="http://www.greglinch.com/about">Greg Linch</a>, recent graduate from the University of Miami</li>
<li><a href="http://lavrusik.com/about/">Vadim Lavrusik</a>, student at Columbia University Graduate School</li>
<li>UNL&#8217;s very own <a href="http://alinaselyukh.com/about/">Alina Selyukh</a></li>
<li><a href="http://albertsun.info/about/">Albert Sun</a>, student at University of Pennsylvania</li>
</ul>


<p>No related posts.</p>
<p>Related posts brought to you by <a href='http://mitcho.com/code/yarpp/'>Yet Another Related Posts Plugin</a>.</p>]]></content:encoded>
			<wfw:commentRss>http://emilyingram.com/2009/06/week-3-write-first-blog-post-and-about-page/feed/</wfw:commentRss>
		<slash:comments>12</slash:comments>
		</item>
		<item>
		<title>Week 2: Find a theme, install it and customize it</title>
		<link>http://emilyingram.com/2009/06/week-2-find-a-theme-install-it-and-customize-it/</link>
		<comments>http://emilyingram.com/2009/06/week-2-find-a-theme-install-it-and-customize-it/#comments</comments>
		<pubDate>Sun, 07 Jun 2009 19:24:03 +0000</pubDate>
		<dc:creator>Emily</dc:creator>
				<category><![CDATA[Training resources]]></category>
		<category><![CDATA[ftp]]></category>
		<category><![CDATA[How to build a portfolio Web site]]></category>
		<category><![CDATA[marketing]]></category>
		<category><![CDATA[themes]]></category>
		<category><![CDATA[wordpress]]></category>

		<guid isPermaLink="false">http://www.emilyingram.com/?p=431</guid>
		<description><![CDATA[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&#8217;ve done everything that&#8217;s covered in Week 1, [...]


No related posts.

Related posts brought to you by <a href='http://mitcho.com/code/yarpp/'>Yet Another Related Posts Plugin</a>.]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Femilyingram.com%2F2009%2F06%2Fweek-2-find-a-theme-install-it-and-customize-it%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Femilyingram.com%2F2009%2F06%2Fweek-2-find-a-theme-install-it-and-customize-it%2F&amp;style=normal" height="61" width="50" /><br />
			</a>
		</div>
<p><em>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 <a href="http://www.emilyingram.com/2009/05/how-to-build-a-portfolio-web-site-a-new-blog-series/">more about the series</a> and read the <a href="http://www.emilyingram.com/2009/05/week-1-buy-a-domain-and-install-wordpress/">kickoff post</a> if you missed it. Check back next week for more.</em></p>
<p>So, now that you&#8217;ve done everything that&#8217;s covered in <a href="http://www.emilyingram.com/2009/05/week-1-buy-a-domain-and-install-wordpress/">Week 1</a>, you should be ready for your next step: find a design for your site and install it.</p>
<p>Now I know what you might be thinking: &#8220;Wait, <em>find</em> a site design? You mean you didn&#8217;t make yours from scratch?&#8221;</p>
<p>Well, <a href="http://www.woothemes.com/2008/11/typebased/">no</a>. I&#8217;m not that talented.</p>
<p>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.</p>
<p>In WordPress terminology these ready-made designs are called <strong>themes</strong>.</p>
<p>So, this week we are going to learn how to find free, professional themes and install them.</p>
<h3>What do you need out of your theme?</h3>
<p>Before you go pick a theme, consider what you will be using your site for.</p>
<ul>
<li>Is it going to house your photography portfolio?</li>
<li>How about video packages?</li>
<li>Maybe text stories with some multimedia?</li>
<li>A mix of all of the above?</li>
<li>Will you blog frequently?</li>
<li>Do you want a classic color scheme or a bright one?</li>
</ul>
<p>Some themes work better for certain tasks than others. Keep that in mind when you&#8217;re looking. (For instance, if you&#8217;re a visual journalist, do you want to have a big header image in your theme so you can play your photos big?)</p>
<h3>Check out some themes</h3>
<p>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.</p>
<p><a href="http://emilyingram.com/wp-content/uploads/2009/06/picture-10.png"><img class="alignright size-medium wp-image-444" title="themeexample" src="http://www.emilyingram.com/wp-content/uploads/2009/06/picture-10-185x300.png" alt="themeexample" width="185" height="300" /></a></p>
<p><em>(<strong>Sidenote:</strong> Many many <strong>many</strong> WordPress themes are free. Some cost a bit &#8211; usually starting at around $20 and up. I&#8217;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&#8217;ll love. If you want to pay up, you can, but you certainly don&#8217;t have to.)</em></p>
<p>Most themes will have a &#8220;live demo&#8221; or &#8220;preview&#8221; link somewhere. <a href="http://www.woothemes.com/category/themes/">Meta-Morphosis</a> here on the right is a good example of what you&#8217;ll often find.</p>
<p>If you like it, click the &#8220;Download&#8221; link that is most likely very near the &#8220;live demo&#8221; link. That will get you the zipped file for the theme.</p>
<p>So, where do you start looking? Here are some places to check out.</p>
<p><strong>For everyone: <a href="http://www.smashingmagazine.com/2009/05/18/100-amazing-free-wordpress-themes-for-2009/">100 Amazing Free WordPress Themes for 2009</a></strong></p>
<p style="text-align: center;"><a href="http://www.smashingmagazine.com/2009/05/18/100-amazing-free-wordpress-themes-for-2009/"><img class="size-medium wp-image-436 aligncenter" title="100themes" src="http://www.emilyingram.com/wp-content/uploads/2009/06/picture-7-300x176.png" alt="100themes" width="300" height="176" /></a></p>
<p><strong>For photogs and designers, specifically: <a href="http://www.smashingapps.com/2009/05/10/21-premium-like-free-photoblog-themes-for-wordpress.html">21 Premium-like Free Photoblog Themes for WordPress</a></strong></p>
<p style="text-align: center;"><a href="http://www.smashingapps.com/2009/05/10/21-premium-like-free-photoblog-themes-for-wordpress.html"><img class="size-large wp-image-435 aligncenter" title="photoblog" src="http://www.emilyingram.com/wp-content/uploads/2009/06/picture-5-1024x613.png" alt="photoblog" width="368" height="221" /></a></p>
<p><strong>For everyone: <a href="http://www.google.com/search?q=top+free+wordpress+themes&amp;ie=utf-8&amp;oe=utf-8&amp;aq=t&amp;rls=org.mozilla:en-US:official&amp;client=firefox-a">Google search</a></strong></p>
<h3><a href="http://www.google.com/search?q=top+free+wordpress+themes&amp;ie=utf-8&amp;oe=utf-8&amp;aq=t&amp;rls=org.mozilla:en-US:official&amp;client=firefox-a"><img class="aligncenter size-medium wp-image-438" title="googlesearch" src="http://www.emilyingram.com/wp-content/uploads/2009/06/picture-9-300x45.png" alt="googlesearch" width="300" height="45" /></a></h3>
<h3></h3>
<h3><span id="more-431"></span></h3>
<p><strong>Other options</strong></p>
<ul>
<li>You can go to <a href="http://www.delicious.com">Delicious</a> and do a search for WordPress themes to see what users have bookmarked. (I have a few <a href="http://delicious.com/emilyingram/wordpress+themes">under my account</a>.)</li>
<li>You can also use WordPress&#8217;s <a href="http://wordpress.org/extend/themes/">own search</a> to find themes, but there are literally thousands to choose from. I like it when someone else has done some of the filtering for me. Nevertheless, the search is there if you want to use it.</li>
</ul>
<p>Now that you&#8217;ve downloaded a few themes, it&#8217;s time to put them on your Web server space that you bought last week. To do that, we&#8217;ll use an FTP client.</p>
<h3>Download an FTP client</h3>
<p>Don&#8217;t know what <a href="http://en.wikipedia.org/wiki/File_Transfer_Protocol">FTP</a> even means? Don&#8217;t worry.</p>
<p>Basically an FTP client is a program will take files from your computer and put them on your hosting space.</p>
<p>It gets things from here to there. (It&#8217;s much like when you copy and paste something from one folder on your hard drive into another.)</p>
<p>In our case, what we&#8217;re going to be transferring is a folder containing your WordPress theme.</p>
<p><em><strong>Sidenote: </strong></em><em>Your hosting company probably has an FTP program built into its site somewhere. (Godaddy does, but quite frankly it&#8217;s not the easiest way to do things in the long run.) In my opinion at least, it&#8217;s much easier to download a handy dandy program on your computer that allows you to do the same thing but with fewer clicks.</em></p>
<p>So, what program should you get? (I&#8217;m sticking with free options for now. You can pay for higher-end FTP programs, but I&#8217;m trying to give you a bare-bones how-to on setting up a site for cheap.)</p>
<p>If you&#8217;re a Mac user, I&#8217;ll talk you through Cyberduck, the FTP program I use and love.</p>
<p>If you&#8217;re a PC user, I&#8217;ll give you some resources for how to use Filezilla.</p>
<p><em>(<strong>Ed&#8217;s Note Part A:</strong> I&#8217;ll apologize now to my PC-using friends. Because I&#8217;m a Mac user with no access to a PC right now, your instructions may be less detailed than those for your Mac-using counterparts. Sorry. I&#8217;ll always try to find online documentation to help you along wherever I can&#8217;t.)</em></p>
<p><em>(<strong>Ed&#8217;s Note Part B:</strong> </em><em>You can use whatever FTP program you want. I&#8217;ll talk you through one that you can use on whichever operating system you&#8217;re on, but by no means are these the only two options. </em><em> Thanks! -Emily)</em></p>
<p><strong>For Mac users: </strong></p>
<p style="padding-left: 30px;">Download <a href="http://cyberduck.ch/">Cyberduck</a>.</p>
<p style="padding-left: 30px;"><a href="http://emilyingram.com/wp-content/uploads/2009/06/picture-1.png"><img class="alignright size-medium wp-image-432" title="openconnection" src="http://www.emilyingram.com/wp-content/uploads/2009/06/picture-1-300x125.png" alt="openconnection" width="300" height="125" /></a>Once you download it and install it on your computer. You&#8217;re going to want to start the program and then select File-&gt;Open Connection.</p>
<p style="padding-left: 30px;">This will ask for your server number, username and password. All of this can be found by logging into GoDaddy with your username and account there at the top of the homepage. Then go under Hosting-&gt;My Hosting Account and then clicking &#8220;Manage Account&#8221; next to the domain you bought.</p>
<p style="padding-left: 30px;">Your server IP address should be listed in that first screen that will pop open. It will be something like 123.456.789.01. Copy that and paste it into Cyberduck&#8217;s Open Connection window where it says Server. Then put your GoDaddy username and password in where it asks for them.</p>
<p style="text-align: center; padding-left: 30px;"><a href="http://emilyingram.com/wp-content/uploads/2009/06/picture-2.png"><img class="size-full wp-image-433 aligncenter" title="details" src="http://emilyingram.com/wp-content/uploads/2009/06/picture-2.png" alt="details" width="414" height="221" /></a></p>
<p style="padding-left: 30px;">This, hopefully, should get you logged in.</p>
<p style="padding-left: 30px;">Sweet. Now you&#8217;re ready to install a theme.</p>
<p style="padding-left: 30px;">Hopefully you&#8217;ve downloaded a ZIP file of some theme you like (really any will do for the purpose of just learning how to install one). If so, unzip it.</p>
<p style="padding-left: 30px;">Now, that Cyberduck screen is much like a Finder window on your Mac. It shows you what files are on your server space. So, we want to find the right folder to drag and drop that theme folder. It&#8217;s going to be in one of two places. If you installed WordPress directly into your root folder (the base level of your server), you&#8217;ll find it by going here:</p>
<p style="padding-left: 30px;">wp-content/themes/</p>
<p style="padding-left: 30px;">If, however, you installed wordpress within a folder itself, you&#8217;ll need to go to:</p>
<p style="padding-left: 30px;">wordpress/wp-content/themes/</p>
<p style="padding-left: 30px;">Either way is fine and dandy. Once you get to that folder, you&#8217;ll likely see two other folders inside it: classic and default. Those themes come already installed with WordPress.</p>
<p style="padding-left: 30px;">All you need to do is drag and drop that theme folder you unzipped over on top of that Cyberduck window. It&#8217;ll bring up a screen that shows the status of the upload and you&#8217;ll see when it&#8217;s reached 100%.</p>
<p><strong>For PC users:</strong></p>
<p style="padding-left: 30px;">Download <a href="http://filezilla-project.org/">Filezilla</a> and install it.</p>
<p style="padding-left: 30px;">Go <a href="http://wiki.filezilla-project.org/Using">here</a> for more instructions on how to use it. (I&#8217;m suggesting you use Filezilla mostly because these instructions are about as detailed as I try to make mine for Mac users.)</p>
<p style="padding-left: 30px;">Some of the instructions on that page are probably more advanced than you&#8217;ll need. Going on a pure educated guess here, I&#8217;d bet that the portions that will be most useful will be under the following headings:</p>
<ul style="padding-left: 30px;">
<li>
<ul>
<li>Using the Quick Connect bar</li>
<li>Navigating on the server</li>
<li>Navigating on your machine</li>
<li>Transferring files</li>
</ul>
</li>
</ul>
<p style="padding-left: 30px;">Just like your Mac-using friends, you&#8217;ll be putting your theme folders under one of two places depending on where you installed WordPress. You&#8217;ll either be putting them in:</p>
<p style="padding-left: 30px;">wp-content/themes/</p>
<p style="padding-left: 30px;">or</p>
<p style="padding-left: 30px;">wordpress/wp-content/themes/</p>
<p style="padding-left: 30px;">Either is perfectly fine. Once you get to that folder, you&#8217;ll see two folders already inside it: classic and default. Those themes come packaged with WordPress when it&#8217;s installed.</p>
<p>That&#8217;s how you get your theme from your desktop to your server. Now you need to activate it. (This takes just a couple clicks, I promise.)</p>
<h3>Activate your theme</h3>
<p>Open Firefox or whatever browser you&#8217;re using and go to www.YourDomainHere.com/wp-admin/</p>
<p>Log in using your username and password that you picked when you installed WordPress.</p>
<p><a href="http://emilyingram.com/wp-content/uploads/2009/06/picture-4.png"><img class="alignright size-full wp-image-434" title="appearance" src="http://emilyingram.com/wp-content/uploads/2009/06/picture-4.png" alt="appearance" width="158" height="101" /></a>Now, off to the left hand side, you should see a light blue bar that says Appearance. Under it should say Themes, Widgets and Editor. (If it doesn&#8217;t, just click &#8220;Appearance&#8221; and those options will slide down.)</p>
<p>So, click &#8220;Themes.&#8221; That will bring up a window that should show you a preview of every theme you have installed, which will most likely be 3 for you (classic, default and your new one.)</p>
<p>Click on the new one, let the popup window open and then click in the upper right hand corner where it says &#8220;Activate ThemeX.&#8221;</p>
<p>If you go to www.YourDomainName.com now, you should see your new theme in action.</p>
<p>You can install as many themes as you want, provided that you don&#8217;t exceed your hosting space limit, but you shouldn&#8217;t need to worry about that for a while. (I have probably a dozen themes installed for my site. I tried out quite a few before I settled on the one I have now. I&#8217;d recommend you try out a few, too.)</p>
<h3>Customize your settings</h3>
<p>Right now, the subtitle of your blog probably says, &#8220;Just another WordPress blog.&#8221; Not very original, huh? To change that, you need to go into your Settings menu.</p>
<p><a href="http://emilyingram.com/wp-content/uploads/2009/06/picture-3.png"><img class="alignright size-full wp-image-443" title="settings" src="http://emilyingram.com/wp-content/uploads/2009/06/picture-3.png" alt="settings" width="152" height="207" /></a>In your WordPress Admin, look on the left hand side. You should see a blue bar that says &#8220;Settings,&#8221; and under it should be a list of sub-categories. (If these don&#8217;t show up, just click &#8220;Settings&#8221; and those options will slide down.)</p>
<p>You can change the &#8220;Just another WordPress blog&#8221; chatter under &#8220;General.&#8221; You can also change various settings including what page will appear as your homepage at www.YourDomainName.com.</p>
<p>The best thing you can do at this point is to click through those settings pages and just get a feel for what you can change.</p>
<p>Play around with things. I promise you won&#8217;t break anything so badly that it can&#8217;t be fixed with just a few clicks.</p>
<p><strong>So, are you finding these tips useful? I&#8217;m curious to see who is following along with the series. If you would, post the URL to your site in the comments. I&#8217;d love to see what everyone has so far.</strong></p>


<p>No related posts.</p>
<p>Related posts brought to you by <a href='http://mitcho.com/code/yarpp/'>Yet Another Related Posts Plugin</a>.</p>]]></content:encoded>
			<wfw:commentRss>http://emilyingram.com/2009/06/week-2-find-a-theme-install-it-and-customize-it/feed/</wfw:commentRss>
		<slash:comments>21</slash:comments>
		</item>
		<item>
		<title>Week 1: Buy a domain and install WordPress</title>
		<link>http://emilyingram.com/2009/05/week-1-buy-a-domain-and-install-wordpress/</link>
		<comments>http://emilyingram.com/2009/05/week-1-buy-a-domain-and-install-wordpress/#comments</comments>
		<pubDate>Sat, 30 May 2009 23:46:19 +0000</pubDate>
		<dc:creator>Emily</dc:creator>
				<category><![CDATA[Uncategorized]]></category>
		<category><![CDATA[godaddy]]></category>
		<category><![CDATA[How to build a portfolio Web site]]></category>
		<category><![CDATA[marketing]]></category>
		<category><![CDATA[wordpress]]></category>

		<guid isPermaLink="false">http://www.emilyingram.com/?p=402</guid>
		<description><![CDATA[This post is the first in a weekly series that will take journalists through how to set up a professional-looking portfolio Web site. Check back next week for more. First things first: If you know anything about me and how-to guides, you know that I&#8217;m a bit of a screen cap nut. I&#8217;m a big [...]


No related posts.

Related posts brought to you by <a href='http://mitcho.com/code/yarpp/'>Yet Another Related Posts Plugin</a>.]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Femilyingram.com%2F2009%2F05%2Fweek-1-buy-a-domain-and-install-wordpress%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Femilyingram.com%2F2009%2F05%2Fweek-1-buy-a-domain-and-install-wordpress%2F&amp;style=normal" height="61" width="50" /><br />
			</a>
		</div>
<p><em>This post is the first in a weekly series that will take journalists through how to set up a professional-looking portfolio Web site. Check back next week for more.</em></p>
<p>First things first: If you know anything about me and how-to guides, you know that I&#8217;m a bit of a screen cap nut. I&#8217;m a big believer in showing you what you should click, so apologies if this post looks a bit gargantuan. Also, some of the screen caps were too wide to fit on my blog at their full size. If you&#8217;re having problem seeing what they say, click them and they should pop up in full size so you can read what they say.</p>
<p>Also, I promise this isn&#8217;t too hard. This is a huge post, but only because I&#8217;m just trying to make sure I don&#8217;t leave any steps out.</p>
<h3>Step 1: Choose a domain</h3>
<p>You need to get a domain. You can register a domain through tons of Web sites. (I use <a href="http://www.GoDaddy.com">GoDaddy</a> and have few complaints, so that&#8217;s what I will use to walk you through things. If you want to use another host, go right ahead.)</p>
<p><em>(<strong>Update:</strong> Check the comment section for some suggestions for alternative hosts.)</em></p>
<p>One you think of a domain you like, go ahead and do a search on <a href="http://www.GoDaddy.com">GoDaddy&#8217;s home page</a> to see if it&#8217;s available.</p>
<p>I’d recommend you a .com domain that is derived from your name. <a href="http://www.EmilyIngram.com">EmilyIngram.com</a> wasn’t taken when I set mine up. If your FirstnameLastname.com domain is taken, just stick to something professional sounding that you’ll be happy to keep for many years to come.</p>
<p>Some alternatives for you to consider:</p>
<ul>
<li><strong>www.byJohnDoe.com</strong> &#8211; Joey Baker&#8217;s <a href="http://www.byjoeybaker.com">www.byjoeybaker.com</a> is one example of this.</li>
<li><strong>www.DoeReporter.com</strong> or <strong>www.DoeDesign.com</strong> or <strong>www.DoePhotography.com</strong> &#8211; Andrew Dunn&#8217;s <a href="http://www.dunnreporter.com">www.dunnreporter.com</a> is one that comes to mind.</li>
<li><strong>www.JohnADoe.com</strong> &#8211; See Andy Boyle&#8217;s <a href="http://www.andymboyle.com">www.andymboyle.com</a>.</li>
</ul>
<p>Find one you like that no one else has laid claim to? Awesome.</p>
<h3><a href="http://emilyingram.com/wp-content/uploads/2009/05/picture-16.png"><img class="aligncenter size-medium wp-image-404" title="domainavailable" src="http://www.emilyingram.com/wp-content/uploads/2009/05/picture-16-300x28.png" alt="domainavailable" width="300" height="28" /></a></h3>
<h3>Step 2: Buy it before someone else does</h3>
<p><em>(I already have a GoDaddy account, so I hope that my instructions here are the same if you don&#8217;t have one. That said, if GoDaddy is trying to get you to add on anything I don&#8217;t mention here, you probably don&#8217;t need it.)</em></p>
<p>So you&#8217;ve found a domain you want and it&#8217;s available. Now, it&#8217;s time to buy it. GoDaddy will try to get you to buy all sorts of additional domains, such as the .net and .biz alternatives of what you picked. You don&#8217;t need them.</p>
<p><em>(</em><strong><em>Update: </em></strong><a href="http://www.adamhemphill.com"><em>Adam</em></a><em> made a good point in the comments below. Though you certainly don&#8217;t need to buy the .net or .info or .biz versions of your domain, you can buy them if you want to block other people from doing so. It&#8217;s definitely not a bad idea, but it&#8217;s up to you.)</em></p>
<p><a href="http://emilyingram.com/wp-content/uploads/2009/05/picture-1.png"><img class="alignright size-full wp-image-405" title="proceedtocheckout" src="http://emilyingram.com/wp-content/uploads/2009/05/picture-1.png" alt="proceedtocheckout" width="205" height="30" /></a>Click the orange &#8220;Proceed to Checkout&#8221; button.</p>
<p>This next screen will likely be another attempt by GoDaddy to get you to buy more domains that you don&#8217;t need. Just click &#8220;No thanks.&#8221;</p>
<p><a href="http://emilyingram.com/wp-content/uploads/2009/05/picture-4.png"><img class="alignright size-full wp-image-407" title="continue" src="http://emilyingram.com/wp-content/uploads/2009/05/picture-4.png" alt="continue" width="166" height="54" /></a>Now you&#8217;ll need to put in your personal information to create an account with GoDaddy. Then click &#8220;Continue.&#8221;</p>
<p>On this next screen, you&#8217;ll want to choose how long you want to register your domain for. (I go on a year-to-year basis, and GoDaddy will call you when you&#8217;re near the end of that year so you know you need to renew.)</p>
<p style="text-align: center;"><a href="http://emilyingram.com/wp-content/uploads/2009/05/picture-6.png"><img class="aligncenter size-full wp-image-408" title="hosting" src="http://emilyingram.com/wp-content/uploads/2009/05/picture-6.png" alt="hosting" width="440" height="173" /></a></p>
<p style="text-align: center;">
<p style="text-align: center;"><span id="more-402"></span></p>
<p>You&#8217;ll also want to check the button that says &#8220;Economy Hosting.&#8221; (It&#8217;s in that first yellow column. One year of hosting will run you about $55.)</p>
<p style="text-align: left;">Now scroll to the bottom of the screen and you&#8217;ll see two lines of text. One of them will say something about customizing your order. The other says &#8220;No, proceed to checkout.&#8221; (Or something to that effect.) Click that one and go to the next screen.</p>
<p>This, I think, will get you to your actually checkout. (GoDaddy may give you more options to buy stuff. Like I said, you probably don&#8217;t need it.)</p>
<p><strong>Your domain plus one year of hosting will run a hair less than $60.</strong></p>
<p>Because I&#8217;m a big fan of coupon codes when shopping online, here&#8217;s a way to save about $11: Enter &#8220;BTPS7&#8243; (without the quote marks) to save 20% on any order of $50 or more.</p>
<p><em>(I don&#8217;t know when that one expires, so as a backup you can try &#8220;Rev6&#8243; (again, no quote marks), which should get you 20% off your hosting plan. That&#8217;s basically the same deal, and that code will likely not expire for a while.)</em></p>
<p>You&#8217;ll have to select how you want to pay. (Again, because I already have an account, you may need to enter extra information that I already have stored in their system.)</p>
<p>Agree to their terms of service by checking the two checkboxes.</p>
<p style="text-align: center;"><a href="http://emilyingram.com/wp-content/uploads/2009/05/picture-7.png"><img class="aligncenter size-full wp-image-409" title="terms" src="http://emilyingram.com/wp-content/uploads/2009/05/picture-7.png" alt="terms" width="440" height="144" /></a></p>
<p>Click &#8220;Checkout Now&#8221; and you should be all done.</p>
<p>Do a little happy dance.<a href="http://emilyingram.com/wp-content/uploads/2009/05/picture-9.png"><img class="size-medium wp-image-410 alignright" title="godaddynavbar" src="http://www.emilyingram.com/wp-content/uploads/2009/05/picture-9-300x280.png" alt="godaddynavbar" width="240" height="224" /></a></p>
<h3>Step 3: Install WordPress</h3>
<p>On the green navigation bar, scroll over Hosting and select the last option on the list, &#8220;GoDaddy Hosting Connection.&#8221;</p>
<p>Because GoDaddy&#8217;s site design is a little screwy sometimes, it may treat you like you&#8217;re not logged in even if you are. Just click the &#8220;Log in to your account to get started&#8221; line, and you&#8217;ll be good to go.</p>
<p><a href="http://emilyingram.com/wp-content/uploads/2009/05/picture-10.png"><img class="aligncenter size-full wp-image-417" title="login" src="http://emilyingram.com/wp-content/uploads/2009/05/picture-10.png" alt="login" width="385" height="37" /></a></p>
<p>This screen should show your newly purchased domain. Click &#8220;Manage Account&#8221; next to it.</p>
<p style="text-align: center;"><a href="http://emilyingram.com/wp-content/uploads/2009/05/picture-12.png"><img class="aligncenter size-full wp-image-411" title="manageaccount" src="http://emilyingram.com/wp-content/uploads/2009/05/picture-12.png" alt="manageaccount" width="399" height="198" /></a></p>
<p>This will bring up a new screen. You want to click on the gray horizontal bar that says &#8220;Content.&#8221; Now you want to click on the last button that says &#8220;GoDaddy Hosting Connection.&#8221;</p>
<p style="text-align: center;"><a href="http://emilyingram.com/wp-content/uploads/2009/05/picture-13.png"><img class="aligncenter size-full wp-image-412" title="hostingconnection" src="http://emilyingram.com/wp-content/uploads/2009/05/picture-13.png" alt="hostingconnection" width="397" height="160" /></a></p>
<p><em>(Yes, GoDaddy makes it difficult to get to this page. I know. I wish they didn&#8217;t.)</em></p>
<p>On this screen, you&#8217;ll see along the left hand side a bunch of options. Click &#8220;Blogs.&#8221; That will present you with a bunch of other options. Click &#8220;WordPress.&#8221;</p>
<p><a href="http://emilyingram.com/wp-content/uploads/2009/05/picture-14.png"><img class="aligncenter size-full wp-image-413" title="horiznavbar" src="http://emilyingram.com/wp-content/uploads/2009/05/picture-14.png" alt="horiznavbar" width="222" height="309" /></a></p>
<p>A new screen will open and you should see a gold &#8220;Install Now&#8221; button. Click it.</p>
<p style="text-align: center;"><a href="http://emilyingram.com/wp-content/uploads/2009/05/picture-15.png"><img class="aligncenter size-full wp-image-414" title="wordpress" src="http://emilyingram.com/wp-content/uploads/2009/05/picture-15.png" alt="wordpress" width="413" height="274" /></a></p>
<p>You might need to select which domain you want to install WordPress on. (That&#8217;s easy as you only bought one.) And you&#8217;ll need to choose a username and password.</p>
<p>That should be all you need to do. (I&#8217;m not 100% sure as I don&#8217;t want to click the button now and risk overwriting any of my installs already on my domains.)</p>
<p>The installation process takes a little while. (Something like up to 24 hours, if I remember right. You can see the status of the installation in the upper right hand part of that page. It&#8217;ll say WordPress and then undernearth it something like &#8220;Installation Pending.&#8221;)</p>
<p>When it is done, you should be able to go to <strong>www.YourDomain.com/wp-admin/</strong> and see a login screen like this:<br />
<a href="http://emilyingram.com/wp-content/uploads/2009/05/picture-18.png"><img class="size-full wp-image-418 alignnone" style="margin: 5px;" title="wpadmin" src="http://emilyingram.com/wp-content/uploads/2009/05/picture-18.png" alt="wpadmin" width="349" height="342" /></a></p>
<p style="text-align: left;">Enter your username and password that you chose earlier, and you should be golden. That means WordPress is installed and you&#8217;ll be ready for next week&#8217;s task.</p>
<p style="text-align: left;"><strong>Did you run into a problem? Did I leave out something by accident? Leave a comment and I&#8217;ll look into it.</strong></p>


<p>No related posts.</p>
<p>Related posts brought to you by <a href='http://mitcho.com/code/yarpp/'>Yet Another Related Posts Plugin</a>.</p>]]></content:encoded>
			<wfw:commentRss>http://emilyingram.com/2009/05/week-1-buy-a-domain-and-install-wordpress/feed/</wfw:commentRss>
		<slash:comments>22</slash:comments>
		</item>
		<item>
		<title>CoPress and the problem of turnover at college news outlets</title>
		<link>http://emilyingram.com/2009/02/copress-and-the-problem-of-turnover-at-college-news-outlets/</link>
		<comments>http://emilyingram.com/2009/02/copress-and-the-problem-of-turnover-at-college-news-outlets/#comments</comments>
		<pubDate>Wed, 11 Feb 2009 06:51:53 +0000</pubDate>
		<dc:creator>Emily</dc:creator>
				<category><![CDATA[CoPress]]></category>
		<category><![CDATA[Training resources]]></category>
		<category><![CDATA[multimedia]]></category>
		<category><![CDATA[online journalism]]></category>
		<category><![CDATA[college publisher]]></category>
		<category><![CDATA[journalism]]></category>
		<category><![CDATA[multimedia journalism]]></category>
		<category><![CDATA[newsroom structure]]></category>
		<category><![CDATA[tips]]></category>
		<category><![CDATA[wordpress]]></category>

		<guid isPermaLink="false">http://www.emilyingram.com/?p=89</guid>
		<description><![CDATA[As I&#8217;ve risen through the ranks at the Daily Nebraskan, I&#8217;ve come to realize one major problem that is inherent in any college news organization: You will have a complete staff turnover roughly every four years. And, in most cases, turnover in top positions occurs at the end of each semester or academic year. What [...]


No related posts.

Related posts brought to you by <a href='http://mitcho.com/code/yarpp/'>Yet Another Related Posts Plugin</a>.]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Femilyingram.com%2F2009%2F02%2Fcopress-and-the-problem-of-turnover-at-college-news-outlets%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Femilyingram.com%2F2009%2F02%2Fcopress-and-the-problem-of-turnover-at-college-news-outlets%2F&amp;style=normal" height="61" width="50" /><br />
			</a>
		</div>
<p>As I&#8217;ve risen through the ranks at the Daily Nebraskan, I&#8217;ve come to realize one major problem that is inherent in any college news organization: You will have a complete staff turnover roughly every four years. And, in most cases, turnover in top positions occurs at the end of each semester or academic year.</p>
<p>What that means is by the time you&#8217;ve settled into your new job and identified problems, you have only a short time to come up with a solution and get it implemented. That is if you can even figure out what that solution should be.</p>
<p>So how do we stop this frustrating cycle?</p>
<p>We share out knowledge and resources. And we do that through groups like CoPress.</p>
<h3>What is CoPress?<a href="http://emilyingram.com/wp-content/uploads/2009/02/copress_300x300.png"><img class="alignright size-full wp-image-186" title="copress_300x300" src="http://emilyingram.com/wp-content/uploads/2009/02/copress_300x300.png" alt="copress_300x300" width="192" height="192" /></a></h3>
<p>If you&#8217;ve never heard of <a href="http://www.copress.org/">CoPress</a>, stop right now and go poke around their site.</p>
<p>The guys behind CoPress are some of the most forward-thinking young journalists I&#8217;ve come across. Like most journalists today, they want to find a way to make news organizations sustainable online.</p>
<p>The difference is they are specifically focused on college news outlets and they&#8217;re working hard to provide resources to those who need them.</p>
<p>And believe me, we need all the help we can get.</p>
<h3>A need for collaboration</h3>
<p>The group&#8217;s recently redesigned site includes a <a href="http://www.copress.org/community/">message board</a> that I hope will grow into a one-stop shop for tips from fellow student editors.</p>
<p>Last week&#8217;s <a href="http://www.copress.org/community/weekly-discussion-topics/opportunities-to-collaboration/">discussion</a> on the forum centered on how student news outlets need to collaborate. I could rework my original post, but I like how I said it the first time. In short, we need:</p>
<div id="post3">
<blockquote><p>&#8230;<strong>A place to crowdsource a solution for a particularly difficult problem</strong></p>
<p style="padding-left: 30px;">For instance: How is your newsroom structured overall? Who works what hours? What is your copyflow like and when does stuff go up on the Web? How do you motivate print-centric reporters to think multimedia?How do you keep content fresh during the day when most of your staff is in class?</p>
<p><strong>A source for tips and tricks that have worked for other young journalists</strong></p>
<p style="padding-left: 30px;">If you have a success story that I can learn from, I want to hear it. On the other hand, if you thought big and failed even bigger, why? I want to learn from that mistake now, not later when I risk making the same one.</p>
<p style="padding-left: 30px;">My Google Reader is full of blog entries that help fit the bill, but it&#8217;d be nice to have one central place to start looking when I&#8217;m on a quest to find tips on making an in-depth Flash project, for instance.</p>
<p><strong>A source of inspiration so we can stay innovative amid all the doom-and-gloom talk</strong></p>
<p style="padding-left: 30px;">Journalists who break the rules and make their own can be the perfect fix for a crummy disposition.</p>
</blockquote>
<p>CoPress can help fill each of those voids. Have your own thoughts? <a href="http://www.copress.org/community/weekly-discussion-topics/opportunities-to-collaboration/">Add them</a> to the thread.</p>
<p>While you&#8217;re at it, open up your Twitter account and start following CoPress and its team members:</p>
<ul>
<li><a href="http://twitter.com/copress">@<a href="http://twitter.com/CoPress" rel="nofollow" target="_blank" title="View CoPress's Twitter Profile">CoPress</a></a></li>
<li><a href="http://twitter.com/danielbachhuber">@<a href="http://twitter.com/danielbachhuber" rel="nofollow" target="_blank" title="View danielbachhuber's Twitter Profile">danielbachhuber</a></a></li>
<li><a href="http://twitter.com/ahemphill">@<a href="http://twitter.com/ahemphill" rel="nofollow" target="_blank" title="View ahemphill's Twitter Profile">ahemphill</a></a></li>
<li><a href="http://twitter.com/greglinch">@<a href="http://twitter.com/greglinch" rel="nofollow" target="_blank" title="View greglinch's Twitter Profile">greglinch</a></a></li>
<li><a href="http://twitter.com/joeybaker">@<a href="http://twitter.com/joeybaker" rel="nofollow" target="_blank" title="View joeybaker's Twitter Profile">joeybaker</a></a></li>
<li><a href="http://twitter.com/mskorpe1">@<a href="http://twitter.com/mskorpe1" rel="nofollow" target="_blank" title="View mskorpe1's Twitter Profile">mskorpe1</a></a></li>
<li><a href="http://twitter.com/cicm">@<a href="http://twitter.com/CICM" rel="nofollow" target="_blank" title="View CICM's Twitter Profile">CICM</a></a></li>
<li><a href="http://twitter.com/albertsun">@<a href="http://twitter.com/albertsun" rel="nofollow" target="_blank" title="View albertsun's Twitter Profile">albertsun</a></a></li>
<li><a href="http://twitter.com/jssilfies">@<a href="http://twitter.com/jssilfies" rel="nofollow" target="_blank" title="View jssilfies's Twitter Profile">jssilfies</a></a></li>
<li><a href="http://twitter.com/kev097">@<a href="http://twitter.com/kev097" rel="nofollow" target="_blank" title="View kev097's Twitter Profile">kev097</a></a></li>
</ul>
<p><a href="http://twitter.com/danielbachhuber"> </a></div>


<p>No related posts.</p>
<p>Related posts brought to you by <a href='http://mitcho.com/code/yarpp/'>Yet Another Related Posts Plugin</a>.</p>]]></content:encoded>
			<wfw:commentRss>http://emilyingram.com/2009/02/copress-and-the-problem-of-turnover-at-college-news-outlets/feed/</wfw:commentRss>
		<slash:comments>7</slash:comments>
		</item>
		<item>
		<title>Notice the changes to EmilyIngram.com?</title>
		<link>http://emilyingram.com/2009/02/notice-the-changes-to-emilyingramcom/</link>
		<comments>http://emilyingram.com/2009/02/notice-the-changes-to-emilyingramcom/#comments</comments>
		<pubDate>Wed, 11 Feb 2009 05:45:12 +0000</pubDate>
		<dc:creator>Emily</dc:creator>
				<category><![CDATA[multimedia]]></category>
		<category><![CDATA[online journalism]]></category>
		<category><![CDATA[journalism]]></category>
		<category><![CDATA[PHP]]></category>
		<category><![CDATA[programming]]></category>
		<category><![CDATA[tips]]></category>
		<category><![CDATA[wordpress]]></category>

		<guid isPermaLink="false">http://www.emilyingram.com/?p=160</guid>
		<description><![CDATA[I&#8217;ve been working to keep my site&#8217;s content fresh and to make the design more reader-friendly. So in case you wondered what&#8217;s changed in the past week, here&#8217;s a rundown: Updated my portfolio page to include some audio and mapping projects I&#8217;ve worked on this past month Changed theme to Typebased by Woo Themes Fixed [...]


No related posts.

Related posts brought to you by <a href='http://mitcho.com/code/yarpp/'>Yet Another Related Posts Plugin</a>.]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Femilyingram.com%2F2009%2F02%2Fnotice-the-changes-to-emilyingramcom%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Femilyingram.com%2F2009%2F02%2Fnotice-the-changes-to-emilyingramcom%2F&amp;style=normal" height="61" width="50" /><br />
			</a>
		</div>
<p>I&#8217;ve been working to keep my site&#8217;s content fresh and to make the design more reader-friendly. So in case you wondered what&#8217;s changed in the past week, here&#8217;s a rundown:</p>
<ul>
<li>Updated my <a href="http://www.emilyingram.com/portfolio/">portfolio page</a> to include some audio and mapping projects I&#8217;ve worked on this past month</li>
<li>Changed theme to <a href="http://www.woothemes.com/2008/11/typebased/">Typebased</a> by Woo Themes</li>
<li>Fixed the error in the PHP code for the new theme.
<ul>
<li>I&#8217;m about 60 pages into a <a href="http://www.amazon.com/PHP-MySQL-Programming-Absolute-Beginner/dp/1592004946">PHP how-to book</a>, and I&#8217;m glad I&#8217;ve already got some use out of it. If you have no programming background but have looked at your WordPress source code some, I&#8217;d be willing to be you could understand this book. I&#8217;d recommend it for those looking to learn.</li>
</ul>
</li>
<li>Upgraded back-end system to WordPress 2.7 without any problems</li>
</ul>
<p>That&#8217;s it. As far as work goes, we&#8217;re still pushing our Web-first mindset, and I&#8217;ll keep blogging about the obstacles and successes along the way.</p>
<p>If your student news organization is in the same boat, stay tuned for more tips on what has &#8211; and hasn&#8217;t &#8211; worked for us.</p>


<p>No related posts.</p>
<p>Related posts brought to you by <a href='http://mitcho.com/code/yarpp/'>Yet Another Related Posts Plugin</a>.</p>]]></content:encoded>
			<wfw:commentRss>http://emilyingram.com/2009/02/notice-the-changes-to-emilyingramcom/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>
