Make your own band website part 3

Part 59

  Winter is really staring to push its way in to Dublin. Friday night was great :-) Thanks to every one who came in and big thanks to Taran for a kick ass sound!. Now well be back in the Rocktober semi-finals in the Fibbers on the 19th of November, but before that we’ll be in Sweeney’s on the 19th of October. I really enjoy when we meat new similar minded bands during these band nights. Check out Pimps and Gimps http://www.facebook.com/pages/Pimps-and-Gimps-Fanpage/134404993273734 Great punk band that we'll most certainly will be organizing a show with sooner or later :-)
Also last weeks blog got exceptionally good response, so inspired by this we are scheduling new interviews as I write. I'd really like to get as much inside on the music business here as possible, so watch this space.

  And now back to our band website project. How are you getting on? This week I'll show you how to add more pages. So let’s log in to our site again, if you still don't know how to do this, I'd recommend you’re read through the parts one and two of this build. Once you are logged in, in the side bar on your dashboard you'll have a Pages button, just click on it. Now on the next page there is Add new button almost on the top of the page, beside the title. Click on this. Now the next page is really as simple as it seems. Let’s say we want to do a Biography page, your band do have biography? If you don't, then you are skipping over things here. I'll assume here that you do have one. But if you don't, let me know, as if there are many bands without biographies, maybe the subject would be a worth a blog. Anyway you can copy and paste your Biography, or type it in the text box on the page. And above the text box and below the Add new page title you have the title box, where you can type the title of the page. This is how it will show up on your web pages navigation bar as well, so for example “Biography”, “Bio” or maybe just “Band”. You can also add a picture on the page if you want. For example if you have text already on the page and you want to add a picture of the band above it, place your cursor here and then above the text box you have upload/insert followed by four small icons. The first one of the icons is for adding an image, second for video, third for audio and last for other media. Click on the add image icon and an upload window opens up. Click on the select a file and choose a file from your computer, up to 2MB. Once you have done this, the WordPress uploads the photo and once it is uploaded you will get a window where you can add info on the photo. I would recommend you to change the title of the photo to something short and relevant. Also add an alternative text. This means if some one has a computer that would not be able to open the picture; there will be an alternative text instead. You can also ad an caption on the photo, this will appear under it. Below this you have the description part. It would be good manners to add here the photographers details, after all they are artists as well and need any promotion they can get. Below this you have alignment and size options. Once you have selected them, you can press the Insert into post button and you should have a picture on your page. So that's the Basics. Now that you have image and text on your page, you can press the blue publish button on the right side of the screen and your page is live. There are few self explanatory text editing options on the page, similar to the once you'd have on your Email or word processor. With these you can ling the text, Make bullet points, Bold Italic, check spelling or insert a link. Once your page is up, you can repeat the process and make more pages. For example, if you want to make separate page for individual band members, booking and contact information...

  The two pages I'd like to take a quick look at are the live concert list and gallery page. For the concert list you can either write all your gig dates on a page with times, locations etc. Or you can use an external widget. For example ReverbNation has nice ready made widgets. I personally like to use artistdata.com. I have it linked to many of my social media sites, so I can just post the dates in one place and this posts them for me in to many of my social media sites. Both websites provide a html code that you can copy, and then just return to your add new page. On the top right corner of your text box you have option for visual or HTML, click the HTML. Now you can paste the gig list code here: after this click on save draft on right hand side of the page. Then you can click back to the visual and add additional text if required. As to the gallery you can start a new page, title it as “Gallery, “Photos”, “Images” etc. Upload images to your gallery as on the biography page. You can do this one by one or several at a time. To do several at same time, just select more images by holding down Ctrl and select with your mouse (this is for PCs, not an expert on macs...). Once the photos are uploaded, at the top of the upload window you have gallery tab, and at the bottom of this page you have insert gallery button. This places the Gallery on your page.

  So that is the basics of our band website. Now if you want me to cover more detailed info on the WordPress subject, let me know. I do know not all of my readers are musicians so I don't want this project to take over the blog. But we’ll add more to it as questions arise.

  Now just a quick note on bit of a reflection of the past blogs, as you know we had Darragh from Invivctus, and four weeks before we had Michael from Trackmix studios. The beauties of these interviews are that JPKALLIO.COM has gained lot of valuable information from these interviews, as I hope you have as well. And it just goes to show. If you ask for information the right way, people are willing to give it to you. We learned that it would be possible for us to find an underground label that specializes to our kind of music, so now we have endless hours to be spent researching labels on internet. We also have much clearer view of the budgets required, the pros and cons making the CD by our selves, or with record label. But at the same time, we have only scraped the surface, and we'll be looking in to much more information before we make any decisions. But we have been working on new songs, and they are sounding better every day. So the next step will be starting to make some demos. These are exiting times :-)

