WordPress.org

Ready to get started?Download WordPress

Forums

WordPress slider plugin - Featured Articles Lite
[Plugin: Featured Articles Lite] Image clickable (3 posts)

  1. suitecreative
    Member
    Posted 2 years ago #

    Great Plugin thank you. I have customised it

    http://www.photographer-kent.co.uk

    Hower would like the images (which are infact in the navigation) to become clickable - ie a hyperlink.

    Is there anyway to do this as they are already hyperlinks

    " title="<?php the_title();?>"><?php if( $image = FA_article_image($post, $slider_id) ):?> <img src="<?php echo $image;?>" alt="<?php the_title('','');?>" WIDTH=310 HEIGHT=310 class="thumbnail_FA"/> <?php endif;?>

    http://wordpress.org/extend/plugins/featured-articles-lite/

  2. willwillok
    Member
    Posted 2 years ago #

    Hey, did you find a solution?
    I found a way using a text hyperlink and text-indent in css.

    I'm no pro, but this is what I did...

    Working with a new custom theme I've created based on 'smoke-dark',
    in the display.php file I found a couple of lines that look like this:

    <?php foreach ($postslist as $post):?>
    		<div class="FA_article <?php the_fa_class();?>" style="<?php the_fa_background(); ?>; <?php the_slider_height();?>" >
            	<div class="FA_wrap">
    				<?php the_fa_title('<h2>', '</h2>');?>

    I added this:

    <a href="<?php the_permalink(); ?>" title="<?php the_title_attribute(); ?>" id="slider-link" > </a>

    before the <div class="FA_wrap"> as per below...

    <?php foreach ($postslist as $post):?>
    		<div class="FA_article <?php the_fa_class();?>" style="<?php the_fa_background(); ?>; <?php the_slider_height();?>" ><a href="<?php the_permalink(); ?>" title="<?php the_title_attribute(); ?>" id="slider-link" > </a>
            	<div class="FA_wrap">
    				<?php the_fa_title('<h2>', '</h2>');?>

    Within the hyperlink I added, I've set the 'id' to "slider-link"
    To match this, in the dark.css file I added a new class:

    #slider-link {
    display:block;
    height:510px;
    width:355px;
    text-indent:-9999px;
    z-index:9999;}

    NB: You would need to make different classes for different sized sliders, as the 'slider-link' width and height will need to vary based on the dimensions of your custom slider(s)

  3. willwillok
    Member
    Posted 2 years ago #

    actually... this css should work with any size.

    #slider-link {
    display:block;
    height:100%;
    width:100%;
    text-indent:-9999px;
    z-index:9999;}

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic