In one of the recent projects, I need a feature that allows WordPress to auto generate embed code for every image uploaded. Visitors can simply copy and paste this code to embed the image on their sites.
Instead of have to write it manually after uploading every image, I need a way to automate the process.
Introducing the Infographic Embedder plugin.
While the plugin is developed with infographics in mind, you can use it for any image too.
1. Install the Infographic Embedder plugin.
2. The plugin will register a new metabox in your normal post editor at the bottom right.
3. Everytime you have uploaded the image, click on the Text tab next to Visual on your post editor. Copy the image URL. It should be very obvious. You may use an external image as well.
4. After hitting the Publish button, you’ll see the box with embed code at the bottom of the post. You might need to tweak the CSS to suite your theme appearance.
The plugin will grab the alt parameter of the image and this is really good to boost your SEO. However, I found this plugin lack of flexibility to change the text at the bottom of the image embedded on user’s site.
Although this plugin will not fully automate the process, it really saves your time.
Don’t forget, you may also want to fork the plugin on Github, change the text from the core file, add support to Custom Post type etc. Although it’s not a good idea to edit the plugin’s core file, that’s the only way to do it at the time of writing. Hopefully the plugin’s author will add those features soon.
Using this plugin will cause you more bandwidth costs
That’s not really true. If you notice, you can also put an external link in the metabox (see the second image). So, upload the image in free image hosting services like imgur.com, copy the link and paste in the metabox.
Looks pretty easy to use but I’m looking for something that will put the embed code directly under the image or maybe wherever you want with shortcode.
Any clues anybody?
Hi Chris,
As far as I know, there’s no such plugin available for shortcode. Well, you can also manually create the HTML code. First, encode the HTML code and use the encoded HTML in your post.
Thanks for the idea,
Could be an ongoing solution I guess but I have a site with quite a few images that get shared regularly on Pinterest so wanted to test out this avenue also.
Too much on (read: too lazy lol) to go back through doing that to all of them.
Opportunity for plugin developers here!