• Skip to main content
  • Skip to forum navigation

StudioPress

  • Shop for Themes
  • My StudioPress

Forum navigation

  • Home
  • General Genesis Discussions
  • StudioPress Themes
  • Genesis Blocks
    • Genesis Blocks
    • Genesis Custom Blocks
  • Retired Themes
  • FAQs
  • Forum Rules
  • Internationalization and Translations
  • Forum Bugs and Suggestions
  • Forum Log In

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

Add Image Next to Post Title

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

Log In
Register Lost Password

Community Forums › Forums › Archived Forums › Design Tips and Tricks › Add Image Next to Post Title

This topic is: not resolved

Tagged: post title

  • This topic has 23 replies, 4 voices, and was last updated 10 years, 8 months ago by lewisloeb.
Viewing 20 posts - 1 through 20 (of 24 total)
1 2 →
  • Author
    Posts
  • May 9, 2015 at 10:33 pm #151387
    lewisloeb
    Member

    Hi!

    I want to add an image or two after the post title. I'm starting out a food blog and I use the Genesis Child Theme called Foodie Pro.

    Well, I post about food. For each post I want to be able to add a small image (Gravatar size) next to the title to indicate that it's spicy (think red pepper), low fat (another image), etc. Also, I want to be able to add up to 3 images in a series right after the post title.

    I did some research and it seems I would need custom field to do that trick. But I don't know how or where to apply that to make it work.

    Can anybody help, please?

    Lewis

    http://www.veggiecravings.om
    May 10, 2015 at 9:50 am #151500
    vajrasar
    Member

    It can be done. But before that please explain that what do you mean by -

    Also, I want to be able to add up to 3 images in a series right after the post title.


    I make WordPress websites using Genesis Framework.

    WordPress/Genesis Development | Customizations

    May 10, 2015 at 12:40 pm #151555
    lewisloeb
    Member

    Thank-you Vajrasar for your reply.

    I meant I want to be able to add up to 3 separate images next to each other after the post title. For example, if a food dish is spicy, light weight and gluten free, I want to add a red pepper icon, a slim figure icon and a gluten free icon after the post title.

    If this is too much hassle, I can use a graphic software to combine them into one image.

    Thank-you for looking into this.

    May 11, 2015 at 12:55 pm #151752
    vajrasar
    Member

    You want something like this? - http://i.imgur.com/8hP3RcJ.png


    I make WordPress websites using Genesis Framework.

    WordPress/Genesis Development | Customizations

    May 11, 2015 at 1:06 pm #151754
    lewisloeb
    Member

    Yes, but I would like the image to be inserted after the post title and in the same line.

    For example,

    <Title of Post> <image 1> <image 2>

    Does this make sense?

    Thanks.

    May 11, 2015 at 1:22 pm #151756
    MoodyRiviera
    Member

    Just to clarify what you're looking for...is this (see graphic) sort of like what you're trying to get?

    Picture:

    May 11, 2015 at 1:34 pm #151760
    lewisloeb
    Member

    That's exactly what I'm looking for!

    Thank-you!

    May 11, 2015 at 2:55 pm #151779
    MoodyRiviera
    Member

    Unfortunately I just created that in Photoshop...it's just an image...and I'm not any kind of coder who can figure out how to do that...but I hope the image will help the experts here see where you're trying to get to.

    Because of the relative inflexibility of some WordPress elements, I'm going to guess this is going to be very difficult if not impossible to do...maybe you will be better off just thinking of a different place to show those things.

    I'm going to keep watching this thread, because I'll be interested to see if someone shows a way to do it. Good luck to you.

    *MoodyRiver*

    May 11, 2015 at 3:04 pm #151785
    lewisloeb
    Member

    Thanks for your help MoodyRiver. I hope somebody here has a solution and hope it's not too much coding. You're right, I should look for some other place to put the images.

    May 12, 2015 at 3:02 am #151828
    vajrasar
    Member

    Give me few hours. I'll try to come up with a solution.


    I make WordPress websites using Genesis Framework.

    WordPress/Genesis Development | Customizations

    May 17, 2015 at 12:10 am #152468
    lewisloeb
    Member

    Hi everyone,

    I found a way to do what I wanted.

    To insert images after the title and in the same line as the title, you can insert this line of code in the title field when you enter the title of the post.

    "POST TITLE"

    where "/wp-content/uploads/picture.png" is the address of the picture.

    To insert more than one image, simply insert that line of code again, like this

    But, I'm not sure if RSS feed can pick these up as images. I'm not sure if this is the best way to approach it, but it seems to work.

    Hope that helps some people out here. Thanks for watching.

    May 17, 2015 at 12:15 am #152469
    lewisloeb
    Member

    That's odd. The html code that I typed down didn't show up correctly. Let me try again.

    To insert images after the title and in the same line as the title, you can insert this line of code in the title field when you enter the title of the post.

    “POST TITLE” "** **"

    where “/wp-content/uploads/picture.png” is the address of the picture.

    To insert more than one image, simply insert that line of code again, like this

    "** **""** **"

    Ignore the "** and **".

    Let's see if this shows up correctly.

    May 17, 2015 at 12:21 am #152470
    lewisloeb
    Member

    Again...

    "Post Title" <img src="/wp-content/uploads/pic1.png" /><img src="/wp-content/uploads/pic2.png" />

    May 17, 2015 at 1:17 am #152471
    Brad Dalton
    Participant

    Please paste code into a Github Gist and embed or link to it from here. Thanks


    Tutorials for StudioPress Themes.

    May 17, 2015 at 11:33 pm #152533
    lewisloeb
    Member

    Hi Brad,

    Sorry, I'm a novice. Not sure how to go about that. I just registered a free account at Github, but don't know where to go from there.

    I was just sharing some ideas that might be helpful to some people. This this place is good enough.

    Thank-you.

    Lewis

    May 18, 2015 at 12:23 am #152535
    Brad Dalton
    Participant

    Try this Lewis https://gist.github.com

    Do you want the image next to the title or below it?


    Tutorials for StudioPress Themes.

    May 19, 2015 at 12:03 am #152687
    lewisloeb
    Member

    I wanted the image to be next to the title.

    May 19, 2015 at 12:23 am #152691
    lewisloeb
    Member

    Here's the link to the code. Nothing fancy really. It's just a very simple trick to add an image next to the post title.

    May 19, 2015 at 1:38 am #152700
    Brad Dalton
    Participant

    Try this http://www.codeitpretty.com/2013/04/add-icon-to-blog-post-titles-with-css.html


    Tutorials for StudioPress Themes.

    May 20, 2015 at 12:47 am #152859
    lewisloeb
    Member

    Not quite what I was looking for. I want to be able to add a different image for each post.

    The simple code below can be inserted right after the post title in the wordpress editor. This way I can add an image right next to the post title. Just put the actual link of the image inside the quotation marks. It's so simple that it may be overlooked.

  • Author
    Posts
Viewing 20 posts - 1 through 20 (of 24 total)
1 2 →
  • The forum ‘Design Tips and Tricks’ is closed to new topics and replies.

CTA

Ready to get started? Create a site or shop for themes.

Create a site with WP EngineShop for Themes

Footer

StudioPress

© 2026 WPEngine, Inc.

Products
  • Create a Site with WP Engine
  • Shop for Themes
  • Theme Features
  • Get Started
  • Showcase
Company
  • Brand Assets
  • Terms of Service
  • Accptable Usse Policy
  • Privacy Policy
  • Refund Policy
  • Contact Us
Community
  • Find Developers
  • Forums
  • Facebook Group
  • #GenesisWP
  • Showcase
Resources
  • StudioPress Blog
  • Help & Documentation
  • FAQs
  • Code Snippets
  • Affiliates
Connect
  • StudioPress Live
  • StudioPress FM
  • Facebook
  • Twitter
  • Dribbble