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 9 years, 4 months ago by lewisloeb.
-
AuthorPosts
-
May 9, 2015 at 10:33 pm #151387lewisloebMember
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.omMay 10, 2015 at 9:50 am #151500vajrasarMemberIt 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 #151555lewisloebMemberThank-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 #151752vajrasarMemberYou want something like this? - http://i.imgur.com/8hP3RcJ.png
I make WordPress websites using Genesis Framework.
May 11, 2015 at 1:06 pm #151754lewisloebMemberYes, 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 #151756MoodyRivieraMemberJust 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 #151760lewisloebMemberThat's exactly what I'm looking for!
Thank-you!
May 11, 2015 at 2:55 pm #151779MoodyRivieraMemberUnfortunately 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 #151785lewisloebMemberThanks 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 #151828vajrasarMemberGive 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 #152468lewisloebMemberHi 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 #152469lewisloebMemberThat'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 #152470lewisloebMemberAgain...
"Post Title"
<img src="/wp-content/uploads/pic1.png" />
<img src="/wp-content/uploads/pic2.png" />
May 17, 2015 at 1:17 am #152471Brad DaltonParticipantPlease paste code into a Github Gist and embed or link to it from here. Thanks
May 17, 2015 at 11:33 pm #152533lewisloebMemberHi 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 DaltonParticipantMay 19, 2015 at 12:03 am #152687lewisloebMemberI wanted the image to be next to the title.
May 19, 2015 at 12:23 am #152691lewisloebMemberHere'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 DaltonParticipantMay 20, 2015 at 12:47 am #152859lewisloebMemberNot 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.