Saturday, July 22, 2017

Properly Inserting The Featured Image Into Your Post

I thought I would do a quick post on how to insert an image into your WordPress post. I understand that this really belongs over at Blogging Extreme.com” and it will eventually be posted there. However, I’m not exactly sure how many of you take time to visit that site. So I’ll take the liberty of posting here and then moving it over to Blogging Extreme at a later time.

WordPress ……. I think, starting with 3.0 ( I may be in error on that as I don’t always upgrade with every release ) gives you the option of inserting the featured image directly into your post. Now, how cool is that? I was really jazzed about the ability of taking my image on the homepage and using it to insert into the post so that I no longer had to do the banners or write the code for that matter. While the banners look cool I get hit by Google for using large images …….. slows things down a bit much for Google I guess.

Surprise!

When I went to insert my first image right after I upgraded my Blog at the first of February, I was hit with disappointment. It looked like S$&T. All I needed was a little tweak here and there and I would be on my way. If I remember correctly, I worked on it for about 4 hours and never could get it to work right. I was pressed for time so I had to move on.

After Five Months

The other day I was working on a site build and came up with some code for styling that I decided to work with and the above image insertion is the result after I toyed with it for about an hour.

The Solution

First let’s take a look at how this looks when you have WordPress insert the image. Here is the link to a standard insertion.

Now part of the problem with the standard insertion is my choice of image size, which is 170 x 115. This is almost like a trademark size image for me and my Blogs. Most templates provide a size that is a little too square for me. I like more of a rectangular shape. Blog Hopping has shown me that most Bloggers use different sizes for their post images, so you might have to do some adjusting of the margins top setting to properly seat the image within the text, which as you will see in the code below is set to 8px.

Here is a copy of the standard code that WordPress automatically inserts:

Here is a copy of the standard code re-written:

All I did was add this line ( which took me forever it seems to define ):

Where I went wrong:

One of my problems was that I failed to add the two 0px's to my code at the end of my margin settings. Seeing as how the settings were zero I just failed to include them. This will work with a website, however I had to define these margin settings within my WordPress post to get the desired effect.

I wanted a border for my images and could never get it to work with standard padding definitions. Once I added the 1ex for my padding, the border looked really sharp.

A Final Word

When you go to use this code, the only part that you should have to monkey with if the first setting in the margin, which I have set to 8px in my example. If you set this from 2 to 20px you should be able to get any image to properly seat within your text. A last note; be careful of this margin setting, if you don't set it just right it will look very different in different browsers.

Merry Christmas Everyone & See Ya Later!

Merry Christmas Everyone

Merry Christmas And Happy New Year!

My how the time flies when you’re having fun! Another year gone. I sometimes wonder about the passing of time and the challenges we face. As far as years go this one has been a bitch! You have no idea. I wouldn’t live it again for any amount of money. I sometimes wonder about how much challenge one is expected to handle over time.

I’ve had a good year Blogging though! I’ve loved doing this. It would be great if I could make a living at it. However, monies come from the technical side of things and this really is my strong suit. And the demands for my time continue to mount when it comes to the techie stuff.

This is to be my last post for the year. I’m taking down Bloggers Market.com in about 18 hours from now. I’ll be back of course on the 1st of January 2011. Things will be very different though. I will only be posting about once a week and I will be working over at Blogging Extreme as my main base of operation. I’ll also be doing a lot more guest posting on other Blogging sites.

Until we meet again, have a Merry Christmas and a Happy New Year! God Bless Everyone. :)

Going Like No Blogger Has Gone Before

Worn Out Blogger

Well I’m ahh going alright! It’s now two weeks before the end of the year and I’m busier then ever (I’m about to drop, I’m so tired). I sit here trying the best that I can to visualize what the next month will look like, and I just can’t do it. However, I do know that things will change dramatically. As I learn more and more about Blogging; and by Blogging I don’t necessarily mean writing, I mean writing and running a business, the more I continue to press into the future with a well-defined approach.

The demands for my time on the technical side have really grown this past year and I am having to accommodate this trend. All things given to reason I will not be here at Bloggers Market Full-Time next year. As a matter of fact tomorrow will be my last post for the year. I’ll be taking down the site at midnight for a complete re-build. Oh joy!!!
I love to tinker!

As I stated above I’m not really sure where it is that I will land in the coming months, but I do have some sort of fuzzy picture. Bloggers Market will become more like ….. well a Bloggers Market. More on that later. It’s best if you just see the site at the beginning of the year. I’ll be posting to the homepage instead of “Jeffrey’s Corner” and I will only be posting once a week on Saturday’s. The content will be much more focused as I have a better idea of what it is that I want to provide to the Bloggers of the Blogosphere.

I’d love to find my niche and go for it, but I’m afraid I’m not wired that way. I have a number of projects in the works and will provide details as they become available.

See ya tomorrow.