This plugin hasn’t been updated in over 2 years. It may no longer be maintained or supported and may have compatibility issues when used with more recent versions of WordPress.

Infographic Embedder

Description

With a single URL in an ‘Edit Post’ page (and no setup), you can automatically add a properly attributed, easy-to-copy embed code to the bottom of your posts. Readers can also edit the width of the image in the embed code to either percent or pixels (the default is 100%).

While it was built with infographics in mind, you can certainly use any image you’d like.

Want to improve the plugin or add a feature? Fork it on GitHub and let’s work on it!

Screenshots

  • On any post where the Infographic Embed URL is present
  • Meta box on post pages

Installation

  1. Upload the wp-embed-infographic folder to the /wp-content/plugins/ directory.
  2. Activate the plugin through the ‘Plugins’ menu in WordPress.
  3. Insert the URL of the image you’re using in the ‘Infographic Embedder’ meta box.
  4. Publish or update your post.

Filter: Add Post Types

function infographics_on_my_post_types() {
    return array (
        'post',
        'page',
        'other-post-type'
    );
}

add_filter ( 'infographic_embedder_post_types', 'infographics_on_my_post_types' );

Filter: Edit Embed Code

function infographics_custom_embed_code() {
    return '<img src="' . get_post_meta( get_the_ID(), 'infographic_embedder_post_class', true ) . '" alt="' . get_the_title() . ' - An Infographic from the Awesome ' . get_bloginfo('name') . '" width="100%" class="infographic_embedder" /><p class="infographic_attr">How awesome is <a href="' . get_permalink() . '" target="_blank">' . get_bloginfo('name') . '?!</a></p>';
}

add_filter ( 'infographic_embedder_image_code', 'infographics_custom_embed_code' );

Filter: Download Text

function infographics_custom_image_code() {
    return '<p><a href="' . get_post_meta( get_the_ID(), 'infographic_embedder_post_class', true ) . '" target="_blank">Download</a> our infographic today!</p>';
}

add_filter ( 'infographic_embedder_download_html', 'infographics_custom_image_code' );

Filter: Custom Header and Labeling

function infographics_custom_labeling() {
    return '<h3>Embed</h3><label for="embed_width">Image Width</label>';
}

add_filter ( 'infographic_embedder_embed_html', 'infographics_custom_labeling' );

Reviews

Read all 5 reviews

Contributors & Developers

“Infographic Embedder” is open source software. The following people have contributed to this plugin.

Contributors

Translate “Infographic Embedder” into your language.

Interested in development?

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.

Changelog

1.1.1

Fixes a bug with sites changing wpautop

1.1

  1. Add filters
  2. Remove default styling
  3. Improve UI for changing image size
  4. Bug fixes for themes that don’t include jQuery by default
  5. General code refactoring

1.0

Initial release.