Introduction

I’m assuming you have installed your wordpress blog on your server. This post will guide you through some general settings and installations that will get your blog up and running and ready to be spread across the web. Obviously you are here so you can see how some things work but also take a look at my most successful installation, GfK TechTalk

First, choose, install and customize theme.

Add blog Information

Under settings > General fill in your title and tagline, the title will be the name of your website and the tagline what its about, be sure to use some keywords that you want to reach the search engines. Go through all the settings beyond general and make sure the posts, comments etc will behave in a way that suits your blogs intentions.

 

Widgets

Widgets can be found under the appearance heading on the left hand side of the control panel. They control the content that appears mainly the right hand column of the site but also header footer.

Favicon

If you don’t have any image editing software you can easily create a favicon by uploading it to a number of site such as Favicon.co.uk you can then simply download it and upload it to you sites top level folder (htdocs) for it to appear in a browsers address bar.

CSS

The Cascading Style Sheet is fully customisable and is accessible by clicking appearance > Editor > StyleSheet under Styling

Install Plugins

I’m going to give you a short overview of useful plugins I have tried and tested. It’s not everything I use and everyone’s blog will have different needs but this should give you a good start and save some time.

- Social Media and Viral Marketing

Digg Digg

Digg Digg provides convenient buttons by your post for your readers to market your articles on your behalf, essential for the viral marketing aspect of your blog, you may have seen these buttons on site like Mashable.

Twitter Tools AddToAny: Share/Bookmark/Email Button

Once you have established your social media platforms that work for your particular target audience then use Digg Digg for these platforms. It is important to remember that everyone has there own browsing habits and favourite bookmarking tools so make sure your blog facilitates them. AddToAny pretty much adds every other bookmarking link to your post.

SexyBookmarks

A very stylish plugin adding additional bookmarking to your post, I have started using this as an alternative to AddToAny.

Social Media Widget

While many seem to think that linking to your social media accounts means you are intergrating Social Media, as you may have picked up from the above plugins it is only a small part. However, this plugin simplifies the adding of icons to the navigational column and gets you to think about a few extra platforms at the same time.

FeedBurner FeedSmith (manual install)

The Feedburner plugin cannot be found on an add new plugin search, you need to download the plugin file from Google and upload the zip file to your server extract the file and refresh the plugin page in WordPress and activate the plugin. Next, got to your google feedburner account and in My Feeds fill in the address of the blog feed in the Burn a feed right this instant box. Navigate to settings and then feedburner and add your new Feedburner feed address.

- Analytics and Tracking

Google XML Sitemaps

Sign into webmaster tools, add new site, upload the html file although there other options for verification, verify the site,

Edit the settings and build the sitemap

  • Your sitemap was last built on August 17, 2010 8:51 am.
  • Your sitemap (zipped) was last built on August 17, 2010 8:51 am.
  • Google was successfully notified about changes.
  • Bing was successfully notified about changes.
  • Ask.com was successfully notified about changes.
  • The building process took about 0.53 seconds to complete and used 27.25 MB of memory.
  • If you changed something on your server or blog, you should rebuild the sitemap manually.
  • If you encounter any problems with the build process you can use the debug function to get more information.

WordPress.com Stats

In order to use the WordPress.com stats plugin you will need a wordpress API key, after you have installed the plugin you will be shown a red error message until you have resolved this, click on the error message and you arrive at a page showing the following “The WordPress.com Stats Plugin is not working because it needs to be linked to a WordPress.com account” click on the link to get an API key and sign up at the wordpress.com site, you only need to sign up for a username, a full blog is not necessary. Once you have gone through the motions got to my account and you will find the API. Copy the API and return your self hosted blog site, enter the key and you will be shown the wordpress account that the api is associated with, now just click and add your blog to the wordpress.com and you’re ready to go.

WP-UserOnline

WP-UserOnline is a handy little plugin that quickly allows you to assess our current users online and monitor marketing efforts in real time.

Ultimate Google Analytics

Go to your Google Analytics and add new website, enter the site address and you will be given some code to paste into your pages, fortunatley the settings for Ultimate GA allow you to just paste the UI code and you are up and running. Give it some time before you start to see your results in Google.

Instruction of accounts to set up

You’re going to need some accounts if you want some traffic and want to take advantage of free tools!

WordPress Account

For some of the stats programs and spam plugins you will need a API Key from your WordPress Account. You can set this up at the WordPress site, see above.

 

Facebook page

