Whodunit

Jb Audras

Maxime Pertici

This plugin gives the capability to automatically add content before and/or after your posts, pages, or any public custom post types.
It is also possible to prevent your before/after content from showing on a post or a page directly from the editor screen (works on both Classic Editor and Block Editor). You can also prevent your before/after content from displaying on specific post types or categories.
With this plugin, build your before/after content within the Gutenberg block editor, even if you are using Classic Editor!
Indeed, the block editor is activated for these specific blocks of contents even if Gutenberg is not activated on your website!
I strongly recommend to use it alongside one of my other free plugins, <a href="https://wordpress.org/plugins/reusable-blocks-extended/" rel="ugc">Reusable Blocks Extended</a>. These two plugins are totaly independant, but together they provide a full editorial experience! ⭐️

Insert Blocks Before or After Posts Content

The Blocksy theme gives the opportunity to customize some features before and after the content but prevent you to choose the order of eventual additional content you may try to add in these places. This plugin is pretty cool as you can add all the blocks you need in the order and composition you need.

Very handy

Automatically insert blocks of content before and/or after each posts/page content.

Hemant Nandrajog (instruite)

Before After plugin integrates modified version <a href="http://www.catchmyfame.com/2009/06/25/jquery-beforeafter-plugin/" title="jQuery Before/After Plugin" rel="nofollow ugc">jQuery Before/After Plugin</a> in the wordpress. 
It can be used to show the difference between edited and original photo, before and after photos of changes, etc.
Please check ‘Other Notes’ for the Usage instructions to see how to use it on your blog
Demosites:
<a href="https://www.instruite.com/blog/2016/02/16/before-after-works/" title="Demo with Latest version" rel="nofollow ugc">Demo with Latest version</a> 
<a href="http://www.instruite.com/blog/2011/05/18/photostrying-photoshop-filters/" title="Operation on custom theme" rel="nofollow ugc">Operation on custom theme</a>
Author info: 
Follow me on <a href="http://twitter.com/instruite/" title="Follow instruite on twitter" rel="nofollow ugc">Twitter</a> or become my Friend on <a href="http://www.facebook.com/instruite/" title="Instruite's Facebook page" rel="nofollow ugc">facebook</a> 
Also on <a href="https://plus.google.com/108357740742566610994/" title="Follow instruite on Google+" rel="nofollow ugc">Google+</a>
<h4>Usage</h4>
<ul>
<li>Write the content of your post other than the images</li>
<li>Switch to ‘HTML-editor’ mode of the post editor area</li>
<li>Click ‘BeforeAfter’ button (This will start the ‘[beforeafter]’ shortcode)</li>
<li>Add the photos to your post through the wordpress image/media uploader</li>
<li>1 photo should be left align when you insert the images on your post, the other one can be aligned right/center/none</li>
<li>The ‘left-aligned’ photo is taken as before photo so please align your photos accordingly</li>
<li>After you have inserted the two images in the post Click ‘BeforeAfter’ button again to close ‘[/beforeafter]’ shortcode.</li>
<li>You can add more content to your post after closing the ‘[/beforeafter]’ shortcode</li>
<li>The content other than image information withing the ‘[beforeafter]…[/beforeafter]’ is ignored when the shortcode is executed, in other places like home page archive page the content will be shown as is in the post.</li>
</ul>

Before After

Before After plugin integrates modified version [jQuery Before/After Plugin](http://www.catchmyfame.com/2009/06/25/jquery-beforeafter-plugin/ "jQ …

Insert Blocks Before or After Posts Content vs Before After