bavotasan.com » Display http://bavotasan.com by c.bavota Tue, 07 Feb 2012 15:42:10 +0000 en hourly 1 http://wordpress.org/?v=3.3.1 Display Random Posts in WordPress http://bavotasan.com/2009/display-random-posts-in-wordpress/ http://bavotasan.com/2009/display-random-posts-in-wordpress/#comments Mon, 19 Oct 2009 17:16:23 +0000 c.bavota http://bavotasan.com/?p=1384 I am working on a new WordPress site and I wanted to display a selection of random posts at the bottom of every page. It is pretty simple to do, but I also wanted to make sure that on single post pages, the current post would be excluded. That took a little bit more figuring out but I got it working.

Here is a quick piece of code to insert into your WordPress templates so that you can display a list of random posts, excluding the current post that is displayed.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

<?php 
global $post;
$postid = $post->ID;
$args = array(
'orderby' => 'rand',
'showposts'=>5,
'post__not_in'=>array($postid)
);
query_posts($args);
echo '<ul>';
while (have_posts()) : the_post();
echo '<li><a href="'.get_permalink().'" title="'.the_title('','',false).'">'.the_title('','',false).'</a></li>';
endwhile;
echo '</ul>';
?>

You can always change the number of random posts displayed by increasing or decreasing the ‘showposts’ variable. You can also make it category specific by adding a 'cat'=>24, to the $args array, where ’24′ is the category ID.

]]> http://bavotasan.com/2009/display-random-posts-in-wordpress/feed/ 15 Clearing the <hr /> Tag with CSS That Works in IE http://bavotasan.com/2009/clearing-the-hr-tag-with-css-that-works-in-ie/ http://bavotasan.com/2009/clearing-the-hr-tag-with-css-that-works-in-ie/#comments Tue, 01 Sep 2009 21:39:09 +0000 c.bavota http://bavotasan.com/?p=941 There is nothing more annoying than Internet Explorer. Every time you build a site you usually need to add a few CSS hacks just to make sure it works in IE.

Here is some nice CSS to help anyone who wants to use <hr /> tags to clear sections of their site.

hr.clear {
	background: none;
	border: 0;
	clear: both;
	display: block;
	float: none;
	font-size: 0;
	margin: 0;
	padding: 0;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
	}

Just use the following code whenever you want to clear with an <hr /> tag.

<hr class="clear" />
]]> http://bavotasan.com/2009/clearing-the-hr-tag-with-css-that-works-in-ie/feed/ 2 Simple Image Grabber WordPress Plugin http://bavotasan.com/2009/simple-image-grabber-wordpress-plugin/ http://bavotasan.com/2009/simple-image-grabber-wordpress-plugin/#comments Wed, 11 Mar 2009 21:35:15 +0000 c.bavota http://bavotasan.com/?p=382 I created a plugin for the function I talked about in my post Retrieve and Display Images from a WordPress Post just in case there is anyone out there who isn’t a fan of hacking code. Just install this sucker and use the following function:

<?php images($number, $width, $height, $class, $link); ?>

Make sure it is within the loop and it will display whichever image you want.

$number = the image you want to pull from your post, ie. the first image from the post (’1′) or the second image from the post (’2′) and so on. NOTE: If you use ‘all’, it will display all images from the post.

$width = the width of the displayed image

$height = the height of the displayed image

$class = the class name you would like to assign to the displayed image

$link = whether you would like the displayed image to link to the post or not

So, the following function:

<?php images('2', '150', '200', 'alignleft', false); ?>

would display the second image from a post (if there is one) with a width of 150px and a height of 200px, the class name alignleft and no link to the post.

The following:

<?php images('all', '', '', 'alignright'); ?>

would display all images from a post with their original width and height, a class name of alignright and a link to the post.

]]> http://bavotasan.com/2009/simple-image-grabber-wordpress-plugin/feed/ 145