Articles
Echo Images inside a Post into the Loop
Here is a useful trick. Want to call or echo an image into your blog post with our using the custom fields? Well this could be tricky, but I know of a way.
All you have to do is print these lines of code into your
index.php
or home.php
inside the loop:
<?php $id =$post->ID; $the_content =$wpdb->get_var("SELECT post_content FROM $wpdb->posts WHERE ID = $id"); $home = get_option('home'); $pattern = '!<img.*?src="'.$home.'(.*?)"!'; preg_match_all($pattern, $the_content, $matches); $image_src = $matches['1'][0]; ?>
then after write:
<?php if($image_src != '') { ?> <a href="<?php echo the_permalink() ?>" rel="bookmark" title="Link to <?php the_title(); ?>"><?php the_title(); ?></a><br /> <a href="<?php the_permalink() ?>" rel="bookmark" title="<?php the_title(); ?>"><img src="<?php echo $image_src; ?>" alt="<?php the_title(); ?>" /></a> <?php } ?>
That’s all! This will look for the first image in your post and echo it in the loop, could be used to show off those pretty thumbnails for the post..
Cult
In case you missed it, ma.tt is all new!
You should head over the the newly redesigned site of Matt Mullenweg, the inventor of WordPress! His site is all new for the Spring season, and he has been tounting many of us with quick screen shots at WordCamp Las Vegas & WordCamp Denver. But finally, and I guess a little delayed, the new theme has launched.
I like it! What do you think?
News
Working on a new theme called WordCult
So I have been really busy, and haven’t been able to put up a new post since I got back from WordCamp Denver.
Working on some clients site’s and also a WordPress theme!I have finished about 80% of the theme which is based off my current theme located on my personal blog site: TheFrosty. TheFrosty is using version 0.1 of the theme, which has many faults and bugs. I have fixed many of them, and probably added a few others.
In version 0.2 I’ve added a new jQuery “featured posts” loader and the option for sticky posts. I have also fixed a lot of CSS errors, it should W3C comply :).
Also in the newer version I have tried to add more to the admin panel, in ways of options.
If you would like to download this theme and test it out before I release it to the community please let me know. I would love to get some feedback or ideas on what you’ve got to say. Just use the contact form or send me a message on Twitter.
Once you’ve got the theme..
Let me know what you think! Leave you comments and feedback. I am also trying to get a forum up on the site as well.
Thanks!
Frosty
Update for 0.2:
I’ve updated my personal site: TheFrosty to the latest version of WordCult (0.2). I’ve already found some small bugs and CSS fixes that need to be taken care of. Also I don’t think that the Adsense display is working correctly.
If you’ve noticed any issues please contact me or leave a comment.
Update for 0.2.1:
The new version, 0.2.1 brings in some integration from Justin Tadlocks Widgets Reloaded plugin. It’s fully integrated into the theme. So you’ll notice some widgets disappear and be replaced by others. If you need to get them back Justin makes a plugin that will “release” the old widgets on your new theme install.
Update: 0.3
Get the newest version of WordCult, download Version 0.3 from this page.
Tips & Tricks
How to: Open external links in a new window
Over the weekend, I attended WordCamp Denver, and I was asked by John Hawkins how to force links to open in a new tab with out editing the source code. So, today lets learn a simple jQuery trick to open all external links in your site in a new tab or window. We are going to make sure you have jQuery active on your site, you can do this easily in WordPress, since it’s bundled with the latest installations. Use this code in your header: <?php wp_enqueue_script('jquery'); ?>
then, below the wp_head
add the following:
<script type="text/javacript"> var $j = jQuery.noConflict(); $j(document).ready(function() { //external attribute $j("a:not([@href*=http://YOURSITE.com/])").not("[href^=#]") .addClass("external") .attr({ target: "_blank" }); } ); </script>
That’s it, just make sure you change the http://YOURSITE.com to your website.
Update
If you like you can remove the var $j =
and replace all $j
with simply just $
-
Tips & Tricks4 months ago
WordPress Security Hacks
-
Pages4 weeks ago
Write For Us – Guest Post
-
Showcase1 month ago
StylizedWeb.com
-
News3 weeks ago
How to: Show/Hide any div box with jQuery in WordPress
-
Tips & Tricks3 months ago
How to: show/hide a widget in WordPress with jQuery
-
Tips & Tricks5 months ago
Remove the title attribute using jQuery
-
Plugins2 months ago
Top Membership plugins
-
Tips & Tricks1 month ago
Limit the characters that display on the_title
Austin
December 8, 2008 at 3:54 am
Assuming the image has been added using the WP uploader, here’s a way of doing the same thing using the WP API, which might have a performance advantage:
<?php $attachments = (array) get_children(array(‘post_parent’ => get_the_ID(), ‘post_type’ => ‘attachment’));
if ( ! empty( $attachments ) ) :
$attmt = array_shift($attachments);
$image_thumb = wp_get_attachment_thumb_url($attmt->ID); ?>
<a href=”<?php echo the_permalink() ?>” rel=”bookmark” title=”Link to <?php the_title(); ?>”><?php the_title(); ?></a><br />
<a href=”<?php the_permalink() ?>” rel=”bookmark” title=”<?php the_title(); ?>”><img src=”<?php echo $image_thumb; ?>” alt=”<?php the_title(); ?>” /></a>
<?php endif; ?>
frosty
December 8, 2008 at 10:59 am
Thanks for that one!
Picsbuzz
January 7, 2009 at 9:57 pm
This is great script, it helps me a lots!!! Thank you so much!!
I wonder if this script can grab the first image in the post which hosted on share host like: flickr or imagesharkus?
frosty
January 7, 2009 at 10:05 pm
Your welcome, I am not sure. If we could find out details to their database it may be possible.
Nick
January 15, 2009 at 12:38 pm
That can be useful
Nick’s last blog post..Montana Library
Thomas
August 10, 2009 at 11:00 am
Hi all,
First of all, very nice script. I noticed that the output was in html (ie, img src and thumbnailing).
Does anyone know of any snippet to be able to echo the image via php, without having to name the actual individual image file (eg. tree.jpg), and instead using a variable from a database that names photos in a directory.?
thanks
tom
Maor
September 5, 2009 at 5:33 pm
Thanks for the tip, liked it!
.-= Maor´s last blog ..וורדפרס 2.8+: איך לא להציג קטגוריות מסוימות בתפריט הצדדי? =-.