“Thelonious” WordPress 3.0 is now officially released. I’ve been waiting for the stable version to come out since its initial buzz. I just finished upgrading my WordPress a few moments ago. I noticed a problem already… watch the video or scroll down to see a bug i found.

So the bug I discovered was when you click the add photo button beside “Upload/Insert” it doesn’t pop up in a new tiny window, it opens it in the parent window. What does that mean? well for starters, you have to click back twice to go back to the edit post screen and 2 you cant insert image into post; it just doesn’t work.

Download your version of WordPress 3.0

Related Posts

How to Display Your Post’s First Image Thumbnail Automatically in WordPress

How to Use get_the_post_thumbnail to Set Your Post’s Thumbnail in WordPress

How to Secure WordPress

Sometimes the first time you type the title of your blog post on WordPress you’ll go back and edit it or create a new title entirely. One of the great things about WordPress is that its URL Friendly for important things like SEO. When you’re creating a new post, after you enter your post’s title, WordPress will automatically create the permalink or URL (make sure you updated the permalink settings in your admin for this to work) for your post. But because WordPress can tell when you’ve stopped typing in the title area or when you’ve clicked away like into the content area, it won’t update the permalink automatically if you decide to edit your post’s title later.

As you’ll see in my video, I started out with a long post title but then after I created the video I changed the title of it and I had to get WordPress to regenerate the permalink.

If you like this video and my other WordPress or Internet Marketing related posts, be sure to subscribe to my blog.

Watch this video on:
HowCast – http://www.howcast.com/videos/359080-How-To-Get-WordPress-To-Retype-Your-Permalink
Vimeo – http://vimeo.com/10083716

Related Posts

How to Use get_the_post_thumbnail to Set Your Post’s Thumbnail in WordPress

WordPress 3.0 Stable Version Now Released!

How to Display Your Post’s First Image Thumbnail Automatically in WordPress

In WordPress 2.9+, the get_the_post_thumbnail is a new function that was added to allow you to select and display a post’s thumbnail image. If you have a version of 2.9+ installed, in your wp-includes folder, you will find a file called, post-thumbnail-template.php. Inside, the get_the_post_thumbnail() function is what will allow you to display your post’s thumbnail or thumbnails for a list of posts such as on your homepage or category (archive) pages. The get_the_post_thumbnail WordPress function will return your thumbnail in an html img tag so all you have to do is call the function where you want your thumbnail to be displayed, then style it using css.

How to use get_the_post_thumbnail

To use the get_the_post_thumbnail(), the first thing you MUST do is edit your Theme Functions file (functions.php) in your Appearance > Editor section in your wordpress control panel and add the following line within the php opening and close tags:


add_theme_support( 'post-thumbnails' )


This activates the “Post Thumbnail” widget in your post editor which will appear just below the category selection widget. There, you will find a “Set thumbnail” link that will pop up your standard wordpress image browser where you just select the image you want to use for the thumbnail.

In addition, this code will also activate an option in your image browser, “Use as Thumbnail”, which allows you to set your post’s thumbnail at the same time right after you upload an image.

The last thing you need to do is insert the following code to display the thumbnail in your post or post list:


<?php echo get_the_post_thumbnail($post->ID, 'thumbnail'); ?>


Then for each of your posts, set the post thumbnail and it will be displayed wherever you called the function.

Here are the options:

Usage Syntax:
<?php echo get_the_post_thumbnail( $id, $size, $attr ); ?>

Usage Parameters:
$id

• (int) (Required) Post ID.
• Default: None

$size

• (int) (Optional) Image size.
• Default: ‘thumbnail’

$attr

• (int) (Optional)
• Default: None

Usage Examples:
get_the_post_thumbnail($id); // without parameter -> Thumbnail

get_the_post_thumbnail($id, ‘thumbnail’); // Thumbnail
get_the_post_thumbnail($id, ‘medium’); // Medium resolution
get_the_post_thumbnail($id, ‘large’); // Large resolution

get_the_post_thumbnail($id, array(100,100) ); // Other resolutions

What it outputs:
The get_the_post_thumbnail WordPress function will return your thumbnail in an html img tag so all you have to do is call the function where you want your thumbnail to be displayed, then style it using css.


<?img src="your_selected_thumbnail.jpg" />


If you’re looking for a tutorial on how to have WordPress automatically get and display your post’s first image thumbnail read my tutorial.

Let me know how this works out for you. Here’s the official wordpress codex for this function http://codex.wordpress.org/Template_Tags/get_the_post_thumbnail and alternatively, here’s another post that discusses further customization and theme integration options http://wpengineer.com/the-ultimative-guide-for-the_post_thumbnail-in-wordpress-2-9/

