I would like to do something like the slider in http://www.killersites.com but with the whole image as a link.
Can someone please help?
Basically, this is the template that i use and the template file name is fullwidth-template-notitle.php and the code is :
<?php
/*
Template Name: Full Width Page No Title
*/
?>
<?php
if (get_option('flex_content_trans') == "no") {
$fwpagewidth = get_option('flex_blog_width') - get_option('flex_blog_padding');
$fwcontentwidth = get_option('flex_blog_width') - (get_option('flex_blog_padding') * 2);
} else {
$fwpagewidth = get_option('flex_blog_width');
$fwcontentwidth = get_option('flex_blog_width');
}
?>
<?php get_header(); ?>
<?php if (get_option('flex_feat_display') == "no" OR get_option('flex_feat_pages') == "home only" OR get_option('flex_feat_pages') == "home and posts") { ?>
<?php if ( is_front_page() AND get_option('flex_feat_display') != "no" ) { ?>
<div id="feature"><div class="topshadow">
<?php if ( function_exists('dynamic_sidebar') && dynamic_sidebar('Top Feature') ) : else : ?>
<?php include (TEMPLATEPATH . '/feature.php'); ?>
<?php endif; ?><div style="clear:both;"></div>
</div></div><?php } ?>
<?php } else { ?>
<div id="feature"><div class="topshadow">
<?php if ( function_exists('dynamic_sidebar') && dynamic_sidebar('Top Feature') ) : else : ?>
<?php include (TEMPLATEPATH . '/feature.php'); ?>
<?php endif; ?><div style="clear:both;"></div>
</div></div><?php } ?>
<?php if (get_option('flex_nav_show') == "yes" && (get_option('flex_nav_position') == "below feature")) {
include (TEMPLATEPATH . '/includes/nav.inc.php');
} ?>
<div id="content" style="width:<?php echo $fwpagewidth; ?>px;">
<div class="postwrap" style="width:<?php echo $fwcontentwidth; ?>px;">
<div class="post"> <div class="postcontent">
<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
<?php the_content("<p>__('Read the rest of this page')</p>"); ?>
<?php edit_post_link(__('Edit'), '<p>', '</p>'); ?>
<?php wp_link_pages('before=<div id="page-links"><p style="text-align:right"><strong>Pages:</strong>&after=</p></div>'); ?>
<?php endwhile; endif; ?>
</div></div>
<?php if (get_option('flex_metadata_comoff') == "yes") { ?>
<?php if(comments_open()) : ?>
<?php comments_template('', true); ?>
<?php endif; ?>
<?php } ?>
</div>
</div>
<?php get_footer(); ?>
And it's calling from the feature.php . In which the code I don't use:
<!-- This is the title and intro text for the feature section -->
<!--
<div class="feat_box"><h2 style="padding:0 0 0 10px; margin:0px;color:#fc0; font:normal 26px Georgia, serif;"><span style="color:#FC0; font-weight:bold;">Content area 1</span><br/> You can use a bold headline here to catch the eye!</h2>
<p style="padding: 0 0 0 10px;">This is an area that can be used for featured content such as special offers or affiliate links.</p>
<p style="padding: 0 0 0 10px;">See the default content in feature.php to see how to replace this with your own content. You can also activate widgets to replace this content.</p>
<h2 style="padding:0 0 0 10px; margin:0px;color:#fff; font:normal 18px Georgia, serif;"> Link to other content: <a href="#" style="font-weight:bold; color:#FC0;">Link here!</a></h2>
</div>
-->
<!-- This is the top right side featured item in the feature section -->
<!--
<div class="feat_box">
<img src="<?php bloginfo('template_directory'); ?>/images/sample-ebook.png" style="float:right; margin-left:10px;" alt=""/><h2>Special Offer 1</h2>
This is an area that can be used for featured content such as special offers or affiliate links. Easily edit this text in the feature.php file. <a href="#" target="_top"><strong>Read more!</strong></a>
</div>
-->
<!-- This is the lower right side featured item in the feature section -->
<!--
<div class="feat_box">
<img src="<?php bloginfo('template_directory'); ?>/images/sample-ebook.png" style="float:right; margin-left:10px;" alt=""/><h2>Special Offer 2</h2>
This is an area that can be used for featured content such as special offers or affiliate links. Easily edit this text in the feature.php file. <a href="#" target="_top"><strong>Read more!</strong></a>
</div>
-->
Thanks!
Eric.