Build Your Own Portfolio Website


Published on

This simple presentation accompanies creative content communications company Inner Ear Ltd.'s practical workshop on how to build your own portfolio website in

Published in: Technology
  • Be the first to comment

  • Be the first to like this

No Downloads
Total views
On SlideShare
From Embeds
Number of Embeds
Embeds 0
No embeds

No notes for slide

Build Your Own Portfolio Website

  1. 1. Build Your Own Portfolio Website Inner Ear’s Step-by-step Guide to  Building a Website in Wordpress
  2. 2. Introduction <ul><ul><li>Who are we? </li></ul></ul><ul><li>  </li></ul><ul><ul><li>Have you heard of Wordpress? </li></ul></ul><ul><ul><li>Who’s got a blog? </li></ul></ul><ul><ul><li>Who’s on Facebook? </li></ul></ul><ul><ul><li>Who’s on Twitter? </li></ul></ul><ul><ul><li>Who’s on MySpace? </li></ul></ul><ul><ul><li>Who’s heard of Audioboo? SoundCloud? Mixcloud? Tunited? BandCamp? </li></ul></ul>
  3. 3. Blogging <ul><li>What is blogging? </li></ul><ul><li>  </li></ul><ul><ul><li>Wikipedia entry: </li></ul></ul><ul><ul><li> definition: </li></ul></ul><ul><li>  </li></ul><ul><ul><li>Blog: </li></ul></ul><ul><ul><ul><li>Stand alone website </li></ul></ul></ul><ul><ul><ul><li>Section of a website </li></ul></ul></ul><ul><ul><ul><li>Place to host multimedia files </li></ul></ul></ul>
  4. 4. Setting Up Your Own Portfolio Website <ul><ul><li>Using </li></ul></ul><ul><ul><li>Some examples... </li></ul></ul><ul><ul><li>Recommended reading &quot;why a website is like a restaurant&quot; </li></ul></ul><ul><ul><ul><li> </li></ul></ul></ul><ul><li>  </li></ul><ul><ul><li>Step 1: Sign up at </li></ul></ul><ul><ul><li>Tip: Consider the name you choose carefully </li></ul></ul><ul><ul><li>Step 2 :  Go to the Dashboard of your new blog </li></ul></ul><ul><ul><li>Step 3: Open the blog in a new tab to see what it looks like, note the example post and comment </li></ul></ul><ul><ul><li>Step 4: Go back to the Dashboard </li></ul></ul>
  5. 5. Introduction to Posts <ul><ul><li>Step 5: Edit the &quot;Hello World&quot; post </li></ul></ul><ul><ul><li>Step 6: Now to write your first blog post </li></ul></ul><ul><ul><li>Tip: Keep your blog post title under 10 words. </li></ul></ul><ul><ul><li>Step 7: Edit the URL </li></ul></ul><ul><ul><li>Step 8: Change the blog post content </li></ul></ul><ul><ul><li>Tip: Use a plain text editor </li></ul></ul>
  6. 6. Categories and Tags <ul><ul><li>Tags: non-hierarchical, user-defined, open </li></ul></ul><ul><ul><li>Example of tag use on </li></ul></ul><ul><ul><li>Categories: hiercharchical, pre-defined, closed </li></ul></ul><ul><li>  </li></ul><ul><ul><li>Step 9: Create Categories </li></ul></ul><ul><ul><li>The categories we are going to add are: News, Gigs, Music, Video, Press, Photos and Reviews </li></ul></ul><ul><ul><li>Tip: use descriptions, or alternative text (good for SEO) </li></ul></ul>
  7. 7. Pages and Posts <ul><ul><li>Pages: static, permanant content </li></ul></ul><ul><ul><li>Posts: dynamic, ephemeral content </li></ul></ul><ul><ul><li>Create pages: About and Contact </li></ul></ul><ul><li>  </li></ul><ul><ul><li>Step 10: Scroll to the Pages section of the Dashboard and click ‘Add New’ </li></ul></ul>
  8. 8. Menus <ul><ul><li>Menu is the naviagation bar along the top of the website </li></ul></ul><ul><ul><li>Build menu using pages, categories and links </li></ul></ul><ul><li>  </li></ul><ul><ul><li>Step 11: Create your menu </li></ul></ul><ul><ul><li>Use the menu builder </li></ul></ul><ul><ul><li>Add pages and categories </li></ul></ul><ul><ul><li>Step 12: Create a link to your Home Page within the Menu </li></ul></ul>
  9. 9. Adding Media to Posts  
  10. 10. Adding Media to Posts <ul><ul><li>Step 13: Start by adding a new post, entering a title and some content </li></ul></ul><ul><ul><li>Step 14: Add an image </li></ul></ul><ul><ul><li>Use upload/insert button </li></ul></ul><ul><ul><li>Tip: Use Alternate Text </li></ul></ul><ul><ul><li>Step 15: Embed a SoundCloud player </li></ul></ul><ul><ul><li>Step 16: Add an Audioboo player </li></ul></ul><ul><ul><li>Step 17: Integrate video </li></ul></ul>
  11. 11. Schedule Publication <ul><ul><li>In Wordpress (and many blogging platforms) you can post-date content so that it is published at a specified time in the future </li></ul></ul><ul><ul><li>Time saving, efficient way of adding content </li></ul></ul><ul><li>  </li></ul><ul><ul><li>Step 18: schedule a post for future publication </li></ul></ul>
  12. 12. Appearance <ul><ul><li>Step 19: Customise the Header in the default theme </li></ul></ul><ul><ul><li>Tip: choose your own image, or one of the default images </li></ul></ul><ul><ul><li>Crop the image if you want to </li></ul></ul><ul><ul><li>Step 20: Edit the theme </li></ul></ul><ul><ul><li>Step 21: Add a text widget to the sidebar </li></ul></ul>
  13. 13. Links <ul><ul><li>Step 22: Edit and Define Link Categories </li></ul></ul><ul><ul><li>Links to external sites </li></ul></ul><ul><ul><li>The &quot;blogroll&quot; </li></ul></ul><ul><ul><li>Tip: link are good for SEO </li></ul></ul><ul><ul><li>Step 23: Add some links. </li></ul></ul><ul><ul><li>Step 24: Add a links widget to the sidebar. </li></ul></ul>
  14. 14. Social Media Sharing <ul><ul><li>Step 23: Allow visitors to your website to share your content. </li></ul></ul><ul><ul><li>Step 24: Automate posting to your Facebook and Twitter. </li></ul></ul><ul><ul><li>Step 25: Add a Twitter Feed. </li></ul></ul><ul><ul><li>Make use of RSS feeds. </li></ul></ul><ul><ul><li>Add an RSS widget to your sidebar. </li></ul></ul>
  15. 15. Settings <ul><ul><li>Step 26: Explore your website’s settings. </li></ul></ul><ul><ul><li>General settings. </li></ul></ul><ul><ul><ul><li>Date, time, title, tagline, etc. </li></ul></ul></ul><ul><ul><li>Writing settings. </li></ul></ul><ul><ul><ul><li>How posts are controlled. </li></ul></ul></ul><ul><ul><li>Reading settings. </li></ul></ul><ul><ul><ul><li>How posts are displayed. </li></ul></ul></ul><ul><ul><li>Media settings. </li></ul></ul><ul><ul><ul><li>Images, audio and video. </li></ul></ul></ul><ul><ul><li>Domain settings. </li></ul></ul><ul><ul><ul><li>If you buy your own domain, point it to your blog here. </li></ul></ul></ul><ul><ul><li>Privacy settings. </li></ul></ul><ul><ul><ul><li>Make your blog private. </li></ul></ul></ul><ul><ul><li>Discussion settings. </li></ul></ul><ul><ul><ul><li>Control comments. </li></ul></ul></ul>
  16. 16. Further Reference <ul><ul><li>Online help support for </li></ul></ul><ul><ul><li>Inner Ear’s Delicious Bookmarks: (see ie-digital-media-workshop tag) </li></ul></ul><ul><ul><li>Inner Ear’s Website: </li></ul></ul><ul><li>  </li></ul><ul><ul><li>Contact us for more info and to find out how Inner Ear can deliver workshops, training, content creation and communications for you. </li></ul></ul><ul><ul><li>Email addresses: [email_address] [email_address] </li></ul></ul>