Using tabber.jpg images

[absolute]

How do I control the tabber.jpg images in the featured posts?

Do they have to have a specific size, if so what is the size?

I suppose the image has to be called from a custom theme if I remember correctly... but I couldn't find the exact instructions anywhere...

[John Flynn]

"homepage" is the word you use in custom fields to call the image and the size is 600px × 200px

[absolute]

Thanks John will give that a try!

Can you give me an example of the exact code to put into custom field?

[John Flynn]

sure. Under "key" in the custom fields section write "homepage" and under "value" paste the url to your image. You get the url of your image by uploading it (look to the right of your post title and you'll see "add an image" and then copying the url that it assigns to your uploaded image.)

[absolute]

Ok perfect thanks a lot that has worked.

Now I realised I needed to edit tabber.php file to call the categories.

I did that but only the first one shows, the other ones don't pull any categories for some strange reason.

Any ideas about what I am doing wrong?

[Rebecca Diamond]

url please?

[John Flynn]

Did you change the cat=1 to the category ID you want to pull?

[absolute]

Yes I did...

Here is the first two:

<div class="tabber">

	<div class="tabbertab">
	
		

		<h2>Headlines</h2>
		<?php $recent = new WP_Query("cat=1&showposts=1"); while($recent->have_posts()) : $recent->the_post();?>
		<?php if( get_post_meta($post->ID, "homepage", true) ): ?>
			[img]<?php echo get_post_meta($post->ID, [/img]" alt="<?php the_title(); ?>" />
		<?php else: ?>
			[img]<?php bloginfo('template_url'); ?>/images/tabber.jpg[/img]" />
		<?php endif; ?>				
		<h1><?php the_title(); ?></h1>
		<?php the_content_limit(275, "[Read more...]"); ?>
		<?php endwhile; ?>
		
	</div>

	<div class="tabbertab">
	
		

		<h2>Markets</h2>
		<?php $recent = new WP_Query("cat=4&showposts=1&offset=1"); while($recent->have_posts()) : $recent->the_post();?>
		<?php if( get_post_meta($post->ID, "homepage", true) ): ?>
			[img]<?php echo get_post_meta($post->ID, [/img]" alt="<?php the_title(); ?>" />
		<?php else: ?>
			[img]<?php bloginfo('template_url'); ?>/images/tabber.jpg[/img]" />
		<?php endif; ?>				
		<h1><?php the_title(); ?></h1>
		<?php the_content_limit(275, "[Read more...]"); ?>
		<?php endwhile; ?>
		
	</div>

The first one (with the default post) shows, but when I select the tabs for other categories they don't show...

[Rebecca Diamond]

I pm'ed you with this, but for anyone else reading - it's the &offset=1 that's causing the problem - it needs to be removed. That offset tells it to pull the second post from the category.

[absolute]

Just to confirm. That solved the problem!

Thanks reb :D

[Rebecca Diamond]

you're welcome :) best of luck to you!

[FireFleitz]

Ok, there has to be a shortcut for resizing images to 600x200.

What is the secret shortcut over resizing and cropping an image?

Thanks in advance!!

[absolute]

I create my images in photoshop so not much of a secret shortcut

[Rebecca Diamond]

if you don't have time for photoshop (or are posting mobile) this is a great and free resource: http://www.flipmyphotos.com/