Related Posts

How to Display Your Post’s First Image Thumbnail Automatically in WordPress

How To Optimize (SEO) WordPress Tag Pages Title Tags

Add Custom Rules to WordPress .htaccess

How to use your post’s first image’s thumbnail in WordPress. This is a great tutorial because once you upload an image to your post, it’s thumbnail version will be shown wherever you choose to display the thumbnail even without actually inserting the image into your post or using a custom field.

By default, if you upload an image to your post, WordPress automatically creates a thumbnail version of that image (the default size of your thumbnail can be set in the Settings > Media menu option in your WordPress control panel. Mine is set to 150×150). If you want to display that image without using this custom get function, you can either use the get_custom_meta function or for all WordPress 2.9+ installations, you can use the get_post_thumbnail() function which is easier between the two.

But, if you want to have wordpress automatically get your post’s first image’s thumbnail, here’s what you’ll need to do:

1. Add the following function to your functions.php file that can be found in Appearance > Editor, then click “Theme Functions” link on the right:


function get_post_thumbnail() {
$files = get_children('post_parent='.get_the_ID().'&post_type=attachment&post_mime_type=image');
if($files) :
$keys = array_reverse(array_keys($files));
$j=0;
$num = $keys[$j];
$image=wp_get_attachment_image($num, 'large', false);
$imagepieces = explode('"', $image);
$imagepath = $imagepieces[1];
$thumb=wp_get_attachment_thumb_url($num);
print $thumb;
else:
print "http://www.yourdomain.com/wp-content/uploads/2010/02/default-post-thumb.jpg";
endif;
}


2. Second, insert “<?php get_post_thumbnail();?>” within an img html tag like the example below:

<?php while (have_posts()) : the_post(); ?>
<div class="clearfloat">
<img src="<?php get_post_thumbnail(); ?>" alt="<?php the_title(); ?>" class="front-list_thumbnail" />
<div class="title"><a href="<?php the_permalink() ?>" rel="bookmark"><?php the_title(); ?></a></div>
</div>
<?php endwhile; ?>


3. Lastly, create a default thumbnail image that will be used in step 1 in case there is no image in your post.
I named my file, “default-post-thumb.jpg”

That’s it. Let me know how this works out for you.

Related Posts

How to Use get_the_post_thumbnail to Set Your Post’s Thumbnail in WordPress

Add Custom Rules to WordPress .htaccess

How to Get WordPress to Update Your Permalink

Here’s something I came across last November after I found out that a couple of my older websites using outdated versions of wordpress got hacked; its called the WordPress Security Whitepaper. Its completely, free, translated in several languages (english, simplified chinese and italian). Before I continue writing any further, I just want to give full credit to Blog Security (link at the bottom of this post).

The WordPress Security Whitepaper (pdf) has been a work in progress since 2007 and has been such a tremendous help to the wordpress blogging community, and I just had to write about it. You will learn not only how to install wordpress properly, but also important security procedures such as blocking IP addresses, limiting user access, restricting access to wp-install and wp-content directories and more. This document is an important find and I really appreciate the fact that there have been so many people contributing to the document over the years. Thank you.

What’s inside the WordPress Security Whitepaper:

New Revision: v1.2 (Apr/08)

Table of Contents: (1)
Introduction (2)
Installing WordPress (2)
Accessing your WordPress tables (2)
Changing your WordPress Table Prefix (3)
Before Installation (3)
Manually Change (4)
WP Prefix Table Changer (5)
Preparing the Blog (6)
Changing your Admin Username (6)
Create a new limited access user (7)
Hardening your WP Install (9)
Restricting wp-content & wp-includes (9)
Restricting wp-admin (9)
Block all except your IP (9)
Password Required – .htpasswd (10)
The .htaccess file (10)
The .htpasswd file (10)
SPAM (11)
Blog Encryption (12)
Key Plugins (13)
Disabling WordPress Errors (13)
Removing the WordPress Version (13)
Security Above and Beyond (14)
WPIDS – Detect Intrusions (14)
WordPress Plugin Tracker – Are you updated? (14)
WordPress Online Security Scanner (15)
The End (15)

To download the WordPress Security Whitepaper, follow the link to Blog Security below:

WordPress Security Whitepaper on Blog Security

Related Posts

Add Custom Rules to WordPress .htaccess

How To Optimize (SEO) WordPress Tag Pages Title Tags

WordPress WP Pagenavi Plugin Doesn’t Work With Top Level Cats Plugin