That’s all for this week, we'll be back for more next week.

J.P.

Make your own band website part 2

  As some of you know, we had to hold back a little bit in the past few months due to some health issues. But now it looks like it’s going to be a full steam a head :-) We are trying to put a bit of a dent in to our 100 concert challenge before the years end, so few more gigs booked. JPKALLIO.COM will be taking part in the Battle of the bands organized by the Fibber Magees on 7th of October, again another Friday night gig for those of you working 9 to 5. And then we'll be doing the Juke box slot in the Sweeney's basement on 19th of October, I’m still working on some extra dates before the end of the year.

   But now let's bet back to our Build your own band website project. This will be the second part, and if you missed the first part, check out Make your own band website part 1. This week we'll get to the actual design part of your site. Another advantage of the Wordpress site is that you can use almost endless amount of templates available online. You might say here, why would I want to use a ready made template, it will only make our site look like so many other sites. But the thing is that you can customise most templates to certain level, and some you almost have complete freedom. I would look for a simple and functional template. These tend to be easier to customize. So now after last weeks set up you will be able to log on to your dashboard www.yourdomainname.com/yourwordpressfolder/wp-admin/ This is where you can do pretty much all the set up work and manage your website. This is something you do not have with normal websites. With them you need web design software and html knowledge. So let’s get started with something simple.

  On the left hand side you have a navigation bar, and there you can find at the very bottom Settings. This is the basic info of your website. For now all you need to worry about are the first two, Title and Tagline. The title should be your bands / websites name. On the tag line put a short description of the site. At the bottom of the page you have Change Settings button, click on it to save the changes. Next click on Appearance in the Navigation bar and a subfolder opens underneath it, select Themes. Wordpress comes with theme called Twenty ten. This is basic but very useful theme. So we are going to work with this. It allows you to do some customizing on it with in the basic tools. And with a little bit of CSS code you can make very nice and individual web page with it. On the Themes page you have two sub pages, the Manage themes and Install themes. On the Install themes you can search online for different themes and install them to your page (Just google wordpress themes and you will find thousands!), and on the Manage themes page you can actually activate the desired theme from the ones you have installed. So under every theme you will have three options: Activate Preview and Delete. Let's just click on the Activate. Now you have the very basics set up, and we will do small bit of customizing. Click on theme options on the Navigation bar. Here you can choose Light or Dark colour scheme, choose the link colour, and the basic layout of your page. The layout options basically puts the main body of your site on one side and small column on the other side, or you can just have the main body. I find the small columns handy as you can put your Soundcloud player, twitter feed or other more permanent stuff here. We'll go through this in a bit. Once you have selected the settings that best suit your site, press Save Changes button at the bottom of the page.

  Click on the Header on the navigation bar here you can select a custom image for your header. This could be a photo of the band or a logo. There is also option to put some text on here, like your band name for example, but I find I have more control if I actually put the text in the header image. To do this you need some sort of image editing software. There is shareware software called Gimp 2 that I use all the time. For a shareware it is very powerful and even just compressing or re-sizing photos for Facebook, Emails etc. it is priceless tool. It will also let you re-size your header image to the required 1000x288 pixels. If you don't know how to do this, don't worry, Wordpress will chop it for you. But if you want the photo to be exactly to your dimensions, then head over to Gimp for some simple photo editing. Again once you have selected the photo you want to use by clicking choose file, select the image from your computer and then click upload, go to bottom of the page and Save Changes. There are other options on this page that are pretty self explanatory, but I think choosing the photo and if your band name/ web site name is on your picture just choose No in Display text.

  So now what you have is a very basic page with a header. Let's put some interactive stuff on your site :-) How about some music? Surely you want to put some music to your band website. We will use an external player. I have used several over the years, Reverbnation makes very nice looking players that have quite lot of customizing options, but Soundcloud is becoming the industry standard and the sound quality is very good. So if you don't have a Soundcloud account head over to www.soundcloud.com and register account, the basic pack is free and you do get up to 2hours of storage page at any quality. I personally like the fact that you can upload WAVs and even let other people download them in full quality. Once you have registered with Soundcloud uploaded some music, you can grab the Embed code from the sound cloud and copy it. Then click on the widgets on the Navigation bar on your Wordpress dashboard. Here lot of stuff pops up, but don't panic. What you have here is Available widgets, Inactive widgets and a Main sidebar on right hand side. In the Inactive widgets you have box called Text. Click and drag this to your Main sidebar. Once it appears here, just click on the downward arrow in the text box to open it. What you have then is a text box. Click on the text area and paste your embed code and save.

  Now I think it is time to have looked at the work you have done so far :-) At the top of the dashboard page you have small circular WordPress logo and beside it the name of your WordPress page (band/site name). I find it very useful to have two tabs open at the same time, one for the dashboard and one for your site. So right click on the name and choose open in new tab. Now click on the tab and you should see your basic site :-). There is a basic WordPress message on the main body of your site; we'll change this in minute. But check that the Header looks ok, and your Soundcloud player is in place. If it spills over from the side bar, which it should not do, but different browsers can be funny. So if this is the case, go back to Appearance and widgets. Here again click on the downward arrow in the Text box in the Main side bar. What you see is the HTML code for your Soundcloud player, and the first line looks like this: < object height="81" width="100 %" >. What we want to do here is change the 100% to a set width like 250 so you would have: < object height="81" width="250" >. Now the 100% repeats in the code again in the Embed tag, so towards the end of the code you will have width=”100%” again change the 100% to 250. And again save (what you have done here is go from % to fixed pixel size, this allows you bit more control). Now go back to the tab with your WordPress website and reload, any changes you make only appear on the site after you reload the page. Now the player should be the right size. Also on another note, you can use these text boxes for YouTube embed code as well, or for your twitter feed, pretty much any site that has embed widgets can be placed here.

   I think this is quite lot for this week, but I will just add one more thing. At the moment your website works like a blog. The Header and your side bar stays the same and you can use the main body area as news feed, or posting other stuff, so how you edit this is go to the Posts on the navigation bar. You'll have the WordPress message still here. Under the message you have options of edit, Quick edit, Trash and View. Just click on the Trash and the old message is gone. Now on top of the page there is Add new button, click this and add new post page opens up. You can edit the post in visual (Just write and add photos, links, videos, what ever you want by clicking a button) or in HTML (For the more detailed editing with HTML code). The visual is fine and you can just type some sort of welcome message for your website :-). On the right side you have blue publish button, once you press this your post is live on your website. You can make more posts, and the older ones will move down the page. Or you can trash them the same way we did trash the old WordPress message.

   That’s all for this week. Next week we are going to take a break from the web build, as we have another interesting industry interview coming up :-) But in two weeks time I'll show you how to build more pages for your website :-) Again if you have any trouble with any of the above, don't hesitate to contact me at jpkallio@hotmail.com and I'll do my best to help you out.

   Have a good week and we'll be back for more next week :-)
     J.P.