How to embed a blog post snippet on a page?

  • Author
    Posts
  • #895473

    shivya
    Member

    Hello,

    I want to create a page on my wordpress.com blog (http://the-shooting-star.com/) to feature certain posts. Instead of just hyperlinking the URL, is it possible to display the post with a title, description & thumbnail – something like what appears when a link is shared on Facebook?

    Thanks in advance for the help.

    The blog I need help with is the-shooting-star.com.

    #895624

    timethief
    Member

    There is no automatic way to do this. You will have to create such a page and enter the content you want on it manually and/or by copying and pasting.

    #895626

    timethief
    Member

    I also see your have a premium theme and we Volunteers answering questions on this forum have no knowledge of how they are designed to operate. Read-access to the premium themes forum is now open to all users so you can search to see if your question has been previously asked and answered there. The premium theme forums are at http://premium-themes.forums.wordpress.com/ with separate sections for each theme. http://premium-themes.forums.wordpress.com/linen

    If you are not successful when searching there is a link for the specific Premium Theme support forum for your theme under Appearance -> Themes in your blog’s Dashboard, but do note that the premium theme must be active and you must be signed in as the user who purchased it in order to see it and post to it.

    All support documentation for WordPress.com bloggers is at this link http://en.support.wordpress.com The results produced by the searchbox there are from both the support docs and from forum threads.

    On the bottom of your Admin page you will find a link to the learn wordpress.com tutorial prepared by Staff. http://learn.wordpress.com

    Best wishes with your blog.

    #895785

    shivya
    Member

    I did search those forums before posting the question here. Guess it can’t be done. Thanks anyway.

    #895788

    raincoaster
    Member

    It can certainly be done manually.

    #895790

    shivya
    Member

    It can only be hyperlinked manually, right? Not with a thumbnail, title, short description and frame around it (like a link shared on Facebook). Or can it?

    #895791

    raincoaster
    Member

    Sure it can. Just depends on your coding skills or your ability to format things in the visual editor. Put it in a block quotation, then insert the image from your media library, selecting Thumbnail size, type in the description, and there you go.

    #895792

    justpi
    Member

    As two members already said, it –all of it– can be done manually. But to do it you have to be an experienced coder. Example here:
    http://panosdemos.wordpress.com/2012/05/23/post-index-example/

    #895793

    shivya
    Member

    Thanks Justpi, that’s exactly what I was looking to do. Do you think you could share the code with me please? I’m nowhere close to being an experienced coder. Really appreciate the help again :)

    #895794

    raincoaster
    Member

    I don’t understand, however, why you’d want to make a hand-built index look machine-made. Readers are going to click on something that looks like YOU wrote it. They don’t care so much what robots write.

    #895795

    shivya
    Member

    @raincoaster – I’m just trying to make it easy for readers to find posts under a certain topic, by compiling them on one page. It looks much more appealing with the snippet than just hyperlinking it to text.

    #895796

    raincoaster
    Member

    Sure, but think of it as writing your own marketing copy. It’s a chance you don’t have in the Top Posts widget. Write a commercial for your post.

    #895797

    justpi
    Member

    For each box you need something like this:*

    <div style="border:1px solid #456789;padding:12px;margin-bottom:16px;">
    <a href="POST URL HERE"><img style="width:100px;float:left;margin:0 12px 0 0;" src="IMAGE URL HERE" alt="" /></a><a href="POST URL HERE">POST TITLE HERE</a>
    TEXT HERE [...]<br style="clear:both;" />
    </div>

    You can change the values of the following:
    #456789 (frame color)
    margin-bottom:16px (space below the frame)
    width:100px (image size)

    * Might need further changes or additions: I can’t test things in the theme you’re using, as it’s a premium one.

    #895798

    shivya
    Member

    Thanks @justpi , I’ll try this out & see if I need any changes!

    #895799

    justpi
    Member

    You’re welcome!

The topic ‘How to embed a blog post snippet on a page?’ is closed to new replies.