build your own portfolio website

16
Build Your Own Portfolio Website Inner Ear’s Step-by-step Guide to Building a Website in Wordpress

Upload: inner-ear-ltd

Post on 23-Mar-2016

215 views

Category:

Documents


1 download

DESCRIPTION

Step by Step guide on how to build a Wordpress.com site for musicians

TRANSCRIPT

Page 1: Build Your Own Portfolio Website

Build Your Own Portfolio Website

Inner Ear’s Step-by-step Guide to Building a Website in Wordpress

Page 2: Build Your Own Portfolio Website

Introduction

1. Who are we?1.

1. Have you heard of Wordpress?2. Who’s got a blog?3. Who’s on Facebook?4. Who’s on Twitter?5. Who’s on MySpace?6. Who’s heard of Audioboo? SoundCloud? Mixcloud?

Tunited? BandCamp?

Page 3: Build Your Own Portfolio Website

Blogging

What is blogging?

Wikipedia entry: http://en.wikipedia.org/wiki/BlogDictionary.com definition: http://dictionary.reference.com/browse/blog

Blog:

Stand alone websiteSection of a websitePlace to host multimedia files

Page 4: Build Your Own Portfolio Website

Setting Up Your Own Portfolio Website

Using Worpress.comSome examples...Recommended reading "why a website is like a restaurant"

http://innerear.posterous.com/why-a-website-is-like-a-restaurant

Step 1: Sign up at www.wordpress.com

Tip: Consider the name you choose carefullyStep 2: Go to the Dashboard of your new blogStep 3: Open the blog in a new tab to see what it looks like, note the example post and commentStep 4: Go back to the Dashboard

Page 5: Build Your Own Portfolio Website

Introduction to Posts

Step 5: Edit the "Hello World" postStep 6: Now to write your first blog postTip: Keep your blog post title under 10 words. Step 7: Edit the URL

Step 8: Change the blog post contentTip: Use a plain text editor

Page 6: Build Your Own Portfolio Website

Categories and Tags

Tags: non-hierarchical, user-defined, openExample of tag use on www.radiomagnetic.com Categories: hiercharchical, pre-defined, closed

Step 9: Create CategoriesThe categories we are going to add are: News, Gigs, Music, Video, Press, Photos and ReviewsTip: use descriptions, or alternative text (good for SEO)

Page 7: Build Your Own Portfolio Website

Pages and Posts

Pages: static, permanant contentPosts: dynamic, ephemeral contentCreate pages: About and Contact

Step 10: Scroll to the Pages section of the Dashboard and click ‘Add New’

Page 8: Build Your Own Portfolio Website

Menus

Menu is the naviagation bar along the top of the websiteBuild menu using pages, categories and links

Step 11: Create your menuUse the menu builderAdd pages and categoriesStep 12: Create a link to your Home Page within the Menu

Page 9: Build Your Own Portfolio Website

Adding Media to Posts

Page 10: Build Your Own Portfolio Website

Adding Media to Posts

Step 13: Start by adding a new post, entering a title and some contentStep 14: Add an imageUse upload/insert buttonTip: Use Alternate TextStep 15: Embed a SoundCloud playerStep 16: Add an Audioboo playerStep 17: Integrate video

Page 11: Build Your Own Portfolio Website

Schedule Publication

In Wordpress (and many blogging platforms) you can post-date content so that it is published at a specified time in the futureTime saving, efficient way of adding content

Step 18: schedule a post for future publication

Page 12: Build Your Own Portfolio Website

Appearance

Step 19: Customise the Header in the default themeTip: choose your own image, or one of the default imagesCrop the image if you want toStep 20: Edit the themeStep 21: Add a text widget to the sidebar

Page 13: Build Your Own Portfolio Website

Links

Step 22: Edit and Define Link Categories Links to external sitesThe "blogroll"Tip: link are good for SEOStep 23: Add some links.Step 24: Add a links widget to the sidebar.

Page 14: Build Your Own Portfolio Website

Social Media Sharing

Step 23: Allow visitors to your website to share your content.Step 24: Automate posting to your Facebook and Twitter.Step 25: Add a Twitter Feed.Make use of RSS feeds.Add an RSS widget to your sidebar.

Page 15: Build Your Own Portfolio Website

SettingsStep 26: Explore your website’s settings.General settings.

Date, time, title, tagline, etc.Writing settings.

How posts are controlled.Reading settings.

How posts are displayed.Media settings.

Images, audio and video.Domain settings.

If you buy your own domain, point it to your blog here.Privacy settings.

Make your blog private.Discussion settings.

Control comments.

Page 16: Build Your Own Portfolio Website

Further Reference

Online help support for Wordpress.com:http://en.support.wordpress.comInner Ear’s Delicious Bookmarks:http://www.delicious.com/innerear (see ie-digital-media-workshop tag)Inner Ear’s Website:http://www.innerear.co.uk

Contact us for more info and to find out how Inner Ear can deliver workshops, training, content creation and communications for you.Email addresses:[email protected]@innerear.co.uk