Community Forums › Forums › Archived Forums › Design Tips and Tricks › Add Image Next to Post Title
Tagged: post title
- This topic has 23 replies, 4 voices, and was last updated 10 years, 8 months ago by
lewisloeb.
-
AuthorPosts
-
May 9, 2015 at 10:33 pm #151387
lewisloeb
MemberHi!
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.omMay 10, 2015 at 9:50 am #151500vajrasar
MemberIt 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.
May 10, 2015 at 12:40 pm #151555lewisloeb
MemberThank-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 #151752vajrasar
MemberYou want something like this? - http://i.imgur.com/8hP3RcJ.png
I make WordPress websites using Genesis Framework.
May 11, 2015 at 1:06 pm #151754lewisloeb
MemberYes, 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 #151756MoodyRiviera
MemberJust to clarify what you're looking for...is this (see graphic) sort of like what you're trying to get?
May 11, 2015 at 1:34 pm #151760lewisloeb
MemberThat's exactly what I'm looking for!
Thank-you!
May 11, 2015 at 2:55 pm #151779MoodyRiviera
MemberUnfortunately 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 #151785lewisloeb
MemberThanks 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 #151828vajrasar
MemberGive me few hours. I'll try to come up with a solution.
I make WordPress websites using Genesis Framework.
May 17, 2015 at 12:10 am #152468lewisloeb
MemberHi 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 #152469lewisloeb
MemberThat'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 #152470lewisloeb
MemberAgain...
"Post Title"
<img src="/wp-content/uploads/pic1.png" /><img src="/wp-content/uploads/pic2.png" />May 17, 2015 at 1:17 am #152471Brad Dalton
ParticipantPlease paste code into a Github Gist and embed or link to it from here. Thanks
May 17, 2015 at 11:33 pm #152533lewisloeb
MemberHi 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 #152535Brad Dalton
ParticipantMay 19, 2015 at 12:03 am #152687lewisloeb
MemberI wanted the image to be next to the title.
May 19, 2015 at 12:23 am #152691lewisloeb
MemberHere'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 #152700Brad Dalton
ParticipantMay 20, 2015 at 12:47 am #152859lewisloeb
MemberNot 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.
-
AuthorPosts
- The forum ‘Design Tips and Tricks’ is closed to new topics and replies.