Rather than bug your mates posting links to your personal profile and to make sure you have the facebook followers that are actually interested in what you have to say, set up a Facebook page for your blog and put your links in there.

Twitter and Twitter developer account

Your Twitter account is going to be important in pushing out your posts once you have established your following. Use plugins such as Twitter Tools to automate the process.

Google, Analytics, Feedburner, Webmaster Tools

You’re going to need a Google account and a few of their products.

Gravatar

Gravatar is a sister site to wordpress and is a handy way to add an avatar to your email address . Sign up for a Gravatar account, upload your photo, then on any participating site you use that use that email address your avatar will be displayed.

bit.ly

Contact me if you would like more detailed advice, more plugins and information on how this fits into a marketing strategy.

Screen_Resolution_DimensionsResolution seems to be a subject that baffles a lot of people with different platforms (TVs, monitors, mobiles) different mediums (video, print, web) and also different pixels per inch which effects the overall size and quality of your image.

Let’s start with pixels per inch and keep it basic. Pixels per inch is the amount of small dots of color per square inch. As a rule 300 pixels per inch is the bare minimum for print while 72 pixels per inch is suffice for web based output, admittedly as PC monitors resolution has increased over the past few years I often find myself producing an image with a 150 px per inch in order to produce the better results. It all depends on your intended output. For video output I did a few tests in order to confidently advise you for best results. I created two identical images in Photoshop with the same physical dimensions, I used the Film and Video presets found after hitting new. I produced one at 72px and the other at 300px and saved them out as a png, I then brought the two images into Adobe Premiere Pro in separate time lines, I exported them using the same full quality DV setting and then oped them up side by side and played them. I asked my colleagues which they thought was produced with the higher res images and they consistently couldn’t identify it. In this case it seems that the resolution of the input file does not noticeably effect output.

See (URL Coming Soon)… for more information on export settings using Adobe Media Encoder and other such programs.

Print Resolution
With print resolution as mentioned earlier, 300 px is the minimum px per inch for a decent quality. When setting up your workspace you should be concerned with the physical size of the output, for example A4 is 210 mm x 297 mm with 300 px. Photoshop has presets for most print outputs so have a look and familiarise yourself with these.

Web Resolution
When I began studying my Design for Digital Media Minor, the standard size to construct a website was around the 800 px wide. The resolution of computer now vary and this size meaning that the websites began to look very small in the browser. By analysing google analytics user traffic it soon became obvious to design you site to a greater width. Today popular website width sizes are above 1000 px wide although many more dynamic CSS driven layouts will be sized based on a percentage of the browser window for consistency. As mentioned before you graphics should have a pixel resolution of 72 px per inch and above.

Screen Dimensions
640 x 480
800 x 600
1024 x 768
1280 x 800
1280 x 960
1600 x 1000
1680 x 1050
1920 x 1080

Video Resolution and Dimensions
There are two aspects to take into account here. The production of graphics for your video projects and the resolution you wish to output your video for the intended viewing platform. The production of graphics I touched upon earlier so let’s get to know video dimensions. The landscape has changed recently with the emergence of multiple mobile platforms alongside the popularity of High Definition on the consumer market.

Television Dimensions
There are 3 main television dimensions you should be aware of, there are variations but combinations i.e. widescreen (also see …) but use these as a starting point.
DV Pal, 720 x 576
Consumer HD, 1280 x 720
Pro HD, 1920 x 1080

Blu Ray and HDTV Dimensions
720 x 576
1280 x 720
1440 x 1080
1920 x 1080

Other Device Dimensions
There are many other devices now on the market that are all geared up to display video so often we might want to output at a format suitable for these.
Mobile Phones (3GPP)
128 x 96
176 x 144
320 x 240
640 x 480

iPhone
450 x 360
600 x 480

iPod
640 x 480 Large
320 x 240 Small

Sony PSP
320 x 240
368 x 208 High Quality

Other mobile frame dimensions, 176 x 208, 176 x 220, 208 x 320, 240 x 320 and 352 x 416.

Web Video Dimensions
Youtube
SD 640 x 480
Widescreen HD 1280 x 720
Widescreen SD 640 x 360

Myspace Video
320 x 240

Yahoo Video
320 x 240

(Dimensions may vary slightly)

Aspect Ratio
At this stage I just want to distinguish between what i mean by dimensions and how it differs to aspect ratio. All the dimensions I have touched upon up until now have referred to a 4:3 aspect ratio, this means for every 4 vertical pixels there are 3 vertical pixels. Most will have come across widescreen by now in their digital lifes and this has an aspect ratio of 16:9.