WordPress.org

Ready to get started?Download WordPress

Forums

Themia Lite
Feature Images as Links (15 posts)

  1. michaelpfaff
    Member
    Posted 2 years ago #

    How do I set the feature images to link to the same URL as the "read more..." links?

    Thanks!

    Mike

    http://wordpress.org/extend/themes/themia-lite/

  2. michaelpfaff
    Member
    Posted 2 years ago #

    Website is:

    http://michaelpfaff.com

    There are three images at the bottom (the feature images). I want the images to be clickable with a link that goes to the page for that "section".

    Right now, you have to click the "read more..." to get there.

    I think this is the code that draws the image:

    <?php if (inkthemes_get_option('inkthemes_img1') != '') { ?>
                            <img src="<?php echo inkthemes_get_option('inkthemes_img1'); ?>" alt="feature image"/>
                        <?php } else { ?>
                            <img src="<?php echo get_template_directory_uri(); ?>/images/featureimg-1.png"/>
                        <?php } ?>

    I've tried simply putting an a href tag around it, but it doesn't work.

    Any help would be greatly appreciated.

  3. MickeyRoush
    Member
    Posted 2 years ago #

    I'm assuming you're editing the front-page.php file.

    a href tags including div works for me.

    To add a hyperlink to the main image for example:

    before:

    <img src="<?php echo get_template_directory_uri(); ?>/images/slideimg.jpg"/>

    after:

    <div><a href="http://example.com/" title="Click Here"><img src="<?php echo get_template_directory_uri(); ?>/images/slideimg.jpg"/></a></div>

    for the bottom images:

    before:

    <img src="<?php echo get_template_directory_uri(); ?>/images/featureimg-1.png"/>

    after:

    <div><a href="http://example.com/" title="Click Here"><img src="<?php echo get_template_directory_uri(); ?>/images/featureimg-1.png"/></a></div>

  4. MickeyRoush
    Member
    Posted 2 years ago #

    Note that I added a title so that when they hover their mouse over the image they'll get a message.

  5. michaelpfaff
    Member
    Posted 2 years ago #

    Yup. front-page.php is the file I'm working with.

    That's exactly what I need. But, for some reason, when I try to adjust that code, it doesn't work.

    Here's my whole file code, using your proposed code:

    <?php
    /*
      /**
     * The main front page file.
     *
     * This is the most generic template file in a WordPress theme
     * and one of the two required files for a theme (the other being style.css).
     * It is used to display a page when nothing more specific matches a query.
     * E.g., it puts together the home page when no home.php file exists.
     * Learn more: http://codex.wordpress.org/Template_Hierarchy
     *
     * @package WordPress
     *
     */
    ?>
    <?php get_header(); ?>
    <!--Start Contetn wrapper-->
    <div class="grid_24 content_wrapper">
        <!--Start Content-->
        <div class="content">
            <!--Start Slider Wrapper-->
            <div class="slider_wrapper">
                <div id="main" class="container">
                    <?php if (inkthemes_get_option('inkthemes_featureimg') != '') { ?>
                         <img src="<?php echo inkthemes_get_option('inkthemes_featureimg'); ?>"/>
                    <?php } else { ?>
                         <img src="<?php echo get_template_directory_uri(); ?>/images/slideimg.jpg"/>
                    <?php } ?>
    
                </div>
                <div class="slider_shadow"></div>
            </div>
            <!--End Slider wrapper-->
            <div class="clear"></div>
            <!--Start Feature content-->
            <div class="feature_content">
                <div class="one_third">
                    <div class="wrap">
                        <h2>
                            <?php if (inkthemes_get_option('inkthemes_headline1') != '') { ?>
                                <?php echo stripslashes(inkthemes_get_option('inkthemes_headline1')); ?>
                            <?php } else { ?>
                                <?php _e( 'Four Different Skins', 'themia' ); ?>
                            <?php } ?>
                        </h2>
                        <?php if (inkthemes_get_option('inkthemes_img1') != '') { ?>
                            <img src="<?php echo inkthemes_get_option('inkthemes_img1'); ?>" alt="feature image"/>
                        <?php } else { ?>
                            <div><a href="http://michaelpfaff.com/experience" title="Go to Experience"><img src="<?php echo get_template_directory_uri(); ?>/images/featureimg-1.png"/></a></div>
                        <?php } ?>
                        <p>
                            <?php if (inkthemes_get_option('inkthemes_feature1') != '') { ?>
                                <?php echo stripslashes(inkthemes_get_option('inkthemes_feature1')); ?>
                            <?php } else { ?>
                                <?php _e( 'Our affiliate program pays out some of the biggest commissions available in the  mium WordPress', 'themia' ); ?>
                            <?php } ?>
                        </p>
                        <a href="<?php echo inkthemes_get_option('inkthemes_link1'); ?>" class="read_more"><?php _e( 'read more.....', 'themia' ); ?></a> </div>
                </div>
                <div class="one_third">
                    <div class="wrap">
                        <h2>
                            <?php if (inkthemes_get_option('inkthemes_headline2') != '') { ?>
                                <?php echo stripslashes(inkthemes_get_option('inkthemes_headline2')); ?>
                            <?php } else { ?>
                                <?php _e( 'Amazing Shortcodes', 'themia' ); ?>
                            <?php } ?>
                        </h2>
                        <?php if (inkthemes_get_option('inkthemes_img2') != '') { ?>
                            <img src="<?php echo inkthemes_get_option('inkthemes_img2'); ?>" alt="feature image"/>
                        <?php } else { ?>
                            <div><a href="http://michaelpfaff.com/skills" title="Go to Skills"><img src="<?php echo get_template_directory_uri(); ?>/images/featureimg-2.png"/></a></div>
                        <?php } ?>
                        <p>
                            <?php if (inkthemes_get_option('inkthemes_feature2') != '') { ?>
                                <?php echo stripslashes(inkthemes_get_option('inkthemes_feature2')); ?>
                            <?php } else { ?>
                                <?php _e( 'Our affiliate program pays out some of the biggest commissions available in the  mium WordPress.', 'themia' ); ?>
                            <?php } ?>
                        </p>
                        <a href="<?php echo inkthemes_get_option('inkthemes_link2'); ?>" class="read_more"><?php _e( 'read more.....', 'themia' ); ?></a> </div>
                </div>
                <div class="one_third last">
                    <div class="wrap">
                        <h2>
                            <?php if (inkthemes_get_option('inkthemes_headline3') != '') { ?>
                                <?php echo stripslashes(inkthemes_get_option('inkthemes_headline3')); ?>
                            <?php } else { ?>
                                <?php _e( 'Full Localisation Support', 'themia' ); ?>
                            <?php } ?>
                        </h2>
                        <?php if (inkthemes_get_option('inkthemes_img3') != '') { ?>
                            <img src="<?php echo inkthemes_get_option('inkthemes_img3'); ?>" alt="feature image"/>
                        <?php } else { ?>
                            <div><a href="http://michaelpfaff.com/education" title="Go to Education"><img src="<?php echo get_template_directory_uri(); ?>/images/featureimg-3.png"/></a></div>
                        <?php } ?>
                        <p>
                            <?php if (inkthemes_get_option('inkthemes_feature3') != '') { ?>
                                <?php echo stripslashes(inkthemes_get_option('inkthemes_feature3')); ?>
                            <?php } else { ?>
                                <?php _e( 'Our affiliate program pays out some of the biggest commissions available in the  mium WordPress.', 'themia' ); ?>
                            <?php } ?>
                        </p>
                        <a href="<?php echo inkthemes_get_option('inkthemes_link3'); ?>" class="read_more"><?php _e( 'read more.....', 'themia' ); ?></a> </div>
                </div>
            </div>
            <div class="clear"></div>
            <!--End Feature content-->
        </div>
        <!--End Content-->
    </div>
    <!--End Content wrapper-->
    <div class="clear"></div>
    </div>
    <!--End Container-->
    <!--Start Testimonial bg-->
    <!--End Testimonial bg-->
    <?php get_footer(); ?>

    As you can see, the website still doesn't provide a link. Is there something messed up in there?

  6. MickeyRoush
    Member
    Posted 2 years ago #

    What happens when you end the url with a slash?

    http://michaelpfaff.com/experience

    to:

    http://michaelpfaff.com/experience/

  7. michaelpfaff
    Member
    Posted 2 years ago #

    Argh.

    Sadly, that doesn't work either. This is frustrating.

    I'm looking at the link for "read more..." and it has this code:

    <a href="<?php echo inkthemes_get_option('inkthemes_link3'); ?>" class="read_more"><?php _e( 'read more.....', 'themia' ); ?></a> </div>

    There is no <div> at the beginning. Hmmm. Why is that? I'm wondering if I can somehow mimic the read more link and just replace with the photo.

    Any thoughts?

  8. michaelpfaff
    Member
    Posted 2 years ago #

    p.s. Thanks for your help! Very much appreciated.

  9. MickeyRoush
    Member
    Posted 2 years ago #

    There is actually an opening <div> it's up a bit further.

    <div class="wrap">

    I'm not sure why it's not working for you. I used WinMerge to compare yours to mine and I didn't see much difference.

    Have you made any changes to any other file(s)?

    I should be able to right click on one of the images and the correct content menu for links should appear, but it's not. Are you using any caching plugins?

  10. michaelpfaff
    Member
    Posted 2 years ago #

    I've made pretty much no other changes. What I posted up-thread is literally the code for that file.

    I have 3 plugins installed:

    All in One SEO Pack
    Jetpack by WordPress.com
    Simple Contact Form Revisited Widget

    Argh. :/

    I'm at a loss.

  11. MickeyRoush
    Member
    Posted 2 years ago #

    If you have the code in your current file, it doesn't show up when viewing source. Are you trying to do this with a child theme? The current version that's downloadable, does not support child themes. There is supposed to be an update that will allow child themes, but I don't see that it's available yet.

    The only thing else that I've really done is fix the 404.php file. You can read more about it here:
    http://wordpress.org/support/topic/theme-themia-lite-404-page-not-displaying-correctly?replies=4

  12. michaelpfaff
    Member
    Posted 2 years ago #

    I'm honestly not even sure how to use child themes. I installed it directly from a download. I wonder if my install is an older version that's messed up or something?

    I may need to find the latest download version and re-istall the theme I guess. Or, upgrade to "Pro" maybe.

    Thanks for your help in this matter!

  13. Wagtail
    Member
    Posted 2 years ago #

    Hi guys

    I got this front-page.php working themia lite, however after running the themia lite update today I edited the front-page.php file as per the above and the hyperlinked front page feature images are no longer working.

    Is anyone else having this problem since the update?

  14. Wagtail
    Member
    Posted 2 years ago #

    Actually - scrap my above post as I was being careless....

    I found this front page php file which allows clickable links on feature images:

    http://www.inkthemes.com/supportforum/topic/front-page-photos-do-not-link-on-themia

  15. JanChadaj
    Member
    Posted 2 years ago #

    Thanks Wagtail - replacing the front-page.php with the one from the link worked for me too - strange I downloaded the theme today and the update is not in teh current theme for themia lite?

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic