1. Advertising
    y u no do it?

    Advertising (learn more)

    Advertise virtually anything here, with CPM banner ads, CPM email ads and CPC contextual links. You can target relevant areas of the site and show ads based on geographical location of the user if you wish.

    Starts at just $1 per CPM or $0.10 per CPC.

Click the button and continue reading

Discussion in 'WordPress' started by arenareviews, Jul 14, 2013.

  1. #1
    Hi guys
    WordPress read more tag is <!--more-->
    but i want to show image on read more tag Please help me thanks.

    i want look like www.gaaks.com download button, cliclk the download button and continue the reading. how it works and what does he use a read more tag?
    Last edited by a moderator: Jul 17, 2013
    arenareviews, Jul 14, 2013 IP
  2. Frampton Web Design

    Frampton Web Design Greenhorn

    Messages:
    7
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    23
    #2
    For my blog I've turned the "read more" into a button. Check my blog and tell me if this is what you mean. If so I can explain how to do it.

    http://www.framptonwebdesign.co.uk/blog/
    Frampton Web Design, Jul 14, 2013 IP
  3. arenareviews

    arenareviews Member

    Messages:
    41
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    46
    #3
    yes that's i want my blog is http://www.arenareviews.com
    arenareviews, Jul 14, 2013 IP
  4. Frampton Web Design

    Frampton Web Design Greenhorn

    Messages:
    7
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    23
    #4
    Okay, well to get that effect on my blog, firstly I changed the index file so that it didn't publish the entirety of my post on the front page. This is done by replacing <?php the_content();?> with <?php the_excerpt();?>

    The standard WordPress excerpt does not contain a "read more" link or button. Instead it ends the excerpt with the following rather odd set of characters "[...]" to indicate that there is more. But it isn't a link and you can't click on it or edit it.

    But you can make it clickable and editable by placing the following code in your functions file:

    Code (Text):
    1. // Replaces the excerpt "more" text by a link
    2.       function new_excerpt_more($more) {
    3.           global $post;
    4.           return '<a class="moretag" href="'. get_permalink($post->ID) . '"> [COLOR=#ff0000]Read the full article[/COLOR]</a>';
    This gives a div class of .moretag with wording "read the full article" (which you can edit in the functions file). So if you want an image, simply replace the words with spaces and make the image the background of your class .moretag in your css file.

    This is a very brief explanation, but if you want more info about what to do feel free to shout up.
    Frampton Web Design, Jul 14, 2013 IP
    gyahoo likes this.
  5. arenareviews

    arenareviews Member

    Messages:
    41
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    46
    #5
    Please tell me where the post and replace code, i'm tell me. I don't know html and css.
    arenareviews, Jul 16, 2013 IP
  6. sarahk

    sarahk iTamer Staff

    Messages:
    17,419
    Likes Received:
    1,741
    Best Answers:
    37
    Trophy Points:
    510
    #6
    that's a pretty comprehensive answer. Which bits have you been able to do and what errors do you get on the rest?
    sarahk, Jul 17, 2013 IP
  7. arenareviews

    arenareviews Member

    Messages:
    41
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    46
    #7
    Thank you sarahk
    I was copied in functions file but my theme not show my theme is locked. In this link www.gaaks.com he used an anchor link on download button when you click on the download button and you are reached in post and post is not show full show on download links.
    I hope you understand what I say. thank you.
    arenareviews, Jul 20, 2013 IP
  8. arenareviews

    arenareviews Member

    Messages:
    41
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    46
    #8
    Guys I have found to search what I want. I want to anchor link on read more tag and an image, Please tell me what I used an HTML code on WordPress.
    arenareviews, Jul 21, 2013 IP
  9. suganux

    suganux Active Member

    Messages:
    398
    Likes Received:
    3
    Best Answers:
    0
    Trophy Points:
    78
    #9
    you can use this :

    ( find it on index.php or home.php
    <?php the_content('Read more...<img src="' . get_bloginfo('template_directory'). '/images/leaf.gif" alt="read more" title="Read more..." />'); ?>

    and place it on your style.css
    .moretext {
    width: 100px;
    height: 45px;
    background:url(/images/leaf.gif) no-repeat right middle;
    padding: 10px 50px 15px 5px}

    =======================
    replace /images/leaf.gif with your image address
    suganux, Aug 4, 2013 IP
  10. arenareviews

    arenareviews Member

    Messages:
    41
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    46
    #10
    Thanks to your reply suganux
    I'm using a yootheme nano2, And I can't find your <?php the_content('Read more...<img src="' . get_bloginfo('template_directory'). '/images/leaf.gif" alt="read more" title="Read more..." />'); ?>.
    arenareviews, Aug 6, 2013 IP