Wordpress - Post thumbnails and add_image_size

Want more control over post thumbnails in your Wordpress posts and pages?  Simple! Use the default theme 'TwentyTen' for this example..

In your page.php/single.php as an example, whilst in the loop, pop in the_post_thumbnail() - This will display the thumbnail specified when you add a Featured Image when creating your new post.  By default, this will output a 'thumbnail' size image as specified in your media settings, in the Wordpress admin.  But what if you want to change the size of this in your code..?  Read on..

Change the thumbnail size

To change the thumbnail size, open up functions.php, and at the bottom.. you need to enter the following code...

add_image_size(thumbname, width, height, crop)

The above code, change the attributes to what is needed.  So for example, if I needed a thumbnail in my posts, with a width of 200 x 100, which is hard cropped, I would use:

add_image_size('mynewsize', 200, 100, true) <-- for crop, use true or false.. true will hard crop...

Notice we have specified 'mynewsize' as the new thumbnail size... now, all we have to do is pop in, or amend the code in single.php/page.php to this:

FDA Web Design In Wakefield - Wakefield College

For anyone aspiring to take a career in digital media, an FDA Web Design course at Wakefield College is the way to go.  This will give you a good foundation, and prepare you for the world of creative digital media. 

"The course combines creative modules in Design Methodology, Image Manipulation and Typography with technical modules in XHTML, CSS and other relevant mark-up/scripting languages."

The course also works closely with industry professionals to ensure you receive a realistic overview of how the web design industry works.

We can help you build your portfolio too, and will gladly give any advice we can to help you along with your course.  Big Pepper have listened to others who have attended this course and have found it to be a great course to help you along with your career.  Big Pepper recommends the FDA Web Design course in Wakefield to anyone looking for a career in web design & development.

Admin Theme for Drupal, A Content Management System

Drupal is the weapon of choice when we create a Content Management System for our clients.  In the past we have custom themed administration themes.

I recently stumbled up on http://drupal.org/project/admin, which provides fantastic improvements to the UI of the administration of a Drupal site.  I would HIGHLY recommend this for your own sites, or for your clients, especially clients, as the standard Administration of a Drupal site can be quite confusing at first, and daunting! 

The Admin module, using the Rubik theme makes good use of clean cut code, and icons to get straight to the point, and make things easier when controlling your site.   The interface reminded me of Wordpress's default admin theme, which has been well applauded in the past, and a favorite of mine too.


Admin Module: http://drupal.org/project/admin

Rubik Theme: http://code.developmentseed.org/rubik

A common question many web designers are faced with.. "Why do I need to pay a deposit?"  It is generally a good idea for any web design company, or freelancer to ask for a deposit, or booking fee.  Not only does this bind the customer to finish the project in hand, but also gives the web designer some security.  Image finishing a project, then asking the client for the full amount only to find out the finished product is no longer required, a web designers nightmare for sure. 

I find most of our clients are okay with this, and is the normal thing to really.  Big Pepper generally sets a 25% deposit in order to start the ball rolling with a project, then the rest after completion.  25% is generally set on an estimated time of completion x hourly rate.

If you're honest with your client, and explain why a deposit is required, I'm sure they will be very understanding, and happy to pay the amount specified.

Drupal is great.  Drupal with views is even better.  Learn the basics from this video.  Enjoy!

Using terms in menus

Sometimes you want your navigation menu to display terms that you have created.

The menus on your site can call for items that match specific taxonomy terms, ie, terms you've named your categories. When you create a new term, Drupal assigns it a number. To see your term's number, hover over your term's name in the list terms. You'll see the number.

To create a taxonomy menu item

  1. On the menus page, select add item, and fill taxonomy/term/1 in the path field.
  2. If the term "sonatas" is term 1, this would call for all the nodes of that category.
  3. If the term "Bach" is term 2, this could call for only those sonatas written by Bach: taxonomy/term/1,2
  4. Or if Brahms is term 3 and this will call for everything that has to do with either Bach or Brahms: taxonomy/term/2+3
  5. If you are using a hierarchical taxonomy, and want all nodes tagged with child terms to show up also, you can create an URL link like taxonomy/term/2/2 where the second parameter is the depth that the tree will be recursed into, or taxonomy/term/2/all for all child terms. 

Display contents with the same layout for all terms of a Vocabulary by view module 

By default, Term link to category pages (taxonomy/term/[tid]). I found that category pages are more useful than custom views because you can control fields. You can replace the default category pages with a customized view by following steps: 

So you're a business or an individual looking for good quality, high-end web design in the Wakefield/Leeds area? Read on to find out what to ask, and factors which you should consider when choosing a web designer to create your on-line presence.

Why should I get a website for my business?

A few tips on finding good web design in Wakefield, West Yorkshire.

CMS development and web design in Wakefield and Leeds Area

Having a website is great, but don't you wish you edit your website when YOU need to? Imagine being able to upload images, edit and add new pages to your site with just a few clicks. A CMS offers just this and more.

So what does CMS stand for?

CMS is short for Content Management System. A CMS allows you to take control of your own website, without having to go back to a web design company to make amendments. Not only is this time consuming and costly, but sometimes it's great to have a bit of freedom, and edit content the way you need it.

z-index bug in IE 7

This is going to be a short, but sweet blog post that I thought everyone should know. Have you ever run into a problem where IE7 just won't listen to a style where you are trying to change the z-index of an image or list item?
Well try this quick fix.

If you are targeting an element like the following example:

#page ul li.button {

And you are not getting the results you expect in IE7 try adding the position:relative; to the element. 9 times out of 10 it seems to resolve my z-index